/*
 * AMOLED-oriented dark theme for admin-panel-local.
 * Effective dark mode: html.panel-theme-dark (panel_theme.js).
 *
 * Surfaces: near-black elevation stack. Text: off-white (≥ ~#c8c8d0 for body help).
 * Selection / primary buttons: muted blue — never white or neon-bright fills.
 */

:root {
    --panel-dark-canvas: #0a0a0f;
    --panel-dark-surface: #121218;
    --panel-dark-surface-2: #1a1a22;
    --panel-dark-surface-3: #24242e;
    --panel-dark-border: rgba(255, 255, 255, 0.10);
    --panel-dark-border-strong: rgba(255, 255, 255, 0.16);
    --panel-dark-text: #e8e8ed;
    --panel-dark-text-muted: #c4c4ce;
    --panel-dark-text-soft: #a8a8b4;
    --panel-dark-accent: #6b8fc9;
    --panel-dark-accent-hover: #85a4d6;
    --panel-dark-selection: #1a2f4a;
    --panel-dark-selection-hover: #243d5c;
    /* Muted button fills for AMOLED — deeper / less saturated than light theme */
    --panel-dark-btn-primary: #2a4570;
    --panel-dark-btn-primary-hover: #355687;
    --panel-dark-btn-secondary: #1c1c24;
    --panel-dark-btn-secondary-hover: #282833;
    --panel-dark-btn-danger: #6e2c2c;
    --panel-dark-btn-danger-hover: #833535;
    --panel-dark-btn-success: #1e5c48;
    --panel-dark-btn-success-hover: #267058;
    --panel-dark-success: #3da88a;
    --panel-dark-danger: #c97a7a;
    --panel-dark-warning: #c9a06a;
}

html.panel-theme-dark,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) {
    color-scheme: dark;
    --body-bg: var(--panel-dark-canvas);
    --body-fg: var(--panel-dark-text);
    --body-quiet-color: var(--panel-dark-text-muted);
    --body-loud-color: #f2f2f5;
    --hairline-color: var(--panel-dark-border);
    --border-color: var(--panel-dark-border-strong);
    --darkened-bg: var(--panel-dark-surface-2);
    --selected-bg: var(--panel-dark-surface-3);
    --selected-row: var(--panel-dark-selection);
    --link-fg: var(--panel-dark-accent);
    --link-hover-color: var(--panel-dark-accent-hover);
    --primary: var(--panel-dark-btn-primary);
    --primary-fg: #f5f7fb;
    --header-link-color: var(--panel-dark-text);
    --header-bg: var(--panel-dark-surface);

    --panel-canvas-bg: var(--panel-dark-canvas);
    --panel-surface-border: var(--panel-dark-border-strong);
    --panel-chrome-border: var(--panel-dark-border);
    --panel-selection-bg: var(--panel-dark-selection);
    --panel-selection-bg-hover: var(--panel-dark-selection-hover);
    --panel-accent: var(--panel-dark-btn-primary);
    --panel-success: var(--panel-dark-btn-success);
    --panel-success-hover: var(--panel-dark-btn-success-hover);

    --panel-table-border: var(--panel-dark-border-strong);
    --panel-table-header-bg: var(--panel-dark-surface);
    --panel-table-header-color: var(--panel-dark-text-soft);
    --panel-table-row-border: var(--panel-dark-border);
    --panel-table-hover-bg: var(--panel-dark-surface-2);

    --panel-form-border: var(--panel-dark-border-strong);
    --panel-form-row-border: var(--panel-dark-border);
    --panel-form-label: var(--panel-dark-text-muted);
    --panel-form-text: var(--panel-dark-text);
    --panel-form-muted: var(--panel-dark-text-soft);
    --panel-form-accent: var(--panel-dark-btn-primary);
    --panel-form-accent-hover: var(--panel-dark-btn-primary-hover);
    --panel-form-control-border: var(--panel-dark-border-strong);
    --panel-form-danger-bg: var(--panel-dark-btn-danger);
    --panel-form-danger-hover: var(--panel-dark-btn-danger-hover);
    --panel-form-surface: var(--panel-dark-surface-2);
    --panel-success: var(--panel-dark-btn-success);
    --panel-success-hover: var(--panel-dark-btn-success-hover);

    --panel-notify-accent: var(--panel-dark-accent);
    --panel-notify-border: var(--panel-dark-border-strong);
    --panel-notify-shadow: 0 12px 32px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.35);
    --panel-notify-success: var(--panel-dark-success);
    --panel-notify-error: var(--panel-dark-danger);
    --panel-notify-warning: var(--panel-dark-warning);
    --panel-notify-info: var(--panel-dark-accent);

    --admin-interface-generic-link-color: var(--panel-dark-accent);
    --admin-interface-generic-link-hover-color: var(--panel-dark-accent-hover);
    --admin-interface-generic-link-active-color: var(--panel-dark-accent-hover);
    --admin-interface-save-button-background-color: var(--panel-dark-btn-primary);
    --admin-interface-save-button-background-hover-color: var(--panel-dark-btn-primary-hover);
    --admin-interface-save-button-text-color: #f5f7fb;
}

