/* Shared popup language: the same compact surface as the attachment menu. */
:where(
    .study-dropdown-menu,
    .chat-menu-dropdown,
    .account-menu,
    .language-menu,
    .notification-sound-menu,
    .project-emoji-picker,
    .ai-voice-modal-card,
    .modal-overlay > .modal:not(.settings-window)
) {
    background: rgba(20, 20, 22, 0.88) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32) !important;
}

:where(
    .study-dropdown-menu,
    .chat-menu-dropdown,
    .account-menu,
    .language-menu,
    .notification-sound-menu,
    .project-emoji-picker
) {
    padding: 6px !important;
    gap: 3px !important;
}

:where(
    .study-dropdown-menu button,
    .chat-menu-item,
    .account-menu-item,
    .language-menu button,
    .notification-sound-menu button,
    .quiz-type-row,
    .ai-personality-option
) {
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background-color 140ms ease, color 140ms ease !important;
}

:where(
    .study-dropdown-menu button,
    .chat-menu-item,
    .account-menu-item,
    .language-menu button,
    .notification-sound-menu button,
    .quiz-type-row,
    .ai-personality-option
):hover,
:where(
    .study-dropdown-menu button,
    .chat-menu-item,
    .account-menu-item,
    .language-menu button,
    .notification-sound-menu button,
    .quiz-type-row,
    .ai-personality-option
):focus-visible {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Settings choice controls use the same compact trigger geometry. */
#settingsView :where(.ai-settings-selector, select, .ai-settings-row-btn) {
    box-sizing: border-box !important;
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(20, 20, 22, 0.72) !important;
    box-shadow: none !important;
}

#settingsView :where(.ai-settings-selector, select, .ai-settings-row-btn):hover,
#settingsView :where(.ai-settings-selector, select, .ai-settings-row-btn):focus {
    border-color: rgba(255, 255, 255, 0.12) !important;
    outline: none !important;
    box-shadow: none !important;
}

body.light-mode :where(
    .study-dropdown-menu,
    .chat-menu-dropdown,
    .account-menu,
    .language-menu,
    .notification-sound-menu,
    .project-emoji-picker,
    .ai-voice-modal-card,
    .modal-overlay > .modal:not(.settings-window)
) {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode :where(
    .study-dropdown-menu button,
    .chat-menu-item,
    .account-menu-item,
    .language-menu button,
    .notification-sound-menu button,
    .quiz-type-row,
    .ai-personality-option
):hover,
body.light-mode :where(
    .study-dropdown-menu button,
    .chat-menu-item,
    .account-menu-item,
    .language-menu button,
    .notification-sound-menu button,
    .quiz-type-row,
    .ai-personality-option
):focus-visible {
    background: rgba(0, 0, 0, 0.055) !important;
}