/* Dark palette only. Layout and typography are shared with the light theme. */
html:not(.light){
 --card:rgba(21,26,33,.98);--card-solid:#151a21;--panel:#1b2028;
 --ink:#ecece8;--muted:#b4b8bc;--muted2:#a8b0b8;
 --line:rgba(210,219,226,.18);--line-strong:#697580;--line-soft:rgba(210,219,226,.10);
 --accent:#d4c5aa;--accent2:#bcae97;--accent-soft:#34362f;--link:#d4c5aa;
 --input-bg:#11161c;--autofill:#11161c;--overlay:rgba(4,7,12,.76);
 --shadow:0 4px 18px rgba(0,0,0,.18);
 --chip-slate-bg:#292f37;--chip-slate-fg:#c9cdd1;--chip-blue-bg:#27323e;
 --chip-cyan-bg:#213343;--chip-cyan-fg:#b0d0e5;--chip-violet-bg:#2d3044;--chip-violet-fg:#c5c7df;
 --chip-dim-bg:#252b33;--chip-dim-fg:#b4bcc4;
 --bub-user-bg:#252c35;--bub-agent-bg:#283139;--bub-agent-fg:#c4d0d7;
 --kb-text:#c9d1df;--kb-h:#dbe3ee;--kb-b:#e6ebf2;--kb-code-bg:#202c3e;--kb-code-fg:#b9d2e9;
}
/* Continuous surfaces keep the scene outside the working content. */
html:not(.light) :is(.card,.page-head,.sidebar){background:var(--card);border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:blur(5px)}
html:not(.light) :is(.page-head h1,.card-title,.ttl){color:var(--ink);text-shadow:none}
html:not(.light) :is(.page-head .hic,.card-title .ic){color:#c8bba6;filter:none;stroke:currentColor}
html:not(.light) :is(.sub,.stat .lbl,.stat .hint,.svc-meta,.inc-sub){color:var(--muted);text-shadow:none}
html:not(.light) .logo b{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink)}
html:not(.light) .logo .pmark{background:#1e354c;box-shadow:0 3px 10px rgba(0,0,0,.16);filter:none}
html:not(.light) .nav-btn,html:not(.light) .nav-btn.util{color:#c4c9cf;border-color:transparent;box-shadow:none}
html:not(.light) .nav-btn:hover{background:#272d35;color:#f1f2ef}
html:not(.light) .nav-btn.active{background:#34362f;color:#e5d7bc;border-color:#756d60;box-shadow:none}
html:not(.light) .nav-btn .ic{filter:none;stroke:currentColor}
html:not(.light) .nav-sec,html:not(.light) .sidebar .ver,html:not(.light) .sidebar .ver span{color:#a8b0b8}
html:not(.light) .nav-badge{background:#403e36;color:#f3e5c9;box-shadow:none}
html:not(.light) .side-sep{background:var(--line)}
html:not(.light) .me-chip{background:var(--card-solid);border-color:var(--line)}
html:not(.light) .me-chip .ava{background:#33332f;color:#e3d8c3;box-shadow:none}
html:not(.light) :is(.cabinet-search,.cabinet-account){background:var(--card);border-color:var(--line-strong);color:var(--ink);box-shadow:none}
html:not(.light) :is(.cabinet-search,.cabinet-account):hover{background:#252b33;border-color:#8b949d}
html:not(.light) .cabinet-search kbd{background:#11161c;color:var(--muted);border-color:var(--line-strong)}
html:not(.light) .cabinet-avatar{background:#33332f;color:#e3d8c3}
html:not(.light) .activation-reopen,html:not(.light) #dashObserv>.dash-section-link{background:var(--card);border-color:var(--line);color:var(--link)}
html:not(.light) .btn-primary,html:not(.light) .page-head .btn-primary{background:#d6c6aa;color:#20242b;border-color:#e2d3ba;box-shadow:0 2px 7px rgba(0,0,0,.18)}
html:not(.light) .btn-primary:hover{background:#e7d7bb;border-color:#eddfc8;color:#20242b;filter:none}
html:not(.light) .btn-ghost,html:not(.light) .page-head>.btn-ghost{background:#212730;border-color:var(--line-strong);color:#d4d8da;box-shadow:none}
html:not(.light) .btn-ghost:hover{background:#2c323b;border-color:#8b949d;color:#f3f2ed}
html:not(.light) .btn .ic{filter:none;stroke:currentColor}
html:not(.light) .btn:disabled{opacity:.48}
html:not(.light) :is(.task-quick,.task-view-switch) .btn-primary,html:not(.light) [data-tk-filter].btn-primary{background:#34362f;border-color:#756d60;color:#e5d7bc;box-shadow:none}
html:not(.light) .link{color:var(--link)}
html:not(.light) :focus-visible,html:not(.light) .view .btn:focus-visible,html:not(.light) .cabinet-topbar button:focus-visible{outline-color:#deceb1}
html:not(.light) :is(input,textarea,select){border-color:#697580;color:var(--ink);box-shadow:none}
html:not(.light) input:not([type=checkbox]):not([type=radio]),html:not(.light) textarea,html:not(.light) select{background:var(--input-bg)}
html:not(.light) :is(input,textarea)::placeholder,html:not(.light) .f-group :is(input,textarea)::placeholder{color:#a8b0b8;opacity:1}
html:not(.light) :is(input,textarea,select):focus{border-color:#beac8d;outline-color:#deceb1}
html:not(.light) :is(input[type=checkbox],input[type=radio]){accent-color:#c8b795}
html:not(.light) :is(input,textarea):-webkit-autofill{-webkit-box-shadow:0 0 0 60px #11161c inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}
html:not(.light) select::picker(select),html:not(.light) select option{background:#1b2028;color:var(--ink);border-color:#697580}
html:not(.light) select option:hover,html:not(.light) select option:checked{background:#363a3c}
html:not(.light) .f-group label{color:#cdd0d0}
html:not(.light) :is(.note,.steps,.help .hb){color:var(--muted)}
html:not(.light) .overlay,html:not(.light) .cf-ov{background:var(--overlay);backdrop-filter:blur(5px)}
html:not(.light) .overlay.account-menu{background:rgba(4,7,12,.32);backdrop-filter:none}
html:not(.light) .modal,html:not(.light) .cf-box{background:#1b2028;border-color:#697580;color:var(--ink);box-shadow:0 28px 100px rgba(0,0,0,.56)}
html:not(.light) :is(.account-close,.modal-close){border-color:var(--line-strong);color:#c5ccd2}
html:not(.light) :is(.account-close,.modal-close):hover{background:#30363e;color:#fff}
html:not(.light) .account-theme.on{background:#35352f;color:#e6d8bf;border-color:#887e6b}
html:not(.light) .account-theme:hover,html:not(.light) .account-action:hover{background:#2c323a}
html:not(.light) .pal-i.on,html:not(.light) .pal-i:hover{background:#34352f}
html:not(.light) :is(.task-editor-head,.task-editor-footer){background:#20252d;border-color:var(--line);box-shadow:none}
html:not(.light) .task-advanced{background:#171c23;border-color:var(--line)}
html:not(.light) :is(.task-column,.task-table-wrap,.task-extra,.task-empty){background:var(--card);border-color:var(--line)}
html:not(.light) .task-card{background:#252b33;border-color:#697580;box-shadow:0 3px 9px rgba(0,0,0,.14)}
html:not(.light) .task-card:hover{background:#30363d;border-color:#a69b88}
html:not(.light) .task-card.task-prio-high{border-left-color:var(--st-red-fg)}
html:not(.light) :is(.task-number,.task-hint,.task-log){color:var(--muted)}
html:not(.light) .task-complete .task-number{color:var(--st-green-fg2)}
html:not(.light) .task-table th{background:#1c222a;color:var(--muted)}
html:not(.light) .task-table td{border-color:var(--line)}
html:not(.light) .task-table tr:hover td{background:rgba(214,198,170,.035)}
html:not(.light) :is(.tk-queue,.tk-panel){background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}
html:not(.light) .tk-row{background:#1b222c;border-color:transparent;box-shadow:none}
html:not(.light) .tk-row:hover{background:#272e38;border-color:#697580}
html:not(.light) .tk-row[aria-current=true]{background:#34362f;border-color:#bcae91;box-shadow:none}
html:not(.light) .tk-row-title{color:var(--ink)}
html:not(.light) :is(.tk-row-meta,.tk-preview,.tk-row-counts,.tk-section){color:var(--muted)}
html:not(.light) :is(.tk-client,.tk-sla,.tk-knowledge,.rule-edit,.inc-guide){background:#20262e;border-color:var(--line)}
html:not(.light) #tkThread>div{box-shadow:none}
html:not(.light) #tkComposer{background:#171d25!important;border-color:var(--line-strong)!important}
html:not(.light) #tkComposer>div:first-child .btn-primary[aria-pressed=true]{background:#34362f;border-color:#807761;color:#e4d6bc;box-shadow:none}
html:not(.light) .help{background:transparent;box-shadow:none}
html:not(.light) .help>.sub,html:not(.light) .help details{background:var(--card);border-color:var(--line)}
html:not(.light) .help details:hover,html:not(.light) .help details[open]{border-color:#817661}
html:not(.light) .help summary svg{stroke:#c5b699}
html:not(.light) .public-note{background:#23334b;border-color:#526a8e;color:#d3e0f3}
html:not(.light) .ann.info{border-left-color:#a0b6da;background:linear-gradient(92deg,rgba(109,137,180,.18),var(--card-solid) 62%)}
html:not(.light) .activation-choice.selected{background:#34362f;border-color:#bcae91;box-shadow:inset 0 0 0 1px #bcae91}
html:not(.light) .badge::before,html:not(.light) .tl-item::before,html:not(.light) :is(.uptime-bar i,.inc-dot,.lvl,.toggle.on){box-shadow:none}
html:not(.light) code{color:var(--kb-code-fg)}
html:not(.light) ::selection{background:#625c50;color:#fff}
html:not(.light) ::-webkit-scrollbar-thumb{background:#4b535c;border-color:#11161c}
html:not(.light) body.cosmos .sidebar{background:none;border-color:transparent;backdrop-filter:none;box-shadow:none}