/* =====================================================================
   Theme toggle: sun (light) / moon (dark), between bell and language
   ===================================================================== */

/* Fast simultaneous fade when switching themes (View Transitions) */
@supports (view-transition-name: root) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 0.2s;
        animation-timing-function: ease;
        mix-blend-mode: normal;
    }

    ::view-transition-old(root) {
        animation-name: panel-theme-fade-out;
    }

    ::view-transition-new(root) {
        animation-name: panel-theme-fade-in;
    }

    @keyframes panel-theme-fade-out {
        to {
            opacity: 0;
        }
    }

    @keyframes panel-theme-fade-in {
        from {
            opacity: 0;
        }
    }
}

/* Fallback without View Transitions API */
html.panel-theme-animating,
html.panel-theme-animating body {
    transition: opacity 0.12s ease !important;
}

html.panel-theme-animating-out,
html.panel-theme-animating-out body {
    opacity: 0.35 !important;
}

html.panel-theme-animating-in,
html.panel-theme-animating-in body {
    opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
        animation: none !important;
    }

    html.panel-theme-animating,
    html.panel-theme-animating body {
        transition: none !important;
    }
}

.admin-interface #user-tools #panel-notifications-mount {
    order: 1;
}

.admin-interface:not(.login):not(.popup) #header #user-tools {
    overflow: visible !important;
}

.admin-interface #user-tools button.theme-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    transform: none !important;
    cursor: pointer;
    color: #344054;
    overflow: visible !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    line-height: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-interface #user-tools .language-chooser {
    order: 3;
    flex: 0 0 auto;
    align-self: center !important;
}

.admin-interface #user-tools #logout-form {
    order: 4;
}

.admin-interface #user-tools button.theme-toggle:hover,
.admin-interface #user-tools button.theme-toggle:focus-visible {
    background: rgba(42, 95, 173, 0.08);
    border-color: rgba(42, 95, 173, 0.22);
    outline: none;
}

html.panel-theme-dark .admin-interface #user-tools button.theme-toggle {
    color: var(--panel-dark-text);
}

html.panel-theme-dark .admin-interface #user-tools button.theme-toggle:hover,
html.panel-theme-dark .admin-interface #user-tools button.theme-toggle:focus-visible {
    background: rgba(107, 143, 201, 0.14);
    border-color: rgba(107, 143, 201, 0.28);
}

.admin-interface #user-tools button.theme-toggle svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    min-height: 20px;
    display: none !important;
    transform: none !important;
    overflow: visible !important;
    flex-shrink: 0;
    color: inherit !important;
}

/* Beat admin-interface "color: transparent" that hid the icons.
   Sun = stroke outline; moon = solid fill (do not stroke the moon path). */
.admin-interface #header #user-tools button.theme-toggle svg,
.admin-interface #header #user-tools button.theme-toggle:hover svg,
.admin-interface #header #user-tools button.theme-toggle:active svg {
    color: inherit !important;
}

.admin-interface #user-tools button.theme-toggle svg.theme-icon-when-light,
.admin-interface #user-tools button.theme-toggle svg.theme-icon-when-light * {
    fill: none !important;
    stroke: currentColor !important;
}

.admin-interface #user-tools button.theme-toggle svg.theme-icon-when-dark,
.admin-interface #user-tools button.theme-toggle svg.theme-icon-when-dark * {
    fill: currentColor !important;
    stroke: none !important;
}

html:not(.panel-theme-dark) .admin-interface #user-tools button.theme-toggle svg.theme-icon-when-light,
html[data-theme="light"] .admin-interface #user-tools button.theme-toggle svg.theme-icon-when-light {
    display: block !important;
}

html.panel-theme-dark .admin-interface #user-tools button.theme-toggle svg.theme-icon-when-dark,
html[data-theme="dark"] .admin-interface #user-tools button.theme-toggle svg.theme-icon-when-dark {
    display: block !important;
}

html .admin-interface #user-tools button.theme-toggle svg.theme-icon-when-auto {
    display: none !important;
}

