/**
 * ServisTakip Pro — 5 görsel dil.
 * Tokenlar html[data-theme] üzerinde; bileşenler public/css/app.css içinde bu değişkenleri kullanır.
 */
:root,
html[data-theme="minimal"] {
    --stp-navy: #0f2744;
    --stp-navy-2: #16375f;
    --stp-primary: #1d6fd8;
    --stp-primary-fg: #ffffff;
    --stp-primary-rgb: 29, 111, 216;
    --stp-secondary: #3b6ea5;
    --stp-accent: #0f2744;
    --stp-bg: #f4f7fb;
    --stp-bg-2: #edf3fa;
    --stp-guest-bg:
        radial-gradient(circle at top right, rgba(29, 111, 216, 0.16), transparent 28%),
        linear-gradient(180deg, #edf3fa 0%, #f7f9fc 100%);
    --stp-text: #1c2b3a;
    --stp-heading: #0f2744;
    --stp-muted: #6b7c8f;
    --stp-border: #e4ebf3;
    --stp-success: #198754;
    --stp-warning: #c47b16;
    --stp-danger: #dc3545;
    --stp-info: #0d6efd;
    --stp-surface: #ffffff;
    --stp-surface-2: #eef4fb;
    --stp-surface-hover: #f4f7fb;
    --stp-input-bg: #ffffff;
    --stp-sidebar-bg: #0f2744;
    --stp-sidebar-text: #ffffff;
    --stp-sidebar-muted: rgba(255, 255, 255, 0.55);
    --stp-sidebar-hover: #16375f;
    --stp-sidebar-active: #16375f;
    --stp-sidebar-border: rgba(255, 255, 255, 0.08);
    --stp-navbar-bg: rgba(255, 255, 255, 0.92);
    --stp-on-accent: #ffffff;
    --stp-link: #3b6ea5;
    --stp-overlay: rgba(15, 39, 68, 0.45);
    --stp-table-stripe: #f6f8fb;
    --stp-kpi-chip-bg: #eef4fb;
    --stp-kpi-chip-fg: #1d6fd8;
    --stp-badge-bg: #e8f1fc;
    --stp-badge-fg: #1d6fd8;
    --stp-ok-bg: #e9f8ef;
    --stp-ok-fg: #146c43;
    --stp-warn-bg: #fff4e0;
    --stp-warn-fg: #8a5a00;
    --stp-err-bg: #fdecec;
    --stp-err-fg: #842029;
    --stp-info-bg: #e8f1ff;
    --stp-info-fg: #1d6fd8;
    --stp-neutral-bg: #f4f6f8;
    --stp-neutral-fg: #5c6570;
    --stp-banner-bg: #fff4d6;
    --stp-banner-border: #f0d48a;
    --stp-banner-fg: #5c3d00;
    --stp-radius: 0.8rem;
    --stp-radius-sm: 0.55rem;
    --stp-radius-lg: 1rem;
    --stp-radius-pill: 999px;
    --stp-radius-btn: 0.8rem;
    --stp-radius-input: 0.8rem;
    --stp-radius-card: 1rem;
    --stp-border-width: 1px;
    --stp-shadow: 0 8px 24px rgba(15, 39, 68, 0.04);
    --stp-shadow-lg: 0 20px 50px rgba(15, 39, 68, 0.08);
    --stp-shadow-hard: none;
    --stp-focus-ring: 0 0 0 0.2rem rgba(29, 111, 216, 0.12);
    --stp-glow: none;
    --stp-blur: 8px;
    --stp-font-body: "Segoe UI", system-ui, sans-serif;
    --stp-font-heading: "Segoe UI", system-ui, sans-serif;
    --stp-font-mono: Consolas, "Cascadia Mono", "Courier New", monospace;
    --stp-fs: 1rem;
    --stp-fs-title: 1.1rem;
    --stp-fs-kpi: 1.1rem;
    --stp-fs-icon: 0.85rem;
    --stp-fs-badge: 0.7rem;
    --stp-fw-normal: 500;
    --stp-fw-heading: 700;
    --stp-fw-btn: 600;
    --stp-letter-heading: -0.01em;
    --stp-letter-label: 0.08em;
    --stp-text-transform-btn: none;
    --stp-card-pad: 1.15rem 1.2rem;
    --stp-content-pad: 1.5rem 1.75rem;
    --stp-content-pad-mobile: 1rem;
    --stp-gap: 0.75rem;
    --stp-transition: 0.18s ease;
    --stp-sidebar: 280px;
    --stp-color-scheme: light;
    --bs-primary: var(--stp-primary);
    --bs-primary-rgb: var(--stp-primary-rgb);
    --bs-body-bg: var(--stp-bg);
    --bs-body-color: var(--stp-text);
    --bs-border-color: var(--stp-border);
    --bs-border-width: var(--stp-border-width);
    --bs-border-radius: var(--stp-radius);
    --bs-border-radius-sm: var(--stp-radius-sm);
    --bs-border-radius-lg: var(--stp-radius-lg);
    --bs-border-radius-pill: var(--stp-radius-pill);
    --bs-link-color: var(--stp-link);
    --bs-link-hover-color: var(--stp-primary);
    --bs-success: var(--stp-success);
    --bs-warning: var(--stp-warning);
    --bs-danger: var(--stp-danger);
    --bs-info: var(--stp-info);
    --bs-secondary-bg: var(--stp-surface-2);
    --bs-tertiary-bg: var(--stp-surface-2);
    --bs-emphasis-color: var(--stp-heading);
    --bs-heading-color: var(--stp-heading);
    --bs-body-font-family: var(--stp-font-body);
    --bs-body-font-size: var(--stp-fs);
    --bs-font-sans-serif: var(--stp-font-body);
    --bs-box-shadow: var(--stp-shadow);
    --bs-box-shadow-lg: var(--stp-shadow-lg);
}

html[data-theme="aurora"] {
    --stp-navy: #2a2160;
    --stp-navy-2: rgba(255, 255, 255, 0.14);
    --stp-primary: #6d4aff;
    --stp-primary-fg: #ffffff;
    --stp-primary-rgb: 109, 74, 255;
    --stp-secondary: #22d3ee;
    --stp-accent: #ec4899;
    --stp-bg: #e4e9ff;
    --stp-bg-2: #f3e8ff;
    --stp-guest-bg:
        radial-gradient(ellipse 70% 50% at 8% -8%, rgba(236, 72, 153, 0.28), transparent 52%),
        radial-gradient(ellipse 55% 45% at 96% 4%, rgba(34, 211, 238, 0.3), transparent 48%),
        radial-gradient(ellipse 50% 40% at 50% 110%, rgba(109, 74, 255, 0.22), transparent 50%),
        linear-gradient(180deg, #ece4ff 0%, #dceeff 100%);
    --stp-text: #1c1840;
    --stp-heading: #22185a;
    --stp-muted: #5b5a86;
    --stp-border: rgba(255, 255, 255, 0.55);
    --stp-success: #0f9f6e;
    --stp-warning: #c27803;
    --stp-danger: #e11d48;
    --stp-info: #0284c7;
    --stp-surface: rgba(255, 255, 255, 0.58);
    --stp-surface-2: rgba(255, 255, 255, 0.38);
    --stp-surface-hover: rgba(255, 255, 255, 0.78);
    --stp-input-bg: rgba(255, 255, 255, 0.72);
    --stp-sidebar-bg: rgba(28, 22, 72, 0.72);
    --stp-sidebar-text: #f8f5ff;
    --stp-sidebar-muted: rgba(248, 245, 255, 0.62);
    --stp-sidebar-hover: rgba(255, 255, 255, 0.14);
    --stp-sidebar-active: rgba(109, 74, 255, 0.42);
    --stp-sidebar-border: rgba(255, 255, 255, 0.14);
    --stp-navbar-bg: rgba(255, 255, 255, 0.42);
    --stp-on-accent: #ffffff;
    --stp-link: #4c2db3;
    --stp-overlay: rgba(34, 24, 80, 0.4);
    --stp-table-stripe: rgba(255, 255, 255, 0.28);
    --stp-kpi-chip-bg: rgba(109, 74, 255, 0.12);
    --stp-kpi-chip-fg: #4c2db3;
    --stp-badge-bg: rgba(109, 74, 255, 0.14);
    --stp-badge-fg: #4c2db3;
    --stp-ok-bg: rgba(15, 159, 110, 0.14);
    --stp-ok-fg: #0b6b4a;
    --stp-warn-bg: rgba(194, 120, 3, 0.14);
    --stp-warn-fg: #8a5502;
    --stp-err-bg: rgba(225, 29, 72, 0.12);
    --stp-err-fg: #9f1239;
    --stp-info-bg: rgba(2, 132, 199, 0.12);
    --stp-info-fg: #075985;
    --stp-neutral-bg: rgba(255, 255, 255, 0.4);
    --stp-neutral-fg: #4b4a72;
    --stp-banner-bg: rgba(255, 244, 214, 0.72);
    --stp-banner-border: rgba(240, 212, 138, 0.8);
    --stp-banner-fg: #5c3d00;
    --stp-radius: 1.25rem;
    --stp-radius-sm: 0.9rem;
    --stp-radius-lg: 1.6rem;
    --stp-radius-pill: 999px;
    --stp-radius-btn: 1.15rem;
    --stp-radius-input: 1.05rem;
    --stp-radius-card: 1.45rem;
    --stp-border-width: 1px;
    --stp-shadow: 0 12px 40px rgba(76, 45, 179, 0.1);
    --stp-shadow-lg: 0 24px 60px rgba(76, 45, 179, 0.16);
    --stp-shadow-hard: none;
    --stp-focus-ring: 0 0 0 0.22rem rgba(109, 74, 255, 0.22);
    --stp-glow: 0 0 22px rgba(109, 74, 255, 0.22);
    --stp-blur: 16px;
    --stp-font-body: "Trebuchet MS", "Segoe UI", sans-serif;
    --stp-font-heading: "Trebuchet MS", "Segoe UI", sans-serif;
    --stp-fw-heading: 700;
    --stp-letter-heading: 0;
    --stp-letter-label: 0.12em;
    --stp-card-pad: 1.25rem 1.35rem;
    --stp-gap: 0.9rem;
    --stp-transition: 0.22s ease;
}

html[data-theme="luxury"] {
    --stp-navy: #1c1814;
    --stp-navy-2: #2a241c;
    --stp-primary: #7a4a28;
    --stp-primary-fg: #fbf6ec;
    --stp-primary-rgb: 122, 74, 40;
    --stp-secondary: #b0894f;
    --stp-accent: #b0894f;
    --stp-bg: #f3eee4;
    --stp-bg-2: #ebe4d6;
    --stp-guest-bg: linear-gradient(180deg, #f7f1e6 0%, #efe6d6 100%);
    --stp-text: #2c2416;
    --stp-heading: #1a1410;
    --stp-muted: #7a6d5a;
    --stp-border: #d9ccb4;
    --stp-success: #3d6b4f;
    --stp-warning: #9a6b2a;
    --stp-danger: #8f2d2d;
    --stp-info: #4a5d73;
    --stp-surface: #fffcf7;
    --stp-surface-2: #f6f0e4;
    --stp-surface-hover: #f3ead8;
    --stp-input-bg: #fffcf7;
    --stp-sidebar-bg: #1c1814;
    --stp-sidebar-text: #f4ead6;
    --stp-sidebar-muted: rgba(244, 234, 214, 0.62);
    --stp-sidebar-hover: #2a241c;
    --stp-sidebar-active: #2a241c;
    --stp-sidebar-border: #b0894f;
    --stp-navbar-bg: rgba(255, 252, 247, 0.94);
    --stp-on-accent: #fbf6ec;
    --stp-link: #7a4a28;
    --stp-overlay: rgba(28, 24, 20, 0.48);
    --stp-table-stripe: #f6f0e4;
    --stp-kpi-chip-bg: #efe4d0;
    --stp-kpi-chip-fg: #7a4a28;
    --stp-badge-bg: #efe4d0;
    --stp-badge-fg: #7a4a28;
    --stp-ok-bg: #e7f0e8;
    --stp-ok-fg: #2f513d;
    --stp-warn-bg: #f6ead2;
    --stp-warn-fg: #7a5418;
    --stp-err-bg: #f6e4e0;
    --stp-err-fg: #6f2424;
    --stp-info-bg: #e7ebe8;
    --stp-info-fg: #3c4a5a;
    --stp-neutral-bg: #efe8dc;
    --stp-neutral-fg: #6a5e4c;
    --stp-banner-bg: #f4ead0;
    --stp-banner-border: #d4c09a;
    --stp-banner-fg: #5c3d00;
    --stp-radius: 2px;
    --stp-radius-sm: 2px;
    --stp-radius-lg: 2px;
    --stp-radius-pill: 2px;
    --stp-radius-btn: 2px;
    --stp-radius-input: 2px;
    --stp-radius-card: 2px;
    --stp-border-width: 1px;
    --stp-shadow: none;
    --stp-shadow-lg: 0 1px 0 rgba(28, 24, 20, 0.06);
    --stp-focus-ring: 0 0 0 0.18rem rgba(176, 137, 79, 0.28);
    --stp-glow: none;
    --stp-blur: 0px;
    --stp-font-body: "Segoe UI", Calibri, Candara, sans-serif;
    --stp-font-heading: Georgia, "Palatino Linotype", "Times New Roman", serif;
    --stp-fw-normal: 400;
    --stp-fw-heading: 600;
    --stp-fw-btn: 600;
    --stp-letter-heading: 0.02em;
    --stp-letter-label: 0.16em;
    --stp-text-transform-btn: none;
    --stp-card-pad: 1.7rem 1.8rem;
    --stp-content-pad: 2rem 2.25rem;
    --stp-content-pad-mobile: 1.25rem;
    --stp-gap: 1.15rem;
    --stp-transition: 0.2s ease;
}

html[data-theme="corporate"] {
    --stp-navy: #1a365d;
    --stp-navy-2: #234a7a;
    --stp-primary: #1b4f8a;
    --stp-primary-fg: #ffffff;
    --stp-primary-rgb: 27, 79, 138;
    --stp-secondary: #3d5a80;
    --stp-accent: #0f6b6b;
    --stp-bg: #e6ebf0;
    --stp-bg-2: #dce3ea;
    --stp-guest-bg: linear-gradient(180deg, #d9e2ec 0%, #e6ebf0 48%, #eef2f5 100%);
    --stp-text: #1e293b;
    --stp-heading: #12263f;
    --stp-muted: #5b6b7c;
    --stp-border: #c5d0dc;
    --stp-success: #1f6b4a;
    --stp-warning: #9a6b18;
    --stp-danger: #b42318;
    --stp-info: #1b4f8a;
    --stp-surface: #ffffff;
    --stp-surface-2: #eef2f6;
    --stp-surface-hover: #e4eaf0;
    --stp-input-bg: #ffffff;
    --stp-sidebar-bg: #12263f;
    --stp-sidebar-text: #e8eef4;
    --stp-sidebar-muted: #8aa0b5;
    --stp-sidebar-hover: #1a365d;
    --stp-sidebar-active: #1b4f8a;
    --stp-sidebar-border: rgba(255, 255, 255, 0.1);
    --stp-navbar-bg: #ffffff;
    --stp-on-accent: #ffffff;
    --stp-link: #1b4f8a;
    --stp-overlay: rgba(18, 38, 63, 0.5);
    --stp-table-stripe: #f0f4f8;
    --stp-kpi-chip-bg: #d9e6f4;
    --stp-kpi-chip-fg: #1a365d;
    --stp-badge-bg: #1a365d;
    --stp-badge-fg: #ffffff;
    --stp-ok-bg: #e4f2ea;
    --stp-ok-fg: #145c38;
    --stp-warn-bg: #f5edd9;
    --stp-warn-fg: #7a5410;
    --stp-err-bg: #f8e6e4;
    --stp-err-fg: #8a1c14;
    --stp-info-bg: #dce8f4;
    --stp-info-fg: #1a365d;
    --stp-neutral-bg: #e4e9ee;
    --stp-neutral-fg: #4a5a6a;
    --stp-banner-bg: #eef3f8;
    --stp-banner-border: #c5d0dc;
    --stp-banner-fg: #1a365d;
    --stp-radius: 0.25rem;
    --stp-radius-sm: 0.2rem;
    --stp-radius-lg: 0.3rem;
    --stp-radius-pill: 0.25rem;
    --stp-radius-btn: 0.25rem;
    --stp-radius-input: 0.25rem;
    --stp-radius-card: 0.25rem;
    --stp-border-width: 1px;
    --stp-shadow: none;
    --stp-shadow-lg: 0 1px 3px rgba(18, 38, 63, 0.08);
    --stp-shadow-hard: none;
    --stp-focus-ring: 0 0 0 0.18rem rgba(27, 79, 138, 0.22);
    --stp-glow: none;
    --stp-blur: 0px;
    --stp-font-body: Calibri, "Segoe UI", sans-serif;
    --stp-font-heading: Calibri, "Segoe UI", sans-serif;
    --stp-fw-normal: 500;
    --stp-fw-heading: 600;
    --stp-fw-btn: 600;
    --stp-letter-heading: 0;
    --stp-letter-label: 0.04em;
    --stp-text-transform-btn: none;
    --stp-card-pad: 0.95rem 1rem;
    --stp-content-pad: 1.15rem 1.35rem;
    --stp-content-pad-mobile: 0.9rem;
    --stp-gap: 0.65rem;
    --stp-transition: 0.12s ease;
}

html[data-theme="cyber"] {
    --stp-navy: #05080f;
    --stp-navy-2: #102033;
    --stp-primary: #00e5c0;
    --stp-primary-fg: #04120f;
    --stp-primary-rgb: 0, 229, 192;
    --stp-secondary: #7c5cff;
    --stp-accent: #7c5cff;
    --stp-bg: #070b12;
    --stp-bg-2: #0d1520;
    --stp-guest-bg:
        linear-gradient(rgba(0, 229, 192, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 229, 192, 0.05) 1px, transparent 1px),
        radial-gradient(circle at 80% 10%, rgba(124, 92, 255, 0.18), transparent 36%),
        #070b12;
    --stp-text: #d7f6ff;
    --stp-heading: #ecfeff;
    --stp-muted: #7aa3b5;
    --stp-border: rgba(0, 229, 192, 0.28);
    --stp-success: #34d399;
    --stp-warning: #fbbf24;
    --stp-danger: #ff4d6d;
    --stp-info: #38bdf8;
    --stp-surface: #0d1520;
    --stp-surface-2: #111c2b;
    --stp-surface-hover: #142234;
    --stp-input-bg: #0a121c;
    --stp-sidebar-bg: #05080f;
    --stp-sidebar-text: #d7f6ff;
    --stp-sidebar-muted: #5f8b9c;
    --stp-sidebar-hover: #102033;
    --stp-sidebar-active: #102033;
    --stp-sidebar-border: rgba(0, 229, 192, 0.22);
    --stp-navbar-bg: rgba(7, 11, 18, 0.88);
    --stp-on-accent: #04120f;
    --stp-link: #5eead4;
    --stp-overlay: rgba(0, 8, 16, 0.72);
    --stp-table-stripe: #102033;
    --stp-kpi-chip-bg: rgba(0, 229, 192, 0.12);
    --stp-kpi-chip-fg: #5eead4;
    --stp-badge-bg: rgba(124, 92, 255, 0.18);
    --stp-badge-fg: #c4b5fd;
    --stp-ok-bg: rgba(16, 185, 129, 0.16);
    --stp-ok-fg: #6ee7b7;
    --stp-warn-bg: rgba(251, 191, 36, 0.14);
    --stp-warn-fg: #fcd34d;
    --stp-err-bg: rgba(255, 77, 109, 0.14);
    --stp-err-fg: #fda4af;
    --stp-info-bg: rgba(56, 189, 248, 0.14);
    --stp-info-fg: #7dd3fc;
    --stp-neutral-bg: #111c2b;
    --stp-neutral-fg: #93c5d6;
    --stp-banner-bg: rgba(251, 191, 36, 0.12);
    --stp-banner-border: rgba(251, 191, 36, 0.35);
    --stp-banner-fg: #fde68a;
    --stp-radius: 0.2rem 0.85rem 0.2rem 0.85rem;
    --stp-radius-sm: 0.15rem 0.55rem 0.15rem 0.55rem;
    --stp-radius-lg: 0.25rem 1.1rem 0.25rem 1.1rem;
    --stp-radius-pill: 0.2rem 0.9rem;
    --stp-radius-btn: 0.15rem 0.7rem 0.15rem 0.7rem;
    --stp-radius-input: 0.15rem 0.7rem;
    --stp-radius-card: 0.2rem 1rem 0.2rem 1rem;
    --stp-border-width: 1px;
    --stp-shadow: 0 0 0 1px rgba(0, 229, 192, 0.08), 0 12px 32px rgba(0, 0, 0, 0.35);
    --stp-shadow-lg: 0 0 28px rgba(0, 229, 192, 0.12);
    --stp-focus-ring: 0 0 0 0.18rem rgba(0, 229, 192, 0.28);
    --stp-glow: 0 0 18px rgba(0, 229, 192, 0.28);
    --stp-blur: 0px;
    --stp-font-body: "Segoe UI", system-ui, sans-serif;
    --stp-font-heading: Consolas, "Cascadia Mono", "Courier New", monospace;
    --stp-font-mono: Consolas, "Cascadia Mono", "Courier New", monospace;
    --stp-fw-normal: 500;
    --stp-fw-heading: 600;
    --stp-fw-btn: 700;
    --stp-letter-heading: 0.04em;
    --stp-letter-label: 0.14em;
    --stp-text-transform-btn: uppercase;
    --stp-card-pad: 1.1rem 1.15rem;
    --stp-content-pad: 1.4rem 1.6rem;
    --stp-gap: 0.8rem;
    --stp-transition: 0.16s ease;
    --stp-color-scheme: dark;
}

html {
    color-scheme: var(--stp-color-scheme, light);
}

html[data-theme="minimal"][data-scheme="dark"] {
    --stp-bg: #0c1520;
    --stp-bg-2: #101b28;
    --stp-guest-bg:
        radial-gradient(circle at top right, rgba(29, 111, 216, 0.18), transparent 32%),
        linear-gradient(180deg, #0c1520 0%, #101b28 100%);
    --stp-text: #e6edf5;
    --stp-heading: #f4f7fb;
    --stp-muted: #8fa3b8;
    --stp-border: #243447;
    --stp-surface: #152233;
    --stp-surface-2: #1a2b40;
    --stp-surface-hover: #1e334b;
    --stp-input-bg: #152233;
    --stp-navbar-bg: rgba(15, 34, 52, 0.92);
    --stp-link: #7eb6f5;
    --stp-overlay: rgba(8, 14, 22, 0.62);
    --stp-table-stripe: #121c28;
    --stp-kpi-chip-bg: rgba(29, 111, 216, 0.18);
    --stp-kpi-chip-fg: #9cc7f6;
    --stp-badge-bg: rgba(29, 111, 216, 0.2);
    --stp-badge-fg: #9cc7f6;
    --stp-ok-bg: rgba(25, 135, 84, 0.18);
    --stp-ok-fg: #75d6a4;
    --stp-warn-bg: rgba(196, 123, 22, 0.18);
    --stp-warn-fg: #f0c27a;
    --stp-err-bg: rgba(220, 53, 69, 0.18);
    --stp-err-fg: #f3a0a8;
    --stp-info-bg: rgba(13, 110, 253, 0.18);
    --stp-info-fg: #8bbcff;
    --stp-neutral-bg: #1a2b40;
    --stp-neutral-fg: #a9bacb;
    --stp-banner-bg: rgba(196, 123, 22, 0.16);
    --stp-banner-border: rgba(196, 123, 22, 0.35);
    --stp-banner-fg: #f6d9a0;
    --stp-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    --stp-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.38);
    --stp-color-scheme: dark;
}

html[data-theme="aurora"][data-scheme="dark"] {
    --stp-bg: #14102c;
    --stp-bg-2: #1b1540;
    --stp-guest-bg:
        radial-gradient(ellipse 70% 50% at 8% -8%, rgba(236, 72, 153, 0.22), transparent 52%),
        radial-gradient(ellipse 55% 45% at 96% 4%, rgba(34, 211, 238, 0.16), transparent 48%),
        linear-gradient(180deg, #16122e 0%, #121028 100%);
    --stp-text: #ece8ff;
    --stp-heading: #f8f5ff;
    --stp-muted: #a39bc8;
    --stp-border: rgba(255, 255, 255, 0.12);
    --stp-surface: rgba(28, 22, 72, 0.72);
    --stp-surface-2: rgba(255, 255, 255, 0.06);
    --stp-surface-hover: rgba(255, 255, 255, 0.12);
    --stp-input-bg: rgba(18, 14, 46, 0.86);
    --stp-navbar-bg: rgba(22, 18, 48, 0.72);
    --stp-link: #c4b5fd;
    --stp-overlay: rgba(12, 8, 32, 0.62);
    --stp-table-stripe: rgba(255, 255, 255, 0.04);
    --stp-kpi-chip-bg: rgba(109, 74, 255, 0.22);
    --stp-kpi-chip-fg: #ddd6fe;
    --stp-badge-bg: rgba(109, 74, 255, 0.24);
    --stp-badge-fg: #ddd6fe;
    --stp-ok-bg: rgba(15, 159, 110, 0.2);
    --stp-ok-fg: #6ee7b7;
    --stp-warn-bg: rgba(194, 120, 3, 0.2);
    --stp-warn-fg: #fcd34d;
    --stp-err-bg: rgba(225, 29, 72, 0.2);
    --stp-err-fg: #fda4af;
    --stp-info-bg: rgba(2, 132, 199, 0.2);
    --stp-info-fg: #7dd3fc;
    --stp-neutral-bg: rgba(255, 255, 255, 0.08);
    --stp-neutral-fg: #c4b5fd;
    --stp-banner-bg: rgba(194, 120, 3, 0.16);
    --stp-banner-border: rgba(194, 120, 3, 0.35);
    --stp-banner-fg: #fde68a;
    --stp-color-scheme: dark;
}

html[data-theme="luxury"][data-scheme="dark"] {
    --stp-bg: #14110e;
    --stp-bg-2: #1c1814;
    --stp-guest-bg: linear-gradient(180deg, #1a1612 0%, #14110e 100%);
    --stp-text: #efe6d4;
    --stp-heading: #f7f1e4;
    --stp-muted: #b3a48c;
    --stp-border: #3a3228;
    --stp-surface: #1c1814;
    --stp-surface-2: #262019;
    --stp-surface-hover: #2e271f;
    --stp-input-bg: #1c1814;
    --stp-navbar-bg: rgba(28, 24, 20, 0.94);
    --stp-link: #d4b07a;
    --stp-overlay: rgba(14, 11, 8, 0.62);
    --stp-table-stripe: #1a1612;
    --stp-kpi-chip-bg: rgba(176, 137, 79, 0.18);
    --stp-kpi-chip-fg: #e6c98a;
    --stp-badge-bg: rgba(176, 137, 79, 0.2);
    --stp-badge-fg: #e6c98a;
    --stp-ok-bg: rgba(61, 107, 79, 0.22);
    --stp-ok-fg: #9dcfb0;
    --stp-warn-bg: rgba(154, 107, 42, 0.22);
    --stp-warn-fg: #e6c98a;
    --stp-err-bg: rgba(143, 45, 45, 0.22);
    --stp-err-fg: #e8a0a0;
    --stp-info-bg: rgba(74, 93, 115, 0.22);
    --stp-info-fg: #b7c4d4;
    --stp-neutral-bg: #262019;
    --stp-neutral-fg: #cbbca6;
    --stp-banner-bg: rgba(176, 137, 79, 0.16);
    --stp-banner-border: rgba(176, 137, 79, 0.35);
    --stp-banner-fg: #f0d9a8;
    --stp-color-scheme: dark;
}

html[data-theme="corporate"][data-scheme="dark"] {
    --stp-bg: #0e1a2c;
    --stp-bg-2: #12233a;
    --stp-guest-bg: linear-gradient(180deg, #12233a 0%, #0e1a2c 100%);
    --stp-text: #e4ebf3;
    --stp-heading: #f2f6fa;
    --stp-muted: #93a4b8;
    --stp-border: #2a3f58;
    --stp-surface: #15263c;
    --stp-surface-2: #1b304a;
    --stp-surface-hover: #223a58;
    --stp-input-bg: #15263c;
    --stp-navbar-bg: #15263c;
    --stp-link: #8bb4e0;
    --stp-overlay: rgba(8, 14, 24, 0.62);
    --stp-table-stripe: #12233a;
    --stp-kpi-chip-bg: rgba(27, 79, 138, 0.28);
    --stp-kpi-chip-fg: #b9d4f0;
    --stp-badge-bg: #1b4f8a;
    --stp-badge-fg: #ffffff;
    --stp-ok-bg: rgba(31, 107, 74, 0.22);
    --stp-ok-fg: #86d4b0;
    --stp-warn-bg: rgba(154, 107, 24, 0.22);
    --stp-warn-fg: #f0d08a;
    --stp-err-bg: rgba(180, 35, 24, 0.22);
    --stp-err-fg: #f0a8a0;
    --stp-info-bg: rgba(27, 79, 138, 0.22);
    --stp-info-fg: #9cc4ea;
    --stp-neutral-bg: #1b304a;
    --stp-neutral-fg: #a9bacb;
    --stp-banner-bg: rgba(27, 79, 138, 0.2);
    --stp-banner-border: #2a3f58;
    --stp-banner-fg: #d5e6f6;
    --stp-color-scheme: dark;
}

html[data-theme="cyber"][data-scheme="light"] {
    --stp-bg: #eefbf7;
    --stp-bg-2: #e4f6f1;
    --stp-guest-bg:
        linear-gradient(rgba(0, 229, 192, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 229, 192, 0.08) 1px, transparent 1px),
        #eefbf7;
    --stp-text: #12323a;
    --stp-heading: #082026;
    --stp-muted: #4f7380;
    --stp-border: rgba(0, 140, 120, 0.28);
    --stp-surface: #ffffff;
    --stp-surface-2: #e7f6f1;
    --stp-surface-hover: #d9f3ec;
    --stp-input-bg: #ffffff;
    --stp-sidebar-bg: #062026;
    --stp-sidebar-text: #d7f6ff;
    --stp-navbar-bg: rgba(255, 255, 255, 0.92);
    --stp-link: #0f766e;
    --stp-overlay: rgba(6, 32, 38, 0.45);
    --stp-table-stripe: #e7f6f1;
    --stp-kpi-chip-bg: rgba(0, 180, 150, 0.14);
    --stp-kpi-chip-fg: #0f766e;
    --stp-badge-bg: rgba(124, 92, 255, 0.12);
    --stp-badge-fg: #5b21b6;
    --stp-ok-bg: #e4f8ef;
    --stp-ok-fg: #146c43;
    --stp-warn-bg: #fff4e0;
    --stp-warn-fg: #8a5a00;
    --stp-err-bg: #fdecec;
    --stp-err-fg: #842029;
    --stp-info-bg: #e8f1ff;
    --stp-info-fg: #1d6fd8;
    --stp-neutral-bg: #e4eef0;
    --stp-neutral-fg: #4f7380;
    --stp-banner-bg: #fff4d6;
    --stp-banner-border: #f0d48a;
    --stp-banner-fg: #5c3d00;
    --stp-shadow: 0 8px 24px rgba(8, 40, 36, 0.06);
    --stp-color-scheme: light;
}

/* --- Theme character (not just palette) --- */
html[data-theme="aurora"] body.app-body,
html[data-theme="aurora"] body.guest-body,
html[data-theme="aurora"] body.drive-body {
    background-attachment: fixed;
}

html[data-theme="aurora"] .app-sidebar,
html[data-theme="aurora"] .app-navbar,
html[data-theme="aurora"] .panel-card,
html[data-theme="aurora"] .kpi-card,
html[data-theme="aurora"] .login-card,
html[data-theme="aurora"] .drive-stop,
html[data-theme="aurora"] .dropdown-menu,
html[data-theme="aurora"] .modal-content,
html[data-theme="aurora"] .navbar-search {
    backdrop-filter: blur(var(--stp-blur));
    -webkit-backdrop-filter: blur(var(--stp-blur));
}

html[data-theme="aurora"] .panel-card,
html[data-theme="aurora"] .kpi-card,
html[data-theme="aurora"] .login-card {
    box-shadow: var(--stp-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.65);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.28), transparent 42%);
}

html[data-theme="aurora"] .btn-primary:hover,
html[data-theme="aurora"] .sidebar-link.active,
html[data-theme="aurora"] .theme-option.is-active {
    box-shadow: var(--stp-glow);
}

html[data-theme="aurora"] .app-sidebar {
    border-right: 1px solid var(--stp-sidebar-border);
}

html[data-theme="luxury"] .app-content h1,
html[data-theme="luxury"] .app-content .h1,
html[data-theme="luxury"] .login-brand h1,
html[data-theme="luxury"] .navbar-title .breadcrumb-item.active,
html[data-theme="luxury"] .sidebar-brand strong {
    font-family: var(--stp-font-heading);
    font-weight: var(--stp-fw-heading);
    letter-spacing: var(--stp-letter-heading);
}

html[data-theme="luxury"] .sidebar-label {
    letter-spacing: var(--stp-letter-label);
    text-transform: uppercase;
    font-size: var(--stp-fs-menu, var(--stp-fs));
    font-weight: 600;
}

html[data-theme="luxury"] .kpi-label {
    letter-spacing: var(--stp-letter-label);
    text-transform: uppercase;
    font-size: var(--stp-fs-kpi-label, var(--stp-fs));
    font-weight: 600;
}

html[data-theme="luxury"] .form-label {
    letter-spacing: var(--stp-letter-label);
    text-transform: uppercase;
    font-size: var(--stp-fs-form, var(--stp-fs));
    font-weight: 600;
}

html[data-theme="luxury"] .panel-card,
html[data-theme="luxury"] .kpi-card,
html[data-theme="luxury"] .login-card {
    border-top: 2px solid var(--stp-accent);
}

html[data-theme="luxury"] .app-sidebar {
    border-right: 1px solid var(--stp-sidebar-border);
}

html[data-theme="luxury"] .app-navbar {
    border-bottom-color: var(--stp-border);
}

html[data-theme="luxury"] .btn-primary {
    background: var(--stp-navy);
    border-color: var(--stp-navy);
    letter-spacing: 0.04em;
}

html[data-theme="corporate"] .app-navbar {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 2px solid var(--stp-navy);
}

html[data-theme="corporate"] .panel-card,
html[data-theme="corporate"] .kpi-card,
html[data-theme="corporate"] .login-card,
html[data-theme="corporate"] .drive-stop {
    border-left: 3px solid var(--stp-navy);
    box-shadow: none;
}

html[data-theme="corporate"] .table thead th {
    background: var(--stp-navy);
    color: #fff;
    font-weight: 600;
    font-size: var(--stp-fs-table, var(--stp-fs));
    letter-spacing: 0.03em;
    border-color: var(--stp-navy);
}

html[data-theme="corporate"] .sidebar-link {
    border-radius: 0.2rem;
}

html[data-theme="corporate"] .form-label {
    font-size: var(--stp-fs-form, var(--stp-fs));
    font-weight: 600;
    letter-spacing: var(--stp-letter-label);
}

html[data-theme="corporate"] .kpi-label {
    font-size: var(--stp-fs-kpi-label, var(--stp-fs));
    font-weight: 600;
    letter-spacing: var(--stp-letter-label);
}

html[data-theme="corporate"] .app-sidebar {
    border-right: 1px solid var(--stp-sidebar-border);
}

html[data-theme="corporate"] .btn-primary {
    letter-spacing: 0.02em;
}

html[data-theme="cyber"] body.app-body,
html[data-theme="cyber"] body.drive-body {
    background-image:
        linear-gradient(rgba(0, 229, 192, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 229, 192, 0.045) 1px, transparent 1px);
    background-size: 32px 32px;
    background-color: var(--stp-bg);
}

html[data-theme="cyber"] .panel-card,
html[data-theme="cyber"] .kpi-card,
html[data-theme="cyber"] .login-card,
html[data-theme="cyber"] .drive-stop {
    background-image: linear-gradient(180deg, rgba(0, 229, 192, 0.04), transparent 28%);
}

html[data-theme="cyber"] .sidebar-label {
    font-family: var(--stp-font-mono);
    letter-spacing: var(--stp-letter-label);
    text-transform: uppercase;
    font-size: var(--stp-fs-menu, var(--stp-fs));
}

html[data-theme="cyber"] .kpi-label {
    font-family: var(--stp-font-mono);
    letter-spacing: var(--stp-letter-label);
    text-transform: uppercase;
    font-size: var(--stp-fs-kpi-label, var(--stp-fs));
}

html[data-theme="cyber"] .form-label {
    font-family: var(--stp-font-mono);
    letter-spacing: var(--stp-letter-label);
    text-transform: uppercase;
    font-size: var(--stp-fs-form, var(--stp-fs));
}

html[data-theme="cyber"] .btn-primary {
    box-shadow: var(--stp-glow);
}

html[data-theme="cyber"] .form-control:focus,
html[data-theme="cyber"] .form-select:focus,
html[data-theme="cyber"] .btn-primary:focus-visible {
    box-shadow: var(--stp-glow), var(--stp-focus-ring);
}

html[data-theme="cyber"] .app-sidebar {
    border-right: 1px solid var(--stp-sidebar-border);
    box-shadow: 8px 0 24px rgba(0, 229, 192, 0.05);
}

html[data-theme="cyber"] .table {
    --bs-table-bg: var(--stp-surface);
    --bs-table-color: var(--stp-text);
    --bs-table-striped-bg: var(--stp-table-stripe);
    --bs-table-hover-bg: var(--stp-surface-hover);
    --bs-table-border-color: var(--stp-border);
}

html[data-theme="cyber"] .dropdown-menu {
    border-color: var(--stp-border);
    background: var(--stp-surface);
}

/* Shared component mapping */
body {
    font-family: var(--stp-font-body);
    color: var(--stp-text);
    background: var(--stp-bg);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--stp-font-heading);
    font-weight: var(--stp-fw-heading);
    letter-spacing: var(--stp-letter-heading);
    color: var(--stp-heading);
}

.table {
    --bs-table-bg: var(--stp-surface);
    --bs-table-color: var(--stp-text);
    --bs-table-striped-bg: var(--stp-table-stripe);
    --bs-table-hover-bg: var(--stp-surface-hover);
    --bs-table-border-color: var(--stp-border);
    color: var(--stp-text);
}

.table > :not(caption) > * > * {
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--stp-border-width);
    color: var(--stp-text);
}

.dropdown-menu {
    background: var(--stp-surface);
    color: var(--stp-text);
    border: var(--stp-border-width) solid var(--stp-border);
    border-radius: var(--stp-radius);
    box-shadow: var(--stp-shadow-lg);
}

.dropdown-item,
.dropdown-item-text,
.dropdown-header {
    color: var(--stp-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--stp-surface-hover);
    color: var(--stp-heading);
}

.dropdown-divider {
    border-top-color: var(--stp-border);
}

.modal-content {
    background: var(--stp-surface);
    color: var(--stp-text);
    border: var(--stp-border-width) solid var(--stp-border);
    border-radius: var(--stp-radius-lg);
    box-shadow: var(--stp-shadow-lg);
}

.modal-header,
.modal-footer {
    border-color: var(--stp-border);
}

.alert {
    border-radius: var(--stp-radius);
    border-width: var(--stp-border-width);
}

.alert-success { background: var(--stp-ok-bg); color: var(--stp-ok-fg); border-color: var(--stp-ok-fg); }
.alert-danger { background: var(--stp-err-bg); color: var(--stp-err-fg); border-color: var(--stp-err-fg); }
.alert-warning { background: var(--stp-warn-bg); color: var(--stp-warn-fg); border-color: var(--stp-warn-fg); }
.alert-info { background: var(--stp-info-bg); color: var(--stp-info-fg); border-color: var(--stp-info-fg); }

.badge {
    border-radius: var(--stp-radius-pill);
}

.nav-tabs .nav-link {
    color: var(--stp-muted);
    border-radius: var(--stp-radius) var(--stp-radius) 0 0;
}

.nav-tabs .nav-link.active {
    background: var(--stp-surface);
    color: var(--stp-heading);
    border-color: var(--stp-border) var(--stp-border) var(--stp-surface);
}

.pagination .page-link {
    background: var(--stp-surface);
    color: var(--stp-link);
    border-color: var(--stp-border);
    border-radius: var(--stp-radius-sm);
}

.pagination .page-item.active .page-link {
    background: var(--stp-primary);
    border-color: var(--stp-primary);
    color: var(--stp-primary-fg);
}

.pagination .page-item.disabled .page-link {
    background: var(--stp-surface-2);
    color: var(--stp-muted);
}

.form-control,
.form-select,
.form-control-lg {
    background: var(--stp-input-bg);
    color: var(--stp-text);
    border: var(--stp-border-width) solid var(--stp-border);
    border-radius: var(--stp-radius-input);
}

.form-control:focus,
.form-select:focus {
    background: var(--stp-input-bg);
    color: var(--stp-text);
    border-color: var(--stp-primary);
    box-shadow: var(--stp-focus-ring);
}

.form-control::placeholder {
    color: var(--stp-muted);
}

.form-control:disabled,
.form-select:disabled {
    background: var(--stp-surface-2);
    color: var(--stp-muted);
    opacity: 0.72;
}

.btn {
    border-radius: var(--stp-radius-btn);
    font-weight: var(--stp-fw-btn);
    text-transform: var(--stp-text-transform-btn);
    transition: background-color var(--stp-transition), color var(--stp-transition), box-shadow var(--stp-transition), transform var(--stp-transition), border-color var(--stp-transition);
}

.btn-primary {
    background: var(--stp-primary);
    border-color: var(--stp-primary);
    color: var(--stp-primary-fg);
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--stp-primary);
    border-color: var(--stp-primary);
    color: var(--stp-primary-fg);
    filter: brightness(1.05);
}

.btn-outline-primary {
    color: var(--stp-primary);
    border-color: var(--stp-primary);
    background: transparent;
}

.btn-outline-primary:hover {
    background: var(--stp-primary);
    color: var(--stp-primary-fg);
}

.btn-outline-secondary {
    color: var(--stp-text);
    border-color: var(--stp-border);
}

.btn:focus-visible,
.theme-option:focus-visible,
.theme-scheme-btn:focus-visible,
.btn-icon:focus-visible,
.sidebar-link:focus-visible {
    outline: 2px solid var(--stp-primary);
    outline-offset: 2px;
}

.card {
    background: var(--stp-surface);
    border: var(--stp-border-width) solid var(--stp-border);
    border-radius: var(--stp-radius-card);
    color: var(--stp-text);
}

.list-group-item {
    background: var(--stp-surface);
    color: var(--stp-text);
    border-color: var(--stp-border);
}

.text-muted {
    color: var(--stp-muted) !important;
}

.swal2-popup {
    background: var(--stp-surface) !important;
    color: var(--stp-text) !important;
    border-radius: var(--stp-radius-lg) !important;
    font-family: var(--stp-font-body) !important;
    border: var(--stp-border-width) solid var(--stp-border) !important;
}

.swal2-title,
.swal2-html-container {
    color: var(--stp-text) !important;
}

.select2-container--bootstrap-5 .select2-selection {
    background-color: var(--stp-input-bg) !important;
    border-color: var(--stp-border) !important;
    border-radius: var(--stp-radius-input) !important;
    color: var(--stp-text) !important;
}

.select2-dropdown {
    background: var(--stp-surface);
    border-color: var(--stp-border);
    color: var(--stp-text);
}

.dataTables_wrapper {
    color: var(--stp-text);
}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
    background: var(--stp-input-bg);
    color: var(--stp-text);
    border: var(--stp-border-width) solid var(--stp-border);
    border-radius: var(--stp-radius-input);
}

table.dataTable {
    border-color: var(--stp-border) !important;
}

/* Theme switcher */
.sidebar-theme {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--stp-sidebar-border);
}

