/* Interface themes only. Financial downloads and print reports retain their paper layout. */
.login-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px;color:#8b987f;font-size:11px}
.theme-toggle{flex-shrink:0}
html[data-theme=dark]{--night-bg:#191b1f;--night-panel:#22252a;--night-sidebar:#1e2025;--night-border:#353940;--night-text:#cdd1d7;--night-muted:#a9afb9;color-scheme:dark}
html[data-theme=dark] body{background:var(--night-bg);color:var(--night-text)}
html[data-theme=dark] .sidebar{background:var(--night-sidebar);border-color:var(--night-border)}
html[data-theme=dark] .topbar{background:#1e2025;border-color:var(--night-border)}
html[data-theme=dark] :is(.panel,.stat,.modal){background:var(--night-panel);border-color:var(--night-border)}
html[data-theme=dark] :is(input,select,textarea,.iconbtn,.btn,.pages button,.pill-tabs button){background:#292c32;border-color:#41464f;color:#d2d6dc}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#989fa9;opacity:1}
html[data-theme=dark] :is(input,select,textarea):focus{border-color:#8baa9a;box-shadow:0 0 0 3px #8baa9a22}
html[data-theme=dark] input[type=checkbox]{accent-color:#88a995}
html[data-theme=dark] :is(.btn.primary){background:#3e6353;border-color:#527c68;color:#eef1ef}
html[data-theme=dark] :is(.btn.soft,.pill-tabs button.active,.pages button.selected){background:#303c36;border-color:#465c50;color:#bed2c6}
html[data-theme=dark] .btn.danger{background:#392d2c;border-color:#594140;color:#d8a59d}
html[data-theme=dark] :is(.navitem.active,.navitem:hover){background:#303a35;color:#c0d4c7}
html[data-theme=dark] .navitem .count{background:#3a4b42;color:#cedcd3}
html[data-theme=dark] .navitem.active:before{background:#8baa99}
html[data-theme=dark] :is(.help-box,.form-note,.formula,.detail-list>div){background:#292d32;border-color:#3b4149;color:#b8bfc9}
html[data-theme=dark] :is(.demo){background:#302f29;border-color:#48453a;color:#c7bc9b}
html[data-theme=dark] .demo .link{color:#d3c8aa}
html[data-theme=dark] :is(.form-note.error,.error-message){background:#362a29;border-color:#58413e;color:#d4aaa1}
html[data-theme=dark] :is(.brand strong,h1,h2,h3,.user strong){color:#e0e3e8}
html[data-theme=dark] :is(.muted,.small.muted,label,.brand small,.nav-label,.navitem,.help-box p,.school-mini,.crumb,.top-actions .date,.date,.user small,.eyebrow,.page-head p,.stat-top,.stat-note,.stat-value small,.panel-head p,.panel-head .legend,.bar-label,.bar-val,.ring-inner small,.ring-legend div,.table-footer,.footer,.settings-card p,.report-card p,.detail-list small,.timeline p,.login-theme,.login-form>p,.login-foot,.step){color:var(--night-muted)}
html[data-theme=dark] :is(.crumb b,.person strong,.ring-legend b,.step strong){color:#cdd3dc}
html[data-theme=dark] :is(.person small,.progress-cell small){color:#a2aab6}
html[data-theme=dark] .stat-value{color:#e0e4e9}
html[data-theme=dark] :is(.avatar,.stat-icon,.report-icon,.person .initial,.step-num){background:#303831;color:#aac1b2}
html[data-theme=dark] .hero{background:#28312e}
html[data-theme=dark] .hero :is(h2,.hero-number){color:#d8e2dc}
html[data-theme=dark] .hero :is(p,.eyebrow,.hero-left span){color:#aebfb5}
html[data-theme=dark] th{background:#292c32;color:#b7bec9;border-color:var(--night-border)}
html[data-theme=dark] td{color:#c4cad3;border-color:#33373e}
html[data-theme=dark] tbody tr:hover{background:#2a2e34}
html[data-theme=dark] :is(.stat-note,.section-title,.table-footer,.school-mini,.modal-head,.timeline){border-color:var(--night-border)}
html[data-theme=dark] .divider{background:var(--night-border)}
html[data-theme=dark] .badge{background:#383329;color:#d0bd90}
html[data-theme=dark] :is(.badge.approved,.badge.paid){background:#2e3c33;color:#adc8b6}
html[data-theme=dark] .badge.submitted{background:#3c352a;color:#d7c092}
html[data-theme=dark] .badge.returned{background:#3e2e2d;color:#d8aaa1}
html[data-theme=dark] .badge.draft{background:#31353c;color:#b2b9c4}
html[data-theme=dark] :is(.textlink,.warn){color:#aec5b7}
html[data-theme=dark] .chart:before{background:repeating-linear-gradient(to top,transparent,transparent 36px,#34383e 37px,#34383e 38px)}
html[data-theme=dark] .bar{background:#93aa9b}
html[data-theme=dark] .bar-col:nth-child(2n) .bar{background:#6d8f7d}
html[data-theme=dark] .ring{background:conic-gradient(#87a894 0 var(--p),#383d45 var(--p) 100%)}
html[data-theme=dark] .ring:before{background:var(--night-panel)}
html[data-theme=dark] .ring-inner strong{color:#d0d8d2}
html[data-theme=dark] .progress-track{background:#383d45}
html[data-theme=dark] .progress-track span{background:#87a894}
html[data-theme=dark] .checkbar{background:#2d3932;border-color:#44554a;color:#c3d3c8}
html[data-theme=dark] .sql-code{background:#1c1e22;color:#bac5d2}
html[data-theme=dark] .empty{color:#aab2be}
html[data-theme=dark] .empty .icon{color:#8e9c96}
html[data-theme=dark] .report-card.active{border-color:#86a592;box-shadow:0 0 0 1px #86a592}
html[data-theme=dark] .report-card:hover{border-color:#728e7e}
html[data-theme=dark] .login-form-wrap{background:var(--night-bg)}
html[data-theme=dark] .login-art{background:#242b29}
html[data-theme=dark] .login-art :is(h1,.brand strong){color:#d9e1dc}
html[data-theme=dark] .login-art :is(p,.bottom,.brand small,.eyebrow){color:#aebeb5}
html[data-theme=dark] .modal-overlay{background:#090a0db3}
html[data-theme=dark] .boot{color:#a9b5ae}
html[data-theme=dark] #toast{background:#344b3e;color:#d9e5dd;box-shadow:0 9px 35px #0005}
html[data-theme=dark] #toast.error{background:#68413a;color:#efe1dc}
html[data-theme=dark] :is(input,select,textarea):disabled{color:#939ba7}
html[data-theme=dark] ::selection{background:#3e6353;color:white}

/* Comfortable reading: neutral surfaces, restrained saturation and clearer small text. */
html[data-theme=dark] body{font-size:14px}
html[data-theme=dark] :is(.navitem,.btn,.person strong,td){font-size:12px}
html[data-theme=dark] :is(label,.page-head p,.stat-top,.stat-note,.stat-value small,.panel-head p,.table-footer,.settings-card p,.report-card p,.form-note,.timeline p,.step){font-size:12px;line-height:1.9}
html[data-theme=dark] :is(th,.person small,.user small,.brand small,.nav-label,.school-mini,.date,.crumb,.eyebrow,.panel-head .legend,.ring-legend div,.ring-inner small,.bar-label,.bar-val,.footer,.small,.badge,.login-foot){font-size:11px}
html[data-theme=dark] .hero:after,html[data-theme=dark] .login-art:after{display:none}
html[data-theme=dark] .hero{border:1px solid #3b4640}
html[data-theme=dark] .hero-number{color:#bccfc1}
html[data-theme=dark] .ring-legend div:nth-child(2) .dot{background:#68727e!important}
html[data-theme=dark] .ring-legend div:nth-child(3) .dot{background:#aa9772!important}
html[data-theme=dark] .modal-overlay{backdrop-filter:blur(2px)}
html[data-theme=dark] button:hover:not(:disabled){filter:brightness(1.08)}
html[data-theme=dark] :is(button,a):focus-visible{outline-color:#91ad9c}
html[data-theme=dark] .brand img{opacity:.85}
html[data-theme=dark] .chart{padding-top:30px}
@media(max-width:700px){html[data-theme=dark] .top-actions{gap:7px}html[data-theme=dark] .user strong{font-size:10px}html[data-theme=dark] .crumb{font-size:10px}html[data-theme=dark] .stat-note{font-size:10px}html[data-theme=dark] .bar-label{font-size:10px}}