@media (max-width: 767px) {
    .admin-interface:not(.login):not(.popup) #user-tools button.theme-toggle {
        width: 36px;
        height: 36px;
    }
}

/* =====================================================================
   Shell / chrome
   ===================================================================== */

html.panel-theme-dark .admin-interface:not(.login):not(.popup) {
    background-color: var(--panel-dark-canvas) !important;
    color: var(--panel-dark-text);
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #container,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #header {
    background-color: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #header + #main,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #main > main.content {
    background-color: var(--panel-dark-canvas) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar {
    background: var(--panel-dark-surface) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #header #branding h1,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #header #branding h1 a,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #header #branding h1 span,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #user-tools,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #user-tools a,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #user-tools .welcome-text {
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #header #branding .panel-sidebar-toggle {
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #logout-form button {
    border: none !important;
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    box-shadow: none !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #logout-form button:hover {
    background: var(--panel-dark-surface-3) !important;
    border: none !important;
}

@media (min-width: 1280px) {
    html.panel-theme-dark .admin-interface:not(.login):not(.popup) #header + #main {
        background: linear-gradient(
            to right,
            var(--panel-dark-surface) 0,
            var(--panel-dark-surface) calc(var(--panel-sidebar-width) + var(--panel-chrome-radius)),
            var(--panel-dark-canvas) calc(var(--panel-sidebar-width) + var(--panel-chrome-radius)),
            var(--panel-dark-canvas) 100%
        ) !important;
    }
}

/* =====================================================================
   Sidebar selection — never white
   ===================================================================== */

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module tbody tr,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module tbody tr:nth-child(odd),
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module tbody tr:nth-child(even),
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model th,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model td {
    background: transparent !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module th a.panel-sidebar-tab-link {
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .panel-sidebar-tab-icon {
    color: var(--panel-dark-text-soft) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module th a.panel-sidebar-tab-link:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module th a.panel-sidebar-tab-link:focus,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module tr.clickable-row:hover th a.panel-sidebar-tab-link {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model th a.panel-sidebar-tab-link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model th a.panel-sidebar-tab-link:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model th a.panel-sidebar-tab-link:focus,
html.panel-sidebar-collapsed.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model th a.panel-sidebar-tab-link {
    background: var(--panel-dark-selection) !important;
    color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .current-model .panel-sidebar-tab-icon {
    color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .panel-sidebar-section-caption .section,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #nav-sidebar .module caption .section {
    color: var(--panel-dark-accent) !important;
}

/* =====================================================================
   Titles & help text — readable muted, never near-invisible
   ===================================================================== */

html.panel-theme-dark .admin-interface:not(.login):not(.popup).change-form #content h1,
html.panel-theme-dark .admin-interface:not(.login):not(.popup).change-list #content > h1,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content:has(#change-history) h1,
html.panel-theme-dark .admin-interface.delete-confirmation:not(.popup) #content h1 {
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .help,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) p.help,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) div.help,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .form-row .help,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .aligned .help,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .vCheckboxLabel,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) label,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .form-row label {
    color: var(--panel-dark-text-muted) !important;
}

/* =====================================================================
   Form cards / modules
   ===================================================================== */

html.panel-theme-dark .admin-interface.change-form #content-main > form fieldset.module,
html.panel-theme-dark .admin-interface.change-form #content > form fieldset.module,
html.panel-theme-dark .admin-interface.change-form #content-main fieldset.module.aligned,
html.panel-theme-dark .admin-interface.change-form #content > form fieldset.module.aligned,
html.panel-theme-dark .admin-interface.change-form #content-main .sync-connectors.module,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content-main .module,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .dashboard .module {
    background: var(--panel-dark-surface) !important;
    border-color: var(--panel-dark-border-strong) !important;
    color: var(--panel-dark-text);
}

html.panel-theme-dark .admin-interface.change-form #content-main fieldset.module > h2,
html.panel-theme-dark .admin-interface.change-form #content-main fieldset.module.aligned > h2,
html.panel-theme-dark .admin-interface.change-form #content-main .inline-group > h2 {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border) !important;
}

/* =====================================================================
   Inputs / selects / custom single-select / file input
   ===================================================================== */

html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="text"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="password"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="email"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="url"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="number"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="tel"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="search"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input.vDateField,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input.vTimeField,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input.vIntegerField,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) select,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) textarea,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form input[type="text"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form select,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .tfb-multiselect,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .tfb-select select,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #changelist .actions select[name="action"] {
    background-color: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
    color-scheme: dark;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="checkbox"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="radio"],