.sidebar-theme .theme-switcher-toggle {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.sidebar-theme .theme-switcher-toggle[aria-expanded="true"] {
    background: var(--stp-sidebar-hover);
}

.sidebar-theme .theme-switcher-panel {
    padding: 0.4rem 0 0.15rem;
}

.theme-scheme-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.3rem;
    margin: 0 0 0.55rem;
}

.theme-scheme-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    min-height: 2.6rem;
    padding: 0.35rem 0.2rem;
    border: 1px solid var(--stp-sidebar-border);
    border-radius: var(--stp-radius-sm);
    background: rgba(255, 255, 255, 0.06);
    color: var(--stp-sidebar-text);
    font: inherit;
    font-size: var(--stp-fs);
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
}

.theme-scheme-btn i {
    font-size: var(--stp-fs-icon);
}

.theme-scheme-btn:hover,
.theme-scheme-btn.is-active {
    background: var(--stp-sidebar-hover);
    border-color: var(--stp-primary);
}

.theme-scheme-btn.is-active {
    box-shadow: var(--stp-focus-ring);
}

.sidebar-theme .theme-option {
    background: rgba(255, 255, 255, 0.06);
    color: var(--stp-sidebar-text);
    border-color: var(--stp-sidebar-border);
}

.sidebar-theme .theme-option:hover,
.sidebar-theme .theme-option.is-active {
    background: var(--stp-sidebar-hover);
    border-color: var(--stp-primary);
}

