.theme-toggle{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;border:1px solid #bccad8;background:#fff;color:#172235;font:24px/1 system-ui;cursor:pointer}.theme-toggle:focus-visible{outline:3px solid #f4bf36;outline-offset:3px}.auth-panel>.theme-toggle{position:absolute;top:24px;inset-inline-start:24px;z-index:5}.auth-panel{position:relative}
html[data-theme="dark"]{--ink-900:#eef3fb;--ink-700:#d0dbea;--ink-500:#acbdd1;--ink-400:#93a8bf;--line:#33445b;--surface:#162438;--surface-soft:#101b2d;--surface-tint:#20334b;--red-100:#462331;--blue-100:#203b60;--green-100:#173e36;--amber-100:#433722;--card-bg:#162438;--text:#eef3fb;--muted:#acbdd1;--border:#33445b}
html[data-theme="dark"] body,html[data-theme="dark"] .app-workspace{background:#101b2d!important;color:#eef3fb}
html[data-theme="dark"] :is(.topbar,.auth-panel,.auth-shell,.modal,.modal-content,.modal-header,.modal-body,.modal-footer,.card,.card-body,.card-header,.table-card,.form-section,.profile-card,.filter-bar,.search-box,.input-wrap,.chat-sidebar,.chat-conversation-head,.chat-composer,.voice-chat-action,.playback-page,.replay-filters,.replay-stops,.replay-summary,.history-playback-controls,.history-stop-item,.parent-journey-dropdown,.history-selected-stop-group,.history-ride-metadata,.history-driver-self){background:#162438!important;color:#eef3fb!important;border-color:#33445b!important}
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){background:#101d30!important;color:#eef3fb!important;border-color:#405570!important}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#9cb0c9!important}
html[data-theme="dark"] :is(.data-table,.parent-history-table) :is(th,td){background:#162438!important;color:#e3edf9!important;border-color:#33445b!important}html[data-theme="dark"] :is(.data-table,.parent-history-table) thead th{background:#20334b!important;color:#c0d3e8!important}
html[data-theme="dark"] :is(.btn-secondary,.icon-button,.theme-toggle,.quick-action){background:#233750!important;color:#f2f5fb!important;border-color:#405570!important}html[data-theme="dark"] .theme-toggle{color:#ffd044!important}html[data-theme="dark"] .btn-primary{background:#df2637;border-color:#ed4351;color:#fff}
html[data-theme="dark"] .messages-shell .chat-messages{background:#101b2d!important}html[data-theme="dark"] .messages-shell .message-bubble{background:#243750!important;color:#edf3fb!important;border-color:#3b526c!important}html[data-theme="dark"] .messages-shell .mine .message-bubble{background:#24516d!important}html[data-theme="dark"] .messages-shell .contact-item.is-active{background:#263d54!important}html[data-theme="dark"] .messages-shell :is(.contact-copy strong,.messages-person h4){color:#edf3fb!important}html[data-theme="dark"] .messages-shell :is(.contact-copy span,.messages-person p,.message-bubble time){color:#b8c9dc!important}
html[data-theme="dark"] :is(.replay-heading h3,.replay-stops h4,.history-selected-stop-group h4,.history-stop-item strong,.parent-history-table button,.history-ride-metadata strong){color:#f2f5fb!important}html[data-theme="dark"] :is(.replay-heading p,.replay-tools small,.history-data-note,.history-ride-metadata small,.parent-history-note,.history-school-events){color:#b3c5dc!important}
html[data-theme="dark"] .leaflet-popup-content-wrapper,html[data-theme="dark"] .leaflet-popup-tip{background:#162438;color:#eef3fb}html[data-theme="dark"] .leaflet-control{color-scheme:light}html[data-theme="dark"] .auth-panel :is(h1,h2,h3,h4,label,strong){color:#f0f4fc}html[data-theme="dark"] .auth-panel p{color:#b5c7da}html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#152c40,#101a2c)}
html[data-theme="light"]{--text:#172235;--muted:#607188;--border:#dce5ed}
html[data-theme="light"] .app-workspace,html[data-theme="light"] .app-workspace .topbar{background:#f6f8fb!important;color:#172235!important;border-color:#dce5ed!important}
html[data-theme="light"] #viewRoot:has(.overview-charts),html[data-theme="light"] .parent-overview{--ink-900:#172235;--ink-700:#3f4a5c;--ink-500:#607188;--text:#172235;--muted:#607188;--border:#dce5ed;color:#172235!important}
html[data-theme="light"] #viewRoot :is(.oc-card,.po-panel,.po-stat,.po-child-card,.po-hero,.school-fleet-metric,.driver-last-metrics>div,.pd-summary>div,.card,.quick-action){background:#fff!important;border-color:#dce5ed!important;color:#172235!important}
html[data-theme="light"] #viewRoot :is(.overview-charts,.parent-overview,.driver-last-journey,.parent-duration-chart,.school-fleet-overview,.page-head,.card-header) :is(h1,h2,h3,h4,strong,.stat-value){color:#172235!important}
html[data-theme="light"] #viewRoot :is(.overview-charts,.parent-overview,.driver-last-journey,.parent-duration-chart) :is(p,small,.oc-label,.oc-legend,.driver-route-row span,.pd-note,.po-eyebrow){color:#607188!important}
html[data-theme="light"] .app-workspace .topbar :is(h2,.top-profile,.icon-button){color:#172235!important}html[data-theme="light"] .app-workspace .topbar select{background:white!important;color:#172235!important;border-color:#dce5ed!important}
html[data-theme="light"] #viewRoot:has(.overview-charts) :is(.btn-secondary,.quick-action,.input-wrap),html[data-theme="light"] .po-action{background:#edf3f8!important;color:#203b56!important;border-color:#d1deea!important}
html[data-theme="light"] #viewRoot:has(.overview-charts) .data-table td{color:#172235!important;border-color:#dce5ed!important}html[data-theme="light"] #viewRoot:has(.overview-charts) .data-table th{background:#edf3f8!important;color:#536c82!important}
@media(max-width:600px){.topbar-actions{gap:6px!important}.topbar-actions .theme-toggle{width:36px;height:40px;flex-basis:36px}.auth-panel>.theme-toggle{top:18px;inset-inline-start:18px}.topbar-actions .language-switcher select{max-width:98px}}
html[data-theme="light"] #viewRoot :is(.overview-charts,.parent-overview,.driver-last-journey,.parent-duration-chart) :is(span,small,p,li){color:#53677e!important}html[data-theme="light"] #viewRoot :is(.welcome-card,.welcome-banner,.hero-card,.card) p{color:#53677e!important}html[data-theme="light"] #viewRoot .oc-card button{color:#235a83!important}html[data-theme="light"] .topbar .icon-button{background:#fff!important;border:1px solid #dce5ed!important}html[data-theme="light"] #viewRoot .btn-primary,html[data-theme="light"] #viewRoot .btn-primary span{color:white!important}
html[data-theme="dark"] .messages-actions .btn{background:#243b55!important;color:#e4efff!important;border-color:#4a6380!important}