/* Loaded last (after scoped Blazor CSS) so dark-mode overlay text always wins. */

html.dark-mode {
    --bs-body-color: #e2e8f0;
    --bs-body-bg: #0f172a;
    --menu-bg: #1e293b;
    --menu-text: #e2e8f0;
    --menu-text-muted: #94a3b8;
    --menu-hover: #334155;
    --menu-border: #475569;
    --mud-palette-text-primary: #e2e8f0 !important;
    --mud-palette-text-secondary: #94a3b8 !important;
    --mud-palette-surface: #1e293b !important;
    --mud-palette-background: #0f172a !important;
}

html.dark-mode .dropdown-menu,
html.dark-mode .dropdown-menu.show,
html.dark-mode .app-dropdown-menu,
html.dark-mode .popover,
html.dark-mode .popover-header,
html.dark-mode .popover-body,
html.dark-mode .tooltip-inner,
html.dark-mode .mud-popover,
html.dark-mode .mud-popover-open,
html.dark-mode .mud-list,
html.dark-mode .mud-menu,
html.dark-mode .mud-select-popover,
html.dark-mode .mud-overlay-drawer,
html.dark-mode .mud-paper.mud-popover,
html.dark-mode .rz-dropdown-panel,
html.dark-mode .rz-overlaypanel,
html.dark-mode .blazored-typeahead__results,
html.dark-mode .viewport-sheet__panel,
html.dark-mode .app-action-menu,
html.dark-mode .cal-ctx-menu,
html.dark-mode .mission-card-ctx-menu,
html.dark-mode .dash-search-results,
html.dark-mode .accessibility-menu,
html.dark-mode .swal2-popup {
    background-color: var(--menu-bg, #1e293b) !important;
    color: var(--menu-text, #e2e8f0) !important;
    border-color: var(--menu-border, #475569) !important;
}

html.dark-mode .dropdown-menu,
html.dark-mode .dropdown-menu .dropdown-item,
html.dark-mode .dropdown-menu .dropdown-header,
html.dark-mode .dropdown-menu li,
html.dark-mode .dropdown-menu li > a,
html.dark-mode .dropdown-menu a,
html.dark-mode .dropdown-menu button,
html.dark-mode .dropdown-menu span:not(.badge),
html.dark-mode .dropdown-menu label,
html.dark-mode .dropdown-menu p,
html.dark-mode .dropdown-menu i,
html.dark-mode .dropdown-menu .material-icons,
html.dark-mode .dropdown-item,
html.dark-mode .app-dropdown-menu,
html.dark-mode .app-dropdown-menu .dropdown-item,
html.dark-mode .popover,
html.dark-mode .popover-body,
html.dark-mode .popover-header,
html.dark-mode .popover a,
html.dark-mode .popover button,
html.dark-mode .popover span:not(.badge),
html.dark-mode .popover label,
html.dark-mode .popover p,
html.dark-mode .mud-popover,
html.dark-mode .mud-popover .mud-typography,
html.dark-mode .mud-popover .mud-list-item,
html.dark-mode .mud-popover .mud-list-item-text,
html.dark-mode .mud-popover .mud-nav-link,
html.dark-mode .mud-list-item,
html.dark-mode .mud-list-item .mud-list-item-text,
html.dark-mode .mud-list-item .mud-typography,
html.dark-mode .mud-menu-item,
html.dark-mode .mud-menu-item .mud-menu-item-text,
html.dark-mode .mud-select-item,
html.dark-mode .mud-select-item .mud-typography,
html.dark-mode .mud-input-slot,
html.dark-mode .mud-input-label,
html.dark-mode .rz-dropdown-panel,
html.dark-mode .rz-dropdown-item,
html.dark-mode .rz-dropdown-items .rz-dropdown-item,
html.dark-mode .rz-overlaypanel,
html.dark-mode .blazored-typeahead__results,
html.dark-mode .blazored-typeahead__result,
html.dark-mode .blazored-typeahead__notfound,
html.dark-mode .blazored-typeahead.text-dark,
html.dark-mode .blazored-typeahead.text-dark *,
html.dark-mode .viewport-sheet__panel,
html.dark-mode .viewport-sheet__body,
html.dark-mode .viewport-sheet__title,
html.dark-mode .viewport-sheet__close,
html.dark-mode .viewport-sheet__body button,
html.dark-mode .viewport-sheet__body a,
html.dark-mode .viewport-sheet__body span:not(.badge),
html.dark-mode .viewport-sheet__body label,
html.dark-mode .app-action-menu,
html.dark-mode .app-action-menu button,
html.dark-mode .app-action-menu__item,
html.dark-mode .cal-ctx-menu,
html.dark-mode .cal-ctx-menu button,
html.dark-mode .cal-ctx-menu__item,
html.dark-mode .mission-card-ctx-menu,
html.dark-mode .mission-card-ctx-menu button,
html.dark-mode .mission-card-ctx-menu__item,
html.dark-mode [class*="ctx-menu__item"],
html.dark-mode [class*="action-menu__item"],
html.dark-mode .dash-search-results,
html.dark-mode .dash-search-hit,
html.dark-mode .dash-search-hit__main,
html.dark-mode .dash-search-hit__title,
html.dark-mode .dash-search-hit__body,
html.dark-mode .accessibility-menu,
html.dark-mode .accessibility-menu h3,
html.dark-mode .accessibility-menu label,
html.dark-mode .text-dark,
html.dark-mode .text-black {
    color: var(--menu-text, #e2e8f0) !important;
}

html.dark-mode .dropdown-menu .dropdown-item:hover,
html.dark-mode .dropdown-menu .dropdown-item:focus,
html.dark-mode .dropdown-menu .dropdown-item:active,
html.dark-mode .dropdown-menu a:hover,
html.dark-mode .dropdown-menu a:focus,
html.dark-mode .dropdown-menu button:hover,
html.dark-mode .dropdown-menu button:focus,
html.dark-mode .dropdown-item:hover,
html.dark-mode .dropdown-item:focus,
html.dark-mode .dropdown-item:active,
html.dark-mode .mud-list-item:hover,
html.dark-mode .mud-list-item:focus,
html.dark-mode .mud-list-item.mud-selected-item,
html.dark-mode .mud-menu-item:hover,
html.dark-mode .mud-menu-item:focus,
html.dark-mode .mud-select-item:hover,
html.dark-mode .mud-select-item:focus,
html.dark-mode .rz-dropdown-item:hover,
html.dark-mode .rz-dropdown-item.rz-state-highlight,
html.dark-mode .blazored-typeahead__result:hover,
html.dark-mode .blazored-typeahead__result:focus,
html.dark-mode .app-action-menu__item:hover,
html.dark-mode .app-action-menu__item:focus,
html.dark-mode .app-action-menu button:hover,
html.dark-mode .cal-ctx-menu__item:hover,
html.dark-mode .cal-ctx-menu__item:focus,
html.dark-mode .mission-card-ctx-menu__item:hover,
html.dark-mode .mission-card-ctx-menu__item:focus,
html.dark-mode [class*="ctx-menu__item"]:hover,
html.dark-mode [class*="ctx-menu__item"]:focus,
html.dark-mode .dash-search-hit:hover,
html.dark-mode .dash-search-hit--active {
    color: #ffffff !important;
    background-color: var(--menu-hover, #334155) !important;
}

html.dark-mode .dropdown-item.text-danger,
html.dark-mode .dropdown-item.text-danger:hover,
html.dark-mode .app-action-menu__item--danger,
html.dark-mode .cal-ctx-menu__item--danger,
html.dark-mode .mission-card-ctx-menu__item--danger,
html.dark-mode [class*="ctx-menu__item--danger"] {
    color: #fca5a5 !important;
}

html.dark-mode .dropdown-item.text-warning,
html.dark-mode .dropdown-item.text-warning:hover,
html.dark-mode .app-action-menu__item--warning,
html.dark-mode .mission-card-ctx-menu__item--warning,
html.dark-mode [class*="ctx-menu__item--warning"] {
    color: #fbbf24 !important;
}

html.dark-mode .dropdown-item:disabled,
html.dark-mode .dropdown-item.disabled,
html.dark-mode .dropdown-menu .disabled > a,
html.dark-mode .mud-list-item.mud-disabled,
html.dark-mode .mud-menu-item.mud-disabled,
html.dark-mode .app-action-menu__item:disabled,
html.dark-mode .app-action-menu__item.disabled,
html.dark-mode .mission-card-ctx-menu__item:disabled,
html.dark-mode .mission-card-ctx-menu__item.disabled,
html.dark-mode [class*="ctx-menu__item"]:disabled,
html.dark-mode [class*="ctx-menu__item"].disabled,
html.dark-mode .viewport-sheet__body button:disabled {
    color: var(--menu-text-muted, #94a3b8) !important;
    opacity: 0.85;
}

html.dark-mode .dropdown-header,
html.dark-mode .dropdown-item-text,
html.dark-mode .text-muted,
html.dark-mode .mission-card-ctx-menu__summary-meta,
html.dark-mode .dash-search-hit__sub {
    color: var(--menu-text-muted, #94a3b8) !important;
}

html.dark-mode .dropdown-divider,
html.dark-mode .app-action-menu__divider,
html.dark-mode .cal-ctx-menu__divider,
html.dark-mode .mission-card-ctx-menu__divider {
    border-top-color: var(--menu-border, #475569) !important;
    background-color: var(--menu-border, #475569) !important;
}

html.dark-mode select option,
html.dark-mode .custom-select option,
html.dark-mode .form-control option,
html.dark-mode .culture-selector option {
    background-color: var(--menu-bg, #1e293b) !important;
    color: var(--menu-text, #e2e8f0) !important;
}

html.dark-mode .settings-hub .settings-top-tabs.nav-tabs .nav-item button.nav-link {
    color: var(--menu-text-muted, #94a3b8) !important;
}

html.dark-mode .settings-hub .settings-top-tabs.nav-tabs .nav-item button.nav-link.active,
html.dark-mode .settings-hub .settings-top-tabs.nav-tabs .nav-item button.nav-link.active:hover,
html.dark-mode .settings-hub .settings-top-tabs.nav-tabs .nav-item button.nav-link.active:focus {
    color: var(--menu-text, #e2e8f0) !important;
    background: var(--menu-bg, #1e293b) !important;
}