:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="dark"] body{background:#101216!important;color:#f3f5f8!important}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .metric,:root[data-theme="dark"] .day,:root[data-theme="dark"] .filters,:root[data-theme="dark"] .key-row,:root[data-theme="dark"] .key-card,:root[data-theme="dark"] .key-modal,:root[data-theme="dark"] .modal-head,:root[data-theme="dark"] .empty,:root[data-theme="dark"] .header,:root[data-theme="dark"] .nav,:root[data-theme="dark"] footer,:root[data-theme="dark"] .category-card,:root[data-theme="dark"] .product-card,:root[data-theme="dark"] .catalogue-toolbar,:root[data-theme="dark"] .team-section,:root[data-theme="dark"] .service-strip{background:#191d24!important;color:#f3f5f8!important;border-color:#343b47!important}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#11151b!important;color:#f3f5f8!important;border-color:#424a57!important}
:root[data-theme="dark"] p,:root[data-theme="dark"] small,:root[data-theme="dark"] .meta,:root[data-theme="dark"] .hint,:root[data-theme="dark"] .tz,:root[data-theme="dark"] .ref{color:#aeb7c5!important}
:root[data-theme="dark"] th{background:#151920!important;color:#aeb7c5!important}:root[data-theme="dark"] td{border-color:#303641!important}
.theme-toggle{border:1px solid #cdd3dc!important;border-radius:10px!important;background:#fff!important;color:#20252d!important;padding:9px 12px!important;font:650 13px system-ui!important;cursor:pointer!important;min-height:40px}
:root[data-theme="dark"] .theme-toggle{background:#242a34!important;color:#f3f5f8!important;border-color:#46505f!important}
.theme-floating{position:fixed;right:14px;top:14px;z-index:9999;box-shadow:0 6px 22px #0002}
@media(max-width:600px){.theme-floating{right:9px;top:9px}.header-tools{gap:4px!important;flex-wrap:wrap;justify-content:flex-end}.header-tools .btn,.header-tools .theme-toggle{padding:8px!important;font-size:12px!important;min-height:40px!important}}

:root[data-theme="dark"] .day h2{background:#191d24!important;color:#f3f5f8!important;border-color:#343b47!important}
:root[data-theme="dark"] input[type="date"]{color-scheme:dark}