/* Shared overview theme. :has confines it to overview pages for every role. */
.app-workspace:has(.overview-charts){background:#0e1624;color:#edf2fc;min-height:100vh}
.app-workspace:has(.overview-charts) .topbar{background:#0e1522;border-color:#253047;color:#edf2fc}
.app-workspace:has(.overview-charts) .topbar :is(h2,.top-profile,.icon-button){color:#edf2fc}
.app-workspace:has(.overview-charts) .topbar select{background:#1b2940;color:#edf2fc;border-color:#354562}
#viewRoot:has(.overview-charts){--ink-900:#edf2fc;--ink-700:#c1cee0;--ink-500:#a4b3cc;--text:#edf2fc;--muted:#a4b3cc;--border:#2b3850;color:#edf2fc}
#viewRoot:has(.overview-charts) :is(.card,.school-fleet-metric,.quick-action){background:linear-gradient(145deg,#111a2a,#172235 55%,#20334c);border-color:#ffffff21;color:#edf2fc;box-shadow:0 6px 18px #00000014}
#viewRoot:has(.overview-charts) :is(.page-head,.card-header,.stat-card,.school-fleet-overview,.dashboard-layout) :is(h1,h2,h3,h4,strong,.stat-value){color:#f4f7ff}
#viewRoot:has(.overview-charts) :is(.card-header,.page-head) p,#viewRoot:has(.overview-charts) :is(.stat-label,.school-fleet-metric small,.school-fleet-summary,.school-fleet-pagination,.school-fleet-table td small,.quick-action span){color:#aebed5}
#viewRoot:has(.overview-charts) :is(.card-header,.card-body,.school-fleet-filters,.school-fleet-pagination,.notification-item){border-color:#ffffff16}
#viewRoot:has(.overview-charts) :is(.stat-icon,.icon-box){background:#ed2b381a;color:#ff8992}
#viewRoot:has(.overview-charts) .stat-trend{background:#ffffff0a;color:#b8c8df}
#viewRoot:has(.overview-charts) :is(.btn-secondary,.quick-action){color:#e6edf7;background:#ffffff08;border-color:#ffffff24}
#viewRoot:has(.overview-charts) :is(.btn-secondary,.quick-action):hover{background:#ffffff12;border-color:#ff8992}
#viewRoot:has(.overview-charts) .btn-primary{background:#ed2b38;border-color:#ed2b38;color:#fff}
#viewRoot:has(.overview-charts) :is(.link-button,.text-link){color:#ff9aa2}
#viewRoot:has(.overview-charts) :is(.school-fleet-filters input,.school-fleet-filters select,.input-wrap){background:#16263c;color:#edf2fc;border-color:#3c506d}
#viewRoot:has(.overview-charts) input::placeholder{color:#9eafc7}
#viewRoot:has(.overview-charts) .data-table{color:#dfe8f6;background:transparent}
#viewRoot:has(.overview-charts) .data-table th{background:#111c2f;color:#acbdd4;border-color:#304059}
#viewRoot:has(.overview-charts) .data-table td{border-color:#ffffff14;color:#dfe8f6}
#viewRoot:has(.overview-charts) .data-table tbody tr:hover{background:#24354d}
#viewRoot:has(.overview-charts) .data-table :is(strong,a){color:#edf2fc}
#viewRoot:has(.overview-charts) :is(.notification-title,.notification-item strong,.quick-action strong){color:#edf2fc}
#viewRoot:has(.overview-charts) :is(.notification-message,.notification-time,.empty-state,.empty-mini){color:#aebed5}
#viewRoot:has(.overview-charts) :is(button,input,select,a):focus-visible{outline:3px solid #ff8992;outline-offset:3px}
/* Map tiles and map popups retain their own readable light surfaces. */
#viewRoot:has(.overview-charts) .leaflet-container{--ink-900:#1b2433;--ink-700:#3f4a5c;--ink-500:#64748b;color:#1b2433}
#viewRoot:has(.overview-charts) .map-popup-card :is(strong,h3,h4){color:#1b2433}

/* Light icons need a dark button surface in the overview toolbar. */
.app-workspace:has(.overview-charts) .topbar .icon-button{background:#1b2940;border-color:#354562;color:#edf2fc}
.app-workspace:has(.overview-charts) .topbar .icon-button:hover{background:#293d59;border-color:#6685ad;color:#fff}
.app-workspace:has(.overview-charts) .topbar .icon-button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}

/* School summary cards use the same navy surface as driver/parent charts. */
#viewRoot:has(.school-fleet-overview){color-scheme:dark}
#viewRoot:has(.school-fleet-overview) :is(.school-fleet-metric,.school-summary-chart,.school-delay-settings){background:#112139;border:1px solid #263b57;color:#f1f6ff;box-shadow:0 8px 22px #0c1b3210}
#viewRoot:has(.school-fleet-overview) .school-fleet-metric:hover{background:#182d49;border-color:#65adff}
#viewRoot:has(.school-fleet-overview) :is(.school-fleet-metric,.school-summary-chart) strong{color:#fff}
#viewRoot:has(.school-fleet-overview) :is(.school-fleet-metric small,.school-summary-chart>span,.school-summary-chart strong small,.school-delay-settings small){color:#a8b8d0}
#viewRoot:has(.school-fleet-overview) .school-fleet-filters label{color:#c1cee0}
#viewRoot:has(.school-fleet-overview) .school-fleet-filters :is(input,select){background:#1b2940;color:#edf2fc;border-color:#354562}
#viewRoot:has(.school-fleet-overview) .school-fleet-filters input::placeholder{color:#9eafc7}