.school-monitor{background:#111f30;border:1px solid #304055;border-radius:18px;padding:20px;margin-bottom:24px;color:#eef5ff}.school-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.school-monitor-head small{color:#83b4d5;letter-spacing:.16em;font-size:10px}.school-monitor-head h3{font-size:25px;margin:6px 0}.school-monitor-head p{margin:0;color:#a7bacd;font-size:13px}.school-monitor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.school-monitor-map-wrap{position:relative;min-width:0;border-radius:12px;overflow:hidden;background:#192a3d}[data-school-monitor-map]{height:640px;width:100%;z-index:0}[data-school-monitor-map] .leaflet-tile-pane{filter:brightness(.62) saturate(.55)}.school-monitor-map-caption{padding:12px 16px;font-size:13px;background:#14263b}.school-monitor-map-caption span{display:block;font-size:11px;color:#9fb3c8;margin-top:5px}.school-monitor-panel{min-width:0;background:#182a3e;border:1px solid #34465b;border-radius:12px;padding:14px}.school-monitor-panel>header{display:flex;justify-content:space-between;align-items:center}.school-monitor-panel h4{margin:4px 0 16px;font-size:15px;color:#eef5ff}.school-monitor-routes{max-height:440px;overflow:auto}.school-monitor-route{width:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:14px 4px;border:0;border-bottom:1px solid #334457;background:none;color:#eef5ff;cursor:pointer}.school-monitor-route>img{width:54px;height:40px;object-fit:contain}.school-monitor-route>span{min-width:0;flex:1;border-bottom:3px solid var(--route-color);padding-bottom:9px}.school-monitor-route strong,.school-monitor-route small,.school-monitor-route em{display:block;overflow-wrap:anywhere}.school-monitor-route strong{font-size:13px}.school-monitor-route small{font-size:11px;color:#b9c8d9;margin:5px 0}.school-monitor-route em{font-size:11px;font-style:normal;color:var(--route-color)}.school-monitor-route>.icon{color:var(--route-color);width:20px}.school-monitor-route:hover{background:#223952}.school-monitor-alerts{margin-top:18px;border-top:1px solid #34465b;padding-top:16px}.school-monitor-alerts h4{display:flex;align-items:center;gap:8px}.school-monitor-alerts .icon{color:#ffcb62;width:20px}.school-monitor-alerts button{background:none;border:0;color:#ffcf86;padding:8px 0;display:block;text-align:start;width:100%;cursor:pointer}.school-monitor-alerts small{display:block;color:#b9c8d9}.school-monitor-alerts p{font-size:12px;color:#b9c8d9}.fleet-bus-marker img{width:82px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 2px #0008)}.fleet-bus-marker span{display:block;background:#14263b;border:2px solid var(--route-color);border-radius:6px;color:white;padding:3px 6px;font-size:10px;text-align:center;white-space:nowrap;width:max-content;max-width:145px;overflow:hidden;text-overflow:ellipsis;margin:auto}.fleet-bus-marker .is-offline img{opacity:.6}.school-monitor button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:1000px){.school-monitor-layout{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:700px){.school-monitor{padding:12px}.school-monitor-layout{grid-template-columns:1fr}.school-monitor-head{align-items:flex-start}.school-monitor-head h3{font-size:21px}.school-monitor-head .btn{font-size:11px}[data-school-monitor-map]{height:420px}.school-monitor-routes{max-height:280px}.school-monitor-map-caption{font-size:12px}}