.appearance-control{min-width:0;border:0;padding:0;margin:18px 0 8px}
.appearance-control legend{font-size:12px;font-weight:500;color:var(--ink);padding:0;margin-bottom:9px}
.appearance-options{display:flex;gap:4px;padding:4px;background:#eef5fa;border-radius:15px}
.appearance-options button{flex:1;min-width:0;min-height:44px;padding:9px 6px;border:0;border-radius:11px;background:transparent;color:#617e91;font-size:11px;line-height:1.5;white-space:normal}
.appearance-options button[aria-pressed=true]{background:#fff;color:#197aa9;box-shadow:0 2px 6px #294e7512;font-weight:600}
.sidebar-appearance{display:block;margin-top:20px;color:var(--muted);font-size:11px}
.sidebar-appearance select{display:block;width:100%;margin-top:7px;min-height:42px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);padding:8px;font-size:12px}
html[data-theme=dark]{--ink:#e2edf7;--muted:#a5b7c8;--blue:#76c8f7;--line:#304458;--bg:#101b29;--sky:#1d3c53;color-scheme:dark;background:var(--bg)}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] :is(aside,.shell>header,#authscreen){background:#101b29;border-color:var(--line)}
html[data-theme=dark] :is(.panel,.card,.teamcard,.loginbox,.login-layout,dialog,#notificationMenu,.mobile-nav){background:#172637;color:var(--ink);border-color:var(--line);box-shadow:0 8px 28px #00000024}
html[data-theme=dark] :is(h1,h2,h3,h4,.brand,.section-title,.taskname,.personhead strong,.personrow>b,.employee-info h3,.proposal h3,.detail-heading h2,.account-card h2,.mobile-menu-profile strong){color:#e2edf7}
html[data-theme=dark] :is(p,.sectiontext,.notice,.report p,.message>p,.aisummary p,.summarypreview p,.initiative-guide p,.inline-guide p,.targetbox p,.initiative-intro,.install-guide,.access-list li,.proposal-facts dd,td,.employee-info p){color:#bdcedc}
html[data-theme=dark] :is(small,.sub,.heading p.sub,.loginbox>p,.eyebrow,.navlabel,.idlabel,.field,.field>small,.draft-hint,.panelnote,.approval-note,.compact-intro,.hero-label,.hero-description,.login-caption,.disclosure-hint,.progress-caption,.persondue,.taskname small,.empty,.empty-inline,.empty-state,.mobile-menu-intro,.section-heading>span,footer,footer span,header,header b){color:#a5b9ca}
html[data-theme=dark] :is(button,.templateLink,.sidebar-appearance select){background:#213448;color:#c7deed;border-color:#3a5268;box-shadow:none}
html[data-theme=dark] button:hover{background:#2a445d}
html[data-theme=dark] :is(button.primary,.hero-copy .primary){background:#75c6f5;border-color:#75c6f5;color:#10283b}
html[data-theme=dark] button.primary:hover{background:#99d8fc;border-color:#99d8fc}
html[data-theme=dark] :is(a.filelink,.filelink,.textbtn,.attention-more){color:#8ed2fc}
html[data-theme=dark] :is(input,select,textarea,.field input,.field select,.field textarea,textarea.big,.toolbar input,.toolbar select,.directory-filters input,.directory-filters select,.matrixtable input,.matrixtable select,.loginbox .field input){background:#101e2d;color:#e1edf6;border-color:#3a5268}
html[data-theme=dark] ::placeholder{color:#859fb3;opacity:1}
html[data-theme=dark] :is(input,select,textarea):focus{outline-color:#80cafa}
html[data-theme=dark] :is(button,a):focus-visible{outline-color:#8dd4ff}
html[data-theme=dark] :is(.workspace,.tip,.column,.personcol,.notice,.sourceintro,.uploadbox,.targetbox,.initiative-intro,.proposal-facts,.optional-fields,.inline-guide,.filter-drawer,.review-actions,.summarypreview,.aisummary,.message,.report,.empty-inline,.matrixdraft,.matrixhead,.workflow-steps,.appearance-options){background:#1d3044;border-color:#354c62}
html[data-theme=dark] :is(.panelhead,.panelnote,.decision,.followup-grid .decision,.employee-row,.report-history,.report-compose,.mobile-menu-profile,td,th,.personrow,.personhead,.matrixdraft,.matrixtable tr){border-color:#304458}
html[data-theme=dark] :is(th,.tablewrap th){background:#132235;color:#a9c0d2}
html[data-theme=dark] :is(tbody tr:hover,.member-load:hover){background:#22394e}
html[data-theme=dark] :is(.personrow,.matrixtable tr){background:#172637}
html[data-theme=dark] :is(.tablewrap td[data-label]:before,.matrixtable td:before,.matrixtable tr:before,.proposal-facts dt){color:#a3bbce;border-color:#304458}
html[data-theme=dark] :is(.tabs,.sourceTabs,.detail-tabs){background:#112131;border-color:#172637}
html[data-theme=dark] :is(.tabs button,.sourceTabs button,.detail-tabs button,nav button){background:transparent;color:#a5bdd0}
html[data-theme=dark] :is(.tabs button.active,.sourceTabs button.active,.detail-tabs button.active,nav button.active){background:#264863;color:#a0daff;box-shadow:none}
html[data-theme=dark] :is(.quick-action,.page-highlight,.summary-metrics>div,.pastel-stats .stat,.stat){background:#203a51;border-color:#345069}
html[data-theme=dark] :is(.quick-action strong,.stat label,.pastel-stats .stat label,.summary-metrics span){color:#bfd4e4}
html[data-theme=dark] :is(.stat b,.pastel-stats .stat b,.summary-metrics strong,.load-count){color:#e5f1fa}
html[data-theme=dark] :is(.stat-1,.pastel-stats .stat-1,.page-highlight.violet){background:#302d4c}
html[data-theme=dark] :is(.stat-2,.pastel-stats .stat-2){background:#43372b}
html[data-theme=dark] :is(.stat-3,.pastel-stats .stat-3,.page-highlight.mint){background:#203e3d}
html[data-theme=dark] :is(.quick-icon,.stat-icon,.highlight-icon,.avatar,.navy,.member-load .avatar){background:#2c4d67;color:#a0d9fc}
html[data-theme=dark] :is(.quick-1 .quick-icon){background:#443959;color:#d0b7f7}
html[data-theme=dark] :is(.quick-2 .quick-icon){background:#284c45;color:#a4dcc5}
html[data-theme=dark] :is(.asn-hero,.login-welcome){background:linear-gradient(120deg,#203c54,#285c7b);border-color:#3d6480}
html[data-theme=dark] :is(.hero-copy h1,.login-welcome h2){color:#edf7ff}
html[data-theme=dark] :is(.hero-copy h1 span,.login-welcome h2 span){color:#8ad2ff}
html[data-theme=dark] :is(.hero-copy p,.hero-copy .hero-description,.login-welcome p,.login-welcome .hero-label,.hero-label,.hero-tag){color:#c3deee}
html[data-theme=dark] :is(.hero-halo,.asn-hero:after){background:#598da326}
html[data-theme=dark] .hero-tag{background:#13334d}
html[data-theme=dark] .progress-ring{background:conic-gradient(#7ecbfa var(--progress),#2e4358 0)}
html[data-theme=dark] .progress-ring>div{background:#172637}
html[data-theme=dark] :is(.bar,.loadbar,.member-detail .loadbar){background:#30465c}
html[data-theme=dark] :is(.bar span,.loadbar>span){background:#78c5f5}
html[data-theme=dark] .attention-first{background:#1b354c;border-color:#3f6786}
html[data-theme=dark] :is(.attention-first .panelhead h2,.attention-first .decision b){color:#e3f1fb}
html[data-theme=dark] :is(.attention-first .panelhead small,.attention-first .decision p,.attention-first .decision small,.attention-shortcuts span){color:#afc9dc}
html[data-theme=dark] .attention-shortcuts button{background:#24445e;border-color:#395c78}
html[data-theme=dark] .attention-shortcuts b{color:#9edcff}
html[data-theme=dark] :is(.unread-task,.unread-task td,.personrow.unread-task,.card.unread-task,.decision.unread-task,.notifitem.unread){background:#24465f;border-color:#70c4f7}
html[data-theme=dark] :is(.updatebadge,.attention-count){background:#315d7b;color:#bbE6ff}
html[data-theme=dark] :is(.message-own,.brief-check){background:#21435a;color:#cae5f5;border-color:#39607d}
html[data-theme=dark] .brief-original{background:#172637;color:#b5c8d7}
html[data-theme=dark] :is(.report-head>span,.detail-tabs button span){background:#2a475f;color:#c0e5fb}
html[data-theme=dark] :is(.notifhead,.notifitem){background:#172637;border-color:#304458}
html[data-theme=dark] :is(.notifitem>b,.notifhead>b){color:#e0eef8}
html[data-theme=dark] .notifitem span{color:#c0d4e2}
html[data-theme=dark] :is(#notificationBell,#closeNotifications,.close){background:#22394e;color:#c6deee;border-color:#37546c}
html[data-theme=dark] .s0{background:#2d3f51;color:#c7d6e3}
html[data-theme=dark] .s1{background:#214964;color:#addcfa}
html[data-theme=dark] .s2{background:#51402b;color:#f1d2a0}
html[data-theme=dark] .s3{background:#403550;color:#dcc7f6}
html[data-theme=dark] .s4{background:#503632;color:#fac6ba}
html[data-theme=dark] .s5{background:#25483e;color:#b1e6d0}
html[data-theme=dark] :is(.voicebtn[aria-pressed=true],[data-voice][aria-pressed=true]){background:#543833;color:#ffd6ce;border-color:#c58d80;box-shadow:0 0 0 2px #543833}
html[data-theme=dark] #syncStatus{background:#142c2b!important;color:#b7e5d7!important;border-color:#31544e}
html[data-theme=dark] #syncStatus.syncpending{background:#403724!important;color:#f0d69f!important}
html[data-theme=dark] #syncStatus.syncerror{background:#442e30!important;color:#ffc9c5!important}
html[data-theme=dark] .autherror{color:#ffc1b9}
html[data-theme=dark] #toast{background:#d4eafa;color:#142b3d;box-shadow:0 8px 28px #0006}
html[data-theme=dark] dialog::backdrop{background:#020b15b3}
html[data-theme=dark] .appearance-control legend{color:#d8e9f6}
html[data-theme=dark] .appearance-options button{background:transparent;color:#b4c9d9}
html[data-theme=dark] .appearance-options button[aria-pressed=true]{background:#315471;color:#e1f4ff;box-shadow:none}
html[data-theme=dark] .mobile-menu-dialog{background:#172637;border-color:#304458}
html[data-theme=dark] .mobile-menu-dialog :is(h2,.mobile-menu-profile strong){color:#e0edf6}
html[data-theme=dark] .mobile-menu-dialog .mobile-menu-profile .avatar{background:#2a4b65;color:#a4dcfd}
html[data-theme=dark] .mobile-menu-dialog .mobile-menu-links button{background:#20364a;color:#bfd3e2}
html[data-theme=dark] .mobile-menu-dialog .mobile-menu-links button.current{background:#2b526f;color:#b8e4ff}
html[data-theme=dark] .mobile-menu-dialog .mobile-menu-links .mobile-logout{background:#42332e;color:#efc4b0}
@media(max-width:760px){
 html[data-theme=dark] body{background:#101b29}
 html[data-theme=dark] .mobile-nav{background:#172637f5;border-color:#354b5f}
 html[data-theme=dark] .mobile-nav button,html[data-theme=dark] .mobile-nav button.mobile-compose{background:transparent;color:#9eb6c8}
 html[data-theme=dark] .mobile-nav button.active,html[data-theme=dark] .mobile-nav button.mobile-compose.active{background:#294c68;color:#a8dfff}
 html[data-theme=dark] .mobile-nav button.active svg{background:transparent}
 html[data-theme=dark] .tablewrap tr{background:#172637;border-color:#304458}
 html[data-theme=dark] .tablewrap tr.unread-task{background:#24465f;border-color:#70c4f7}
 html[data-theme=dark] .tablewrap tr td{color:#c4d8e7;background:transparent}
 html[data-theme=dark] .tablewrap tr td.taskname{color:#e3eff8}
}