/* Dark WebsiteGlass appearance, using the same material engine as Light. */
:root[data-theme="dark"] {
    color-scheme: dark;
    --canvas: #18191d;
    --ink: #f3f6fc;
    --text: #dce5f2;
    --muted: #afbdd0;
    --faint: #98a9bf;
    --surface: rgba(29, 38, 53, .74);
    --surface-subtle: rgba(23, 31, 45, .58);
    --surface-hover: rgba(53, 69, 92, .72);
    --surface-inset: rgba(8, 15, 27, .46);
    --line: rgba(190, 215, 250, .15);
    --line-soft: rgba(209, 228, 255, .09);
    --line-strong: rgba(196, 220, 255, .36);
    --glass: rgba(25, 35, 51, .62);
    --glass-sidebar: rgba(18, 27, 41, .7);
    --glass-popup: rgba(24, 33, 48, .96);
    --glass-highlight: rgba(230, 242, 255, .12);
    --glass-blur: 28px;
    --glass-saturation: 135%;
    --brand-600: #98c8ff;
    --brand-500: #98c8ff;
    --brand-50: rgba(55, 99, 154, .27);
    --appearance-control-text: #b4c4da;
    --auth-background: #172133;
    --auth-text: #f3f7ff;
    --auth-muted: #b5c7dd;
    --auth-accent: #afd7ff;
    --auth-line: rgba(214, 231, 255, .15);
    --auth-tile: rgba(172, 207, 255, .06);
    --logo-background: rgba(163, 192, 232, .1);
    --shadow-sm: 0 8px 26px rgba(0, 4, 13, .17), inset 0 1px 0 rgba(226, 240, 255, .1);
    --shadow-md: 0 18px 48px rgba(0, 4, 15, .34), inset 0 1px 0 rgba(226, 240, 255, .08);
    --shadow-lg: 0 28px 80px rgba(0, 4, 15, .5), inset 0 1px 0 rgba(226, 240, 255, .1);
}

html[data-theme="dark"] body {
    background-color: var(--canvas);
    background-image: radial-gradient(ellipse at 0% 10%, rgba(27, 91, 137, .31), transparent 48%), radial-gradient(ellipse at 95% 0%, rgba(85, 59, 136, .24), transparent 45%), radial-gradient(ellipse at 65% 100%, rgba(22, 91, 89, .24), transparent 48%);
    background-attachment: fixed;
}
html[data-theme="dark"] :is(.card, .metric-card, .project-card, .planning-command, .dashboard-operational-card, .auth-card, .chat-shell) {
    background: var(--surface);
    border-color: rgba(205, 226, 255, .14);
    backdrop-filter: blur(24px) saturate(1.35);
    -webkit-backdrop-filter: blur(24px) saturate(1.35);
}
html[data-theme="dark"] .auth-refresh .auth-brand-panel {
    background: linear-gradient(145deg, rgba(25, 53, 68, .66), rgba(33, 34, 63, .65));
    border: 1px solid rgba(205, 226, 255, .12);
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(28px) saturate(1.35);
    -webkit-backdrop-filter: blur(28px) saturate(1.35);
}
html[data-theme="dark"] .auth-refresh .auth-card { background: var(--surface); }
html[data-theme="dark"] .auth-refresh .auth-form-panel { background: transparent; }
html[data-theme="dark"] .sidebar::before,
html[data-theme="dark"] .sidebar::after { opacity: .035; }
html[data-theme="dark"] .theme-selector { background: rgba(12, 22, 39, .36); }
html[data-theme="dark"] .theme-choice[aria-pressed="true"] { background: rgba(114, 162, 222, .16); }
html[data-theme="dark"] .main-nav a.active { background: rgba(104, 155, 221, .12); border-color: rgba(165, 204, 255, .22); box-shadow: var(--shadow-sm); }
html[data-theme="dark"] :is(.account-menu-panel, .notification-panel, .organization-options, .dev-switcher-menu, .role-menu, .modal-dialog, .command-dialog, .dev-login-modal) { background: var(--glass-popup); }
html[data-theme="dark"] :is(.account-menu-panel, .notification-panel, .organization-options, .dev-switcher-menu, .role-menu, .modal-dialog, .command-dialog, .dev-login-modal)[data-website-glass] { background: var(--glass-popup); }
html[data-theme="dark"] .chat-conversation-header { background: rgba(20, 29, 44, .58); }
html[data-theme="dark"] .chat-message-list { background: rgba(18, 27, 41, .38); }
html[data-theme="dark"] .chat-compose-form { background: rgba(18, 27, 41, .85); }
html[data-theme="dark"] .chat-workspace[data-conversation-open="1"] { background-color: var(--canvas); }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root[data-theme="dark"] { --surface: #222d3e; --surface-subtle: #1e2838; --glass: #222d3e; --glass-sidebar: #1c2738; --glass-popup: #253144; }
    :root[data-theme="dark"] [data-website-glass] { background: var(--surface); }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
    :root[data-theme="dark"] {
        --surface: #242b38;
        --surface-subtle: #1e2633;
        --surface-hover: #333f52;
        --surface-inset: #171e2a;
        --glass: var(--surface);
        --glass-sidebar: var(--surface-subtle);
        --glass-popup: var(--surface);
        --line: var(--line-strong);
        --line-soft: var(--line-strong);
    }
    html[data-theme="dark"] body { background-image: none; }
    html[data-theme="dark"] :is(.card, .metric-card, .project-card, .planning-command, .dashboard-operational-card, .auth-card, .auth-refresh .auth-card, .auth-refresh .auth-brand-panel, .chat-shell, .sidebar, .topbar, .chat-conversation-header, .chat-message-list, .chat-compose-form) {
        background: var(--surface);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}