/* Settings Menu Fix for AI Assistant */

/* Ensure the settings menu has proper z-index and positioning */
.settings-menu {
    position: relative;
    z-index: 1002; /* Higher than other elements */
}

.settings-menu .btn-outline {
    position: relative;
    z-index: 1002;
}

.dropdown-content {
    display: none; /* Hidden by default */
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-2);
    z-index: 1003; /* Higher than the button */
    min-width: 120px;
    margin-top: 0.5rem;
}

/* Show dropdown when settings menu is active */
.settings-menu.active .dropdown-content {
    display: block !important; /* Force display with !important */
    z-index: 9999 !important; /* Ensure it's on top of everything */
    position: absolute !important;
}

/* Ensure the dropdown is positioned correctly */
#settings-dropdown {
    position: absolute !important;
    right: 0 !important;
    top: 100% !important;
    z-index: 9999 !important;
}

/* Ensure the header controls are positioned correctly */
#header-controls {
    position: relative !important;
    z-index: 9999 !important;
}

/* Ensure the settings menu is positioned correctly */
.settings-menu {
    position: relative !important;
    z-index: 9999 !important;
}

/* Fix for the settings toggle button */
#settings-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--line);
    border-radius: 50%;
    transition: all 0.2s ease;
}

#settings-toggle-btn:hover {
    background: hsl(0 0% 100% / .1);
    border-color: hsl(0 0% 100% / .5);
}

#settings-toggle-btn img {
    width: 16px;
    height: 16px;
}