html.panel-theme-dark .admin-interface input[type="checkbox"],
html.panel-theme-dark .admin-interface input[type="radio"] {
    accent-color: var(--panel-dark-btn-primary) !important;
    color-scheme: dark;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-ss-toggle,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-action-select__input,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-single-select__trigger {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-ss-toggle:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-single-select.open .panel-ss-toggle {
    border-color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-ss-panel {
    background: var(--panel-dark-surface-3) !important;
    border-color: var(--panel-dark-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-ss-option {
    color: var(--panel-dark-text) !important;
    background: transparent !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-ss-option:hover:not(:disabled) {
    background: var(--panel-dark-surface-2) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-ss-option.is-selected {
    background: var(--panel-dark-selection) !important;
    color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-ss-caret {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8a8b4' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-file-input__button {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-file-input__button:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-file-input__button:focus {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-file-input__name {
    color: var(--panel-dark-text-muted) !important;
}

/* =====================================================================
   Filters / object tools / actions bar
   ===================================================================== */

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-bar,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-bar .tfb-field,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-bar .tfb-multiselect,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-bar .tfb-select,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-bar .tfb-dropdown {
    background: var(--panel-dark-surface) !important;
    border-color: var(--panel-dark-border-strong) !important;
    color: var(--panel-dark-text) !important;
    box-shadow: none !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form .button,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form button,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form a.button,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form .tfb-reset,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) a.tfb-reset,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) a.tfb-reset:link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) a.tfb-reset:visited,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .object-tools a,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .object-tools a:link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .object-tools a:visited {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border: 1px solid var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form .button:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form button:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) a.tfb-reset:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) a.tfb-reset:focus,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .object-tools a:hover {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-accent-hover) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .tfb-ms-toggle,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .tfb-multiselect .tfb-ms-toggle {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .tfb-ms-panel,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .tfb-dropdown {
    background: var(--panel-dark-surface-3) !important;
    border-color: var(--panel-dark-border-strong) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .top-filter-form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8a8b4' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px center !important;
    background-size: 16px 16px !important;
}

html.panel-theme-dark .admin-interface #changelist .actions,
html.panel-theme-dark .admin-interface .license-overage-changelist .actions.panel-filter-actions-row,
html.panel-theme-dark .admin-interface .export-preview-changelist .actions.panel-filter-actions-row {
    background: var(--panel-dark-surface) !important;
    border-color: var(--panel-dark-border-strong) !important;
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .admin-interface #changelist .actions span.action-counter,
html.panel-theme-dark .admin-interface #changelist .actions span.all,
html.panel-theme-dark .admin-interface #changelist .actions span.question,
html.panel-theme-dark .admin-interface #changelist .actions span.clear {
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .admin-interface #changelist .actions .button.panel-action-go,
html.panel-theme-dark .admin-interface #changelist .actions .panel-action-go {
    background: var(--panel-dark-btn-primary) !important;
    color: #f5f7fb !important;
    border-color: transparent !important;
}

html.panel-theme-dark .admin-interface #changelist .actions .button.panel-action-go:hover,
html.panel-theme-dark .admin-interface #changelist .actions .panel-action-go:hover {
    background: var(--panel-dark-btn-primary-hover) !important;
}

/* =====================================================================
   Tables
   ===================================================================== */

html.panel-theme-dark .admin-interface #changelist-form,
html.panel-theme-dark .admin-interface #changelist-form .results,
html.panel-theme-dark .admin-interface #content-main #changelist #result_list,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list,
html.panel-theme-dark .admin-interface #content-main .license-overage-changelist #result_list,
html.panel-theme-dark .admin-interface #content-main #change-history table,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular table,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody tr,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody tr:nth-child(odd),
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody tr:nth-child(even),
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody tr.row1,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody tr.row2,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular tbody tr,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular tbody tr.row1,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular tbody tr.row2,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody td,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody th,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular tbody td,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular tbody th,
html.panel-theme-dark .admin-interface #content-main #changelist #result_list tbody tr,
html.panel-theme-dark .admin-interface #content-main #changelist #result_list tbody td,
html.panel-theme-dark .admin-interface #content-main #changelist #result_list tbody th {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border) !important;
}

html.panel-theme-dark .admin-interface #content-main #changelist #result_list thead th,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table thead th,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular thead th,
html.panel-theme-dark .admin-interface #content-main #change-history table thead th {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text-soft) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface #content-main #changelist #result_list tbody tr:hover td,
html.panel-theme-dark .admin-interface #content-main #changelist #result_list tbody tr:hover th,
html.panel-theme-dark .admin-interface #content-main .auto-growing-table tbody tr:hover td {
    background: var(--panel-dark-surface-2) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .paginator,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .changelist-footer {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text-muted) !important;
    border-color: var(--panel-dark-border) !important;
}

/* =====================================================================
   Buttons — deeper primary, dark secondary (never white / neon)
   ===================================================================== */

html.panel-theme-dark .admin-interface:not(.login):not(.popup) .submit-row,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .panel-submit-row {
    background: var(--panel-dark-surface) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input[type="submit"],
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input[type="button"],
html.panel-theme-dark .admin-interface.change-form #content > form .submit-row input[type="submit"],
html.panel-theme-dark .admin-interface.change-form #content > form .submit-row input[type="button"],
html.panel-theme-dark .admin-interface.delete-confirmation:not(.popup) form .submit-row input[type="submit"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) input[type="submit"].default,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .submit-row input.default {
    background: var(--panel-dark-btn-primary) !important;
    color: #f5f7fb !important;
    border-color: transparent !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input[type="submit"]:hover,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input[type="submit"]:focus,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input[type="button"]:hover,
html.panel-theme-dark .admin-interface.change-form #content > form .submit-row input[type="submit"]:hover {
    background: var(--panel-dark-btn-primary-hover) !important;
    color: #f5f7fb !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row a.closelink,
html.panel-theme-dark .admin-interface.delete-confirmation:not(.popup) form .submit-row a.closelink,
html.panel-theme-dark .admin-interface.delete-confirmation:not(.popup) #content form a.cancel-link,
html.panel-theme-dark .admin-interface.delete-confirmation:not(.popup) #content form a.button.cancel-link,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input[type="button"]:not(.default):not(.panel-btn-success):not(#connector-test-btn):not(#sync-now-btn) {
    background: var(--panel-dark-btn-secondary) !important;
    color: var(--panel-dark-text) !important;
    border: 1px solid var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row a.closelink:hover,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row a.closelink:focus {
    background: var(--panel-dark-btn-secondary-hover) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row a.deletelink {
    background: var(--panel-dark-btn-danger) !important;
    color: #f0e8e8 !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row a.deletelink:hover,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row a.deletelink:focus {
    background: var(--panel-dark-btn-danger-hover) !important;
    color: #fff !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row .panel-submit-right input.panel-btn-success,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input.panel-btn-success,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input#connector-test-btn,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input#sync-now-btn,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input[name="_sync_now"],
html.panel-theme-dark .admin-interface.change-form #content > form .submit-row input.panel-btn-success {
    background: var(--panel-dark-btn-success) !important;
    color: #e8f5f0 !important;
    border-color: transparent !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .submit-row .panel-submit-right input.panel-btn-success:hover,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input.panel-btn-success:hover,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input#connector-test-btn:hover,
html.panel-theme-dark .admin-interface.change-form #content-main .submit-row input#sync-now-btn:hover {
    background: var(--panel-dark-btn-success-hover) !important;
}

/* Inline reset / danger text links — muted, not neon */
html.panel-theme-dark .admin-interface:not(.login):not(.popup) a.deletelink,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) .deletelink,
html.panel-theme-dark .admin-interface .inline-deletelink,
html.panel-theme-dark .admin-interface a.reset-key {
    color: var(--panel-dark-danger) !important;
}

/* =====================================================================
   RADIUS monitor / specialty cards
   ===================================================================== */

html.panel-theme-dark .admin-interface .radius-server-monitor {
    background: var(--panel-dark-surface) !important;
    border-color: var(--panel-dark-border-strong) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__title,
html.panel-theme-dark .admin-interface .radius-server-monitor th,
html.panel-theme-dark .admin-interface .radius-server-monitor td,
html.panel-theme-dark .admin-interface .radius-server-monitor__metrics,
html.panel-theme-dark .admin-interface .radius-server-monitor__metric-label,
html.panel-theme-dark .admin-interface .radius-server-monitor__metric-value,
html.panel-theme-dark .admin-interface .radius-server-monitor__metrics dt,
html.panel-theme-dark .admin-interface .radius-server-monitor__metrics dd {
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__metric-label,
html.panel-theme-dark .admin-interface .radius-server-monitor thead th,
html.panel-theme-dark .admin-interface .radius-server-monitor__metrics dt {
    color: var(--panel-dark-text-soft) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__badge[data-state="ok"] {
    background: rgba(61, 202, 160, 0.18) !important;
    color: var(--panel-dark-success) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__badge[data-state="off"] {
    background: rgba(229, 115, 115, 0.18) !important;
    color: var(--panel-dark-danger) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__badge[data-state="error"],
html.panel-theme-dark .admin-interface .radius-server-monitor__badge[data-state="unknown"] {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__clear-btn {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__clear-btn:hover {
    background: var(--panel-dark-surface-3) !important;
    border-color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor__log {
    background: #0c0c12 !important;
    color: var(--panel-dark-text-muted) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface .radius-server-monitor table,
html.panel-theme-dark .admin-interface .radius-server-monitor table tbody tr,
html.panel-theme-dark .admin-interface .radius-server-monitor table tbody td,
html.panel-theme-dark .admin-interface .radius-server-monitor table thead th {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border) !important;
}

/* =====================================================================
   Notifications — light text on dark surfaces
   ===================================================================== */

html.panel-theme-dark .panel-notifications__menu {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .panel-notifications__menu-header {
    background: var(--panel-dark-surface) !important;
    border-bottom-color: var(--panel-dark-border) !important;
}

html.panel-theme-dark .panel-notifications__menu-title,
html.panel-theme-dark .panel-notifications__item-title {
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .panel-notifications__item-message,
html.panel-theme-dark .panel-notifications__empty,
html.panel-theme-dark .panel-notifications__item-time {
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .panel-notifications__menu-clear {
    color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .panel-notifications__item:hover {
    background: var(--panel-dark-surface-2) !important;
}

html.panel-theme-dark .panel-notifications__item.is-unread {
    background: rgba(30, 58, 95, 0.45) !important;
}

html.panel-theme-dark .panel-notifications__item.is-unread:hover {
    background: rgba(39, 74, 117, 0.55) !important;
}

html.panel-theme-dark .panel-notifications__item--success .panel-notifications__item-icon {
    background: rgba(61, 202, 160, 0.15) !important;
    color: var(--panel-dark-success) !important;
}

html.panel-theme-dark .panel-notifications__item--error .panel-notifications__item-icon {
    background: rgba(229, 115, 115, 0.15) !important;
    color: var(--panel-dark-danger) !important;
}

html.panel-theme-dark .panel-notifications__item--warning .panel-notifications__item-icon {
    background: rgba(240, 177, 91, 0.15) !important;
    color: var(--panel-dark-warning) !important;
}

html.panel-theme-dark .panel-notifications__item--info .panel-notifications__item-icon {
    background: rgba(122, 162, 240, 0.15) !important;
    color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface:not(.login) #header .panel-notifications__badge {
    box-shadow: 0 0 0 2px var(--panel-dark-surface) !important;
}

html.panel-theme-dark .admin-interface:not(.login) #header .panel-notifications__trigger:hover,
html.panel-theme-dark .admin-interface:not(.login) #header .panel-notifications__trigger:focus-visible {
    color: var(--panel-dark-accent) !important;
}

/* Toast stack — class is panel-notifications-toast (not __toast) */
html.panel-theme-dark .panel-notifications-toast,
html.panel-theme-dark .panel-notifications-toasts .panel-notifications-toast {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
    box-shadow: var(--panel-notify-shadow) !important;
}

html.panel-theme-dark .panel-notifications-toast__title {
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .panel-notifications-toast__message {
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .panel-notifications-toast__close {
    color: var(--panel-dark-text-soft) !important;
}

html.panel-theme-dark .panel-notifications-toast__close:hover,
html.panel-theme-dark .panel-notifications-toast__close:focus-visible {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .panel-notifications-toast--success .panel-notifications-toast__icon {
    background: rgba(30, 92, 72, 0.45) !important;
    color: var(--panel-dark-success) !important;
}

html.panel-theme-dark .panel-notifications-toast--error .panel-notifications-toast__icon {
    background: rgba(110, 44, 44, 0.5) !important;
    color: var(--panel-dark-danger) !important;
}

html.panel-theme-dark .panel-notifications-toast--warning .panel-notifications-toast__icon {
    background: rgba(120, 90, 40, 0.45) !important;
    color: var(--panel-dark-warning) !important;
}

html.panel-theme-dark .panel-notifications-toast--info .panel-notifications-toast__icon {
    background: rgba(42, 69, 112, 0.5) !important;
    color: var(--panel-dark-accent) !important;
}

/* Nav transition veil — dark in dark theme (no white flash) */
html.panel-theme-dark {
    background-color: var(--panel-dark-canvas) !important;
}

html.panel-theme-dark body.admin-interface,
html.panel-theme-dark body.admin-interface #container {
    background-color: var(--panel-dark-canvas) !important;
}

html.panel-theme-dark.panel-nav-busy #content,
html.panel-theme-dark #content.is-panel-nav-loading {
    opacity: 1;
}

html.panel-theme-dark.panel-nav-busy #content::before,
html.panel-theme-dark #content.is-panel-nav-loading::before {
    background: rgba(0, 0, 0, 0.45) !important;
}

html.panel-theme-dark .panel-nav-progress__bar {
    background: linear-gradient(90deg, #2a4570 0%, #355687 50%, #4a6a94 100%) !important;
    box-shadow: 0 0 10px rgba(42, 69, 112, 0.45) !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main a.button,
html.panel-theme-dark .admin-interface.change-form #content-main .button,
html.panel-theme-dark .admin-interface.change-form #content-main .related-widget-wrapper .button,
html.panel-theme-dark .admin-interface.change-form #content > form a.button {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main a.button:hover,
html.panel-theme-dark .admin-interface.change-form #content-main .button:hover {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface.change-form #content-main .inline-group,
html.panel-theme-dark .admin-interface.change-form #content-main .inline-related,
html.panel-theme-dark .admin-interface.change-form #content-main .inline-related .delete {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border) !important;
}

/* =====================================================================
   Broad catch-all: kill leftover white surfaces inside content
   ===================================================================== */

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content-main [style*="background: #fff"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content-main [style*="background:#fff"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content-main [style*="background-color: #fff"],
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content-main [style*="background-color:#fff"] {
    background: var(--panel-dark-surface) !important;
}

html.panel-theme-dark .admin-interface #content-main .panel-data-card,
html.panel-theme-dark .admin-interface #content-main #change-history.module,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular fieldset.module,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular h2,
html.panel-theme-dark .admin-interface #content-main #change-history.module > h2 {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) a:link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) a:visited {
    color: var(--panel-dark-accent);
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) a:hover {
    color: var(--panel-dark-accent-hover);
}

/* =====================================================================
   High-specificity leftovers (win over panel_shell / panel_tables !important)
   ===================================================================== */

/* Object tools: History/Import white, Add too light */
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a:link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a:visited,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.historylink,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.import_link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.export_link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.viewsitelink {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border: 1px solid var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a:focus {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.addlink,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.addlink:link,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.addlink:visited {
    background: var(--panel-dark-btn-primary) !important;
    color: #f5f7fb !important;
    border-color: transparent !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.addlink:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools a.addlink:focus {
    background: var(--panel-dark-btn-primary-hover) !important;
    color: #f5f7fb !important;
}

/* Cloud license changelist: scheduler control is a <button>, not an <a> */
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools button.license-scheduler-run {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border: 1px solid var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools button.license-scheduler-run:hover,
html.panel-theme-dark .admin-interface:not(.login):not(.popup) #content .object-tools button.license-scheduler-run:focus {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-accent) !important;
}

/* Fieldset / module headers that stay white via !important */
html.panel-theme-dark .admin-interface.change-form #content-main fieldset.module > h2,
html.panel-theme-dark .admin-interface.change-form #content-main fieldset.module.aligned > h2,
html.panel-theme-dark .admin-interface.change-form #content-main .inline-group > h2,
html.panel-theme-dark .admin-interface.change-form #content-main .inline-group .inline-related h3,
html.panel-theme-dark .admin-interface.change-form #content-main .sync-connectors.module > h2,
html.panel-theme-dark .admin-interface #content-main .inline-group .tabular h2,
html.panel-theme-dark .admin-interface #content-main #change-history.module > h2 {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-accent) !important;
    border-bottom-color: var(--panel-dark-border) !important;
}

/* Pagination frame + record counter */
html.panel-theme-dark .admin-interface #changelist .paginator-block,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist .paginator-block,
html.panel-theme-dark .admin-interface #content-main #change-history .paginator-block,
html.panel-theme-dark .admin-interface #changelist .changelist-footer,
html.panel-theme-dark .admin-interface #content-main .paginator-block {
    background: var(--panel-dark-surface) !important;
    border-color: var(--panel-dark-border) !important;
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .admin-interface .paginator-count-row,
html.panel-theme-dark .admin-interface #changelist .paginator-count-row,
html.panel-theme-dark .admin-interface #content-main .paginator-count-row {
    color: var(--panel-dark-text-muted) !important;
    background: transparent !important;
}

html.panel-theme-dark .admin-interface .paginator-center a,
html.panel-theme-dark .admin-interface .paginator a:not(.showall) {
    color: var(--panel-dark-text-muted) !important;
}

html.panel-theme-dark .admin-interface .paginator .this-page {
    background: var(--panel-dark-btn-primary) !important;
    color: #f5f7fb !important;
    border-color: var(--panel-dark-btn-primary) !important;
}

html.panel-theme-dark .admin-interface .paginator-page-jump-btn,
html.panel-theme-dark .admin-interface .paginator .paginator-page-jump-btn {
    background: var(--panel-dark-btn-primary) !important;
    color: #f5f7fb !important;
}

html.panel-theme-dark .admin-interface .paginator-per-page .this-page,
html.panel-theme-dark .admin-interface .paginator-per-page a.is-active {
    background: var(--panel-dark-btn-primary) !important;
    border-color: var(--panel-dark-btn-primary) !important;
    color: #f5f7fb !important;
}

html.panel-theme-dark .admin-interface .paginator-per-page a {
    color: var(--panel-dark-text-muted) !important;
    border-color: var(--panel-dark-border-strong) !important;
    background: var(--panel-dark-surface-2) !important;
}

html.panel-theme-dark .admin-interface .paginator-per-page a:hover {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-accent) !important;
    border-color: var(--panel-dark-accent) !important;
}

html.panel-theme-dark .admin-interface .paginator-page-size a.is-active,
html.panel-theme-dark .admin-interface .paginator .page-size a.is-active {
    background: var(--panel-dark-btn-primary) !important;
    color: #f5f7fb !important;
}

/* Export / changelist rows that force white via !important */
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist .results,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list tbody tr,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list tbody tr:nth-child(even),
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list tbody tr:nth-child(odd),
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list tbody td,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list tbody th,
html.panel-theme-dark .admin-interface #content-main #changelist #result_list tbody tr.row1,
html.panel-theme-dark .admin-interface #content-main #changelist #result_list tbody tr.row2,
html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list tbody tr:hover {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border) !important;
}

html.panel-theme-dark .admin-interface #content-main .export-preview-changelist #result_list thead th {
    background: var(--panel-dark-surface) !important;
    color: var(--panel-dark-text-soft) !important;
}

/* Filter toggle / actions buttons */
html.panel-theme-dark .admin-interface #changelist .actions .button,
html.panel-theme-dark .admin-interface #changelist .actions .panel-filter-toggle,
html.panel-theme-dark .admin-interface .export-preview-changelist .actions .panel-filter-toggle,
html.panel-theme-dark .admin-interface .license-overage-changelist .actions .panel-filter-toggle,
html.panel-theme-dark .admin-interface .panel-filter-toggle {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface .panel-filter-toggle:hover,
html.panel-theme-dark .admin-interface .panel-filter-toggle.is-open {
    background: var(--panel-dark-surface-3) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-accent) !important;
}

/* checkbox-search-select (groups / providers multiselect) */
html.panel-theme-dark .admin-interface .checkbox-search-select,
html.panel-theme-dark .admin-interface .checkbox-search-select .css-toggle-btn {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface .checkbox-search-select .css-toggle-btn:hover {
    background: var(--panel-dark-surface-3) !important;
}

html.panel-theme-dark .admin-interface .checkbox-search-select .css-dropdown {
    background: var(--panel-dark-surface-3) !important;
    border-color: var(--panel-dark-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

html.panel-theme-dark .admin-interface .checkbox-search-select .css-search-box {
    border-bottom-color: var(--panel-dark-border) !important;
    background: var(--panel-dark-surface-3) !important;
}

html.panel-theme-dark .admin-interface .checkbox-search-select .css-search-input {
    background: var(--panel-dark-surface-2) !important;
    color: var(--panel-dark-text) !important;
    border-color: var(--panel-dark-border-strong) !important;
}

html.panel-theme-dark .admin-interface .checkbox-search-select .css-options-list label,
html.panel-theme-dark .admin-interface .aligned .checkbox-search-select .css-options-list label {
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface .checkbox-search-select .css-options-list label:hover {
    background: var(--panel-dark-surface-2) !important;
}

html.panel-theme-dark .admin-interface .checkbox-search-select .css-toggle-arrow {
    color: var(--panel-dark-text-soft) !important;
}

/* tfb multiselect panel options text */
html.panel-theme-dark .admin-interface .tfb-ms-panel {
    background: var(--panel-dark-surface-3) !important;
    border-color: var(--panel-dark-border-strong) !important;
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface .tfb-ms-option {
    color: var(--panel-dark-text) !important;
}

html.panel-theme-dark .admin-interface .tfb-ms-option:hover {
    background: var(--panel-dark-surface-2) !important;
}

html.panel-theme-dark .admin-interface .tfb-ms-empty {
    color: var(--panel-dark-text-soft) !important;
}