:root{color-scheme:light}
.account-actions{display:flex;align-items:center;gap:8px;min-width:0}
#sidebar .account-actions #logout{flex:1;min-height:44px}
#theme-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--border,#e2e8f0);color:var(--muted,#65758b);border-radius:10px}
#theme-toggle:hover{background:var(--selection,#edf2fb);color:var(--blue)}
#theme-toggle .nav-icon{width:19px;height:19px}
.theme-sun{display:none}
input,textarea,select{color:inherit}
:root[data-theme=dark]{
 color-scheme:dark;--canvas:#101722;--surface:#182230;--surface-subtle:#202d3e;--selection:#243959;--border:#344359;
 --ink:#e5ecf5;--muted:#afbdd0;--blue:#96beff;--focus:#96beff;
 --positive-bg:#163c30;--positive-ink:#91dfb4;--warning-bg:#3c321d;--warning-ink:#f2d685;
 --negative-bg:#44282f;--negative-ink:#ffadb4;--negative-border:#9c5966;--warning-border:#746039;
 background:var(--canvas);color:var(--ink)
}
:root[data-theme=dark] .theme-moon{display:none}
:root[data-theme=dark] .theme-sun{display:block}
:root[data-theme=dark] button.primary{background:#224e9f;border-color:#4e79c7;color:#fff}
:root[data-theme=dark] button.primary:hover{background:#2b5cb6}
:root[data-theme=dark] .login{background:linear-gradient(135deg,#111d31,#101722 60%,#242419)}
:root[data-theme=dark] .brand-logo{background:#fff;padding:8px;border-radius:8px}
:root[data-theme=dark] .login-card{box-shadow:0 15px 60px #0003}
:root[data-theme=dark] dialog{background:var(--surface);color:var(--ink);box-shadow:0 25px 100px #0008}
:root[data-theme=dark] dialog::backdrop{background:#060c16b3}
:root[data-theme=dark] a{color:var(--blue)}
:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] button:focus-visible{outline-color:var(--focus)}
:root[data-theme=dark] #panel-navigation{scrollbar-color:#52647e var(--surface)}
:root[data-theme=dark] .mfa-qr{background:#fff}

:root[data-theme=dark] #notice{color:#e5ecf5}