.sidebar-theme .theme-option-hint {
    color: var(--stp-sidebar-muted);
}

.theme-switcher {
    position: relative;
}

.theme-switcher-heading {
    margin: 0 0 0.55rem;
    font-size: var(--stp-fs);
    font-weight: 700;
    letter-spacing: var(--stp-letter-label);
    text-transform: uppercase;
    color: var(--stp-muted);
}

.theme-switcher-menu {
    min-width: 17.5rem;
    padding: 0.85rem;
}

.theme-option-grid {
    display: grid;
    gap: 0.4rem;
}

.theme-option {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    text-align: left;
    border: var(--stp-border-width) solid var(--stp-border);
    background: var(--stp-surface);
    color: var(--stp-text);
    border-radius: var(--stp-radius);
    padding: 0.45rem 0.55rem;
    font: inherit;
    cursor: pointer;
}

.theme-option:hover {
    background: var(--stp-surface-hover);
}

.theme-option.is-active {
    border-color: var(--stp-primary);
    box-shadow: var(--stp-focus-ring);
}

.theme-swatches {
    display: flex;
    flex-shrink: 0;
}

.theme-swatches i {
    width: 0.85rem;
    height: 0.85rem;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.theme-swatches i + i {
    margin-left: -0.2rem;
}

.theme-option-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.theme-option-label {
    font-weight: 700;
    line-height: 1.2;
}

.theme-option-hint {
    font-size: var(--stp-fs);
    color: var(--stp-muted);
}

@media (prefers-reduced-motion: reduce) {
    html {
        --stp-transition: 0s;
    }
}

@media (prefers-reduced-transparency: reduce) {
    html[data-theme="aurora"] .app-sidebar,
    html[data-theme="aurora"] .app-navbar,
    html[data-theme="aurora"] .panel-card,
    html[data-theme="aurora"] .kpi-card,
    html[data-theme="aurora"] .login-card,
    html[data-theme="aurora"] .drive-stop,
    html[data-theme="aurora"] .dropdown-menu,
    html[data-theme="aurora"] .modal-content,
    html[data-theme="aurora"] .navbar-search {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: #f7f4ff;
    }

    html[data-theme="aurora"][data-scheme="dark"] .app-sidebar,
    html[data-theme="aurora"][data-scheme="dark"] .app-navbar,
    html[data-theme="aurora"][data-scheme="dark"] .panel-card,
    html[data-theme="aurora"][data-scheme="dark"] .kpi-card,
    html[data-theme="aurora"][data-scheme="dark"] .login-card,
    html[data-theme="aurora"][data-scheme="dark"] .drive-stop,
    html[data-theme="aurora"][data-scheme="dark"] .dropdown-menu,
    html[data-theme="aurora"][data-scheme="dark"] .modal-content,
    html[data-theme="aurora"][data-scheme="dark"] .navbar-search {
        background: #16122e;
    }
}

@media print {
    html[data-theme] body {
        background: #fff !important;
        color: #111 !important;
    }
}