.theme-toggle{flex-shrink:0;font-size:25px;line-height:1;min-width:40px;min-height:40px}
.theme-floating{position:fixed;bottom:22px;left:22px;z-index:30;box-shadow:0 4px 20px #0002}
.admin-auth .auth-card{border-top:4px solid #f47700}
html[data-theme=dark]{color-scheme:dark;--ink:#e5ecfa;--muted:#a4b1c8;--line:#2b3750;--bg:#0d1424;--blue:#ffab55}
html[data-theme=dark] body{background:#0d1424;color:#e5ecfa}
html[data-theme=dark] :is(.sidebar,.topbar,.panel,.stat,.feature,.portal,.auth-card,.preview-window,.floating-note,dialog,.toast,.icon-button,.white){background:#172238;color:#e5ecfa;border-color:#2b3750}
html[data-theme=dark] :is(p,.muted,small,.greeting,.nav-label,.breadcrumb,.today-label,.sidebar nav>a,.stat>div>span:first-child,.form-grid label,.report-line span,.workspace-footer,.auth-help,.institution-switch>span:last-child){color:#acbad1}
html[data-theme=dark] :is(h1,h2,h3,td b,.person b,.breadcrumb b,.empty h3,.audiences b){color:#e5ecfa}
html[data-theme=dark] :is(td,th){border-color:#2b3750;color:#c5d0e3}
html[data-theme=dark] th{background:#111c30}
html[data-theme=dark] tbody tr:hover{background:#1d2a42}
html[data-theme=dark] :is(.form-grid input,.form-grid select,.form-grid>select,.search-field){background:#111b2e;border-color:#3b4b66;color:#e5ecfa}
html[data-theme=dark] .search-field input{background:none;color:#e5ecfa}
html[data-theme=dark] :is(.form-note,.support-card,.institution-switch,.preview-stats>div,.preview-chart){background:#1b2941;border-color:#34445e;color:#c8d3e5}
html[data-theme=dark] :is(.form-actions,.report-line,.notification-row,.lesson-mini,.panel-heading,.preview-top,.chart-legend,.public-header,footer,.invoice-sheet>.panel-heading){border-color:#2b3750}
html[data-theme=dark] .sidebar nav>a.active{background:#472d20;color:#ffc085}
html[data-theme=dark] .sidebar nav>a:hover{background:#25324a;color:#ffc085}
html[data-theme=dark] :is(.text-link,.eyebrow,.hero h1 span,.support-card a,.admin-link){color:#ffad5e}
html[data-theme=dark] :is(.avatar,.owner,.lesson-time,.count){background:#2a3c5c;color:#cbdfff;border-color:#344767}
html[data-theme=dark] .blue{background:#293a59;color:#bdd5ff}
html[data-theme=dark] :is(.purple,.cyan,.orange,.badge.blue){background:#473322;color:#ffc380}
html[data-theme=dark] .green{background:#143e36;color:#7fe5be}
html[data-theme=dark] .soft-icon.blue{background:#293a59;color:#c6d9ff}
html[data-theme=dark] .audiences{background:#111b2d;border-color:#2b3750}
html[data-theme=dark] .get-started{background:linear-gradient(120deg,#1d2c46,#33291f);border-color:#354057}
html[data-theme=dark] .get-started li:before{background:#374158;color:#ffc085}
html[data-theme=dark] .orbit-one{background:radial-gradient(circle,#80512235,transparent 70%)}
html[data-theme=dark] .orbit-two{border-color:#795131}
html[data-theme=dark] .attendance-chart{background:repeating-linear-gradient(to top,transparent,transparent 40px,#27344c 41px,#27344c 42px)}
html[data-theme=dark] .bar-space progress,html[data-theme=dark] .bar-space progress::-webkit-progress-bar{background:#283750}
html[data-theme=dark] .chart-column b{color:#ffb16a}
html[data-theme=dark] .brand-crop{background:#fff;border-radius:8px}
html[data-theme=dark] .brand-crop img{mix-blend-mode:normal}
html[data-theme=dark] .qr-canvas{background:white;border:8px solid white;border-radius:8px}
html[data-theme=dark] .welcome-banner :is(h2,p){color:#f2f6ff}
html[data-theme=dark] .toast.error{color:#ffb2ae;border-color:#7b454a}
html[data-theme=dark] .toast.success{color:#98e7c5;border-color:#326e59}
html[data-theme=dark] dialog::backdrop{background:#0009}
@media(max-width:640px){.public-header{gap:9px;flex-wrap:wrap}.public-header .theme-toggle{width:36px;min-width:36px;min-height:36px;height:36px}.topbar-actions{gap:8px}.theme-toggle{font-size:23px}}
@media print{
 .theme-toggle{display:none!important}
 html[data-theme=dark]{color-scheme:light;--ink:#172d5b;--muted:#596777;--line:#ddd;--bg:#fff}
 html[data-theme=dark] body,html[data-theme=dark] :is(.panel,.stat,.invoice-sheet,.student-card,th,td){background:white!important;color:#172d5b!important;border-color:#ddd!important}
 html[data-theme=dark] :is(h1,h2,h3,p,small,b,td b,.muted,.report-line span){color:#172d5b!important}
}