@font-face{font-family:InterFallback;src:local('Inter')}*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#182539;font:14px InterFallback,'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{transition:background .15s,border-color .15s}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #93b4ff;outline-offset:2px}input,select{min-width:0;max-width:100%;border:1px solid #dce2ec;border-radius:7px;background:#fff;color:#263650;padding:9px 10px}input::placeholder{color:#8995a6}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.7px;line-height:1.3}h2{font-size:15px;font-weight:650}h3{font-size:14px}.muted{color:#758197;line-height:1.6}.hint{font-size:12px;color:#7d899b;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.25px;color:#8995a7;font-weight:650}.rail{position:fixed;inset:0 auto 0 0;width:64px;background:#fff;border-right:1px solid #e2e7ef;display:flex;align-items:center;flex-direction:column;gap:14px;padding:21px 8px;z-index:1100}.brand-mark{font-size:22px;font-weight:800;text-decoration:none;color:#1d4ed8;letter-spacing:-2px;margin:0 0 28px}.brand-mark span{color:#81a5f5}.rail-btn{border:0;background:none;color:#8190a4;width:43px;height:43px;border-radius:10px;font-size:23px;line-height:1}.rail-btn.active{color:#2563eb;background:#edf3ff}.rail-btn:hover{background:#f1f5fb}.rail-bottom{margin-top:auto;border-radius:50%;background:#eef2f8;padding:10px;font-size:11px;font-weight:700;color:#7d8ba0}.app-shell{margin-left:64px}.topbar{height:75px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e0e6ef;background:#fff}.wordmark{font-size:23px;letter-spacing:-1px;font-weight:750;white-space:nowrap}.wordmark>span:first-child{color:#2563eb}.product-label{letter-spacing:1.1px;font-size:9px;color:#97a2b2;display:block;margin-top:4px;font-weight:650}.header-actions{display:flex;align-items:center;gap:12px}.header-actions>#clock{font-size:12px;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid #dbe2ed;border-radius:7px;background:white;color:#42506a;font-size:12px;font-weight:600;white-space:nowrap;min-height:36px}.button:hover{background:#f7f9fd;border-color:#becde6}.button.primary{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 3px #2563eb15}.button.primary:hover{background:#1d4ed8}.count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;font-size:10px;border-radius:5px;background:#edf1f7;color:#74839b;letter-spacing:0;vertical-align:middle}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e3e8f0;background:#fff;border-radius:7px;color:#77869c;font-size:20px}.icon-button:hover{background:#edf3ff;color:#2563eb}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 75px)}.fleet-panel{background:#fff;border-right:1px solid #e1e6ef;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 75px)}.panel-heading{padding:24px 20px 19px;display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin-top:8px;font-size:20px;letter-spacing:-.4px}.panel-heading h2 .count{margin-left:5px}.search-wrap{display:flex;align-items:center;margin:0 18px 14px;border:1px solid #e2e7f0;border-radius:7px;background:#f8fafd;gap:7px;padding:0 9px}.search-wrap span{font-size:24px;color:#99a5b7}.search-wrap input{border:0;background:none;width:100%;padding:11px 0;font-size:12px;outline-offset:0}.source-tabs{display:flex;gap:4px;padding:0 15px 15px}.source-tabs button{flex:1;padding:8px 4px;border:0;border-radius:6px;background:white;color:#8b97a8;font-size:11px;font-weight:650}.source-tabs button.active{background:#edf3ff;color:#2563eb}.source-tabs b{font-size:9px;font-weight:500}.filters{padding:0 18px;display:flex;gap:7px}.filters select{width:50%;padding:8px 5px;font-size:11px;color:#69778e}.list-note{padding:13px 20px;font-size:10px;line-height:1.6;color:#98a2b3}.vehicle-list{overflow:auto;flex:1;padding:0 10px 12px}.vehicle-item{display:block;text-align:left;width:100%;border:1px solid transparent;background:white;border-radius:8px;padding:13px 10px;margin-bottom:4px}.vehicle-item:hover{background:#f7f9fd}.vehicle-item.selected{background:#edf3ff;border-color:#d7e5ff;box-shadow:inset 3px 0 #2563eb}.vehicle-item-top{display:flex;align-items:center;gap:8px;justify-content:space-between}.vehicle-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;min-width:0}.vehicle-item small{display:block;color:#92a0b1;font-size:10px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#b9c4d2;flex-shrink:0}.status-dot.online{background:#22b785;box-shadow:0 0 0 3px #22b78510}.status-dot.offline{background:#b4bbc6}.status-dot.error{background:#ed7676}.list-footer{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding:13px 18px;color:#a0aabb;font-size:10px}.empty-list{text-align:center;padding:38px 15px;color:#8997ad;font-size:12px;line-height:1.8}main{padding:23px 25px 12px;min-width:0}.vehicle-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;min-height:88px}.breadcrumb{font-size:11px;color:#9aa5b6;margin-bottom:9px}.breadcrumb>span:first-child{padding:0 8px;color:#c4ccd8}.vehicle-heading p{font-size:11px;margin-top:6px}.vehicle-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.device-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:19px}.device-card{background:white;border:1px solid #e1e7f0;border-radius:10px;padding:15px 16px;min-width:0;position:relative}.device-card .card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.source-name{font-size:10px;font-weight:750;letter-spacing:.8px;color:#64748b}.source-name:before{content:'';display:inline-block;width:6px;height:6px;border-radius:2px;background:#2563eb;margin-right:7px}.source-name.howen:before{background:#8860d0}.source-name.bsj:before{background:#08a6a8}.device-name{font-size:14px;letter-spacing:-.15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.device-meta{font-size:10px;color:#95a0b1;line-height:1.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:5px;padding:3px 6px;font-size:9px;white-space:nowrap;display:inline-block;background:#f1f4f8;color:#8a96a8}.status-badge.online{color:#219469;background:#eaf9f2}.status-badge.offline{background:#f0f2f6;color:#8892a2}.status-badge.error{background:#fff0ef;color:#d97069}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:17px;margin-bottom:17px}.surface{background:#fff;border:1px solid #e0e6ef;border-radius:10px;overflow:hidden;box-shadow:0 2px 3px #18253902}.section-bar{height:53px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:12px}.section-bar h2{font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.section-icon{font-size:18px;color:#8c9db4}.inline{display:flex;align-items:center;gap:9px}.spread{justify-content:space-between}.source-pill{font-size:9px;font-weight:650;display:inline-block;padding:4px 7px;border-radius:5px;background:#edf3ff;color:#437bdc}.source-pill.howen{background:#f2edfb;color:#8860d0}.source-pill.bsj{background:#e9f8f8;color:#089d9d}.map-container{height:286px;position:relative;background:#f1f4f7;isolation:isolate}#map{height:100%;width:100%;z-index:1}.map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:500;background:#f4f7fae8;color:#8391a6;font-size:12px;text-align:center;padding:25px;pointer-events:none}.map-empty[hidden]{display:none}.map-readout{position:absolute;bottom:12px;left:12px;z-index:550;padding:8px 11px;background:#ffffffed;border:1px solid #e0e6ed;border-radius:6px;font-size:10px;color:#67758a;box-shadow:0 1px 6px #00000009}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 17px;min-height:71px;gap:10px}.telemetry small{font-size:9px;color:#93a0b3;display:block;margin-bottom:6px}.telemetry strong{font-size:13px;font-weight:650}.telemetry strong span{font-size:10px;color:#96a2b3;font-weight:400}.video-tabs{display:flex;padding:0 17px;border-bottom:1px solid #edf0f5;gap:25px}.video-tabs button{border:0;border-bottom:2px solid transparent;background:white;padding:12px 4px;color:#99a4b5;font-size:11px;font-weight:650}.video-tabs button.active{border-bottom-color:#2563eb;color:#2563eb}.video-controls{display:flex;gap:8px;padding:12px 17px}.video-controls select{font-size:10px;padding:7px;flex:1;width:50%}.video-stage{margin:0 17px;min-height:167px;background:#f7f9fc;border:1px dashed #dfe5ee;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px;text-align:center}.camera-symbol{font-size:30px;color:#aebdd2;margin-bottom:8px}.video-stage h3{color:#66758d;font-size:12px}.video-stage p{font-size:10px;line-height:1.6;max-width:300px;color:#97a3b5;margin:7px 0 10px}.archive-panel{padding:15px 17px}.archive-panel h3{font-size:11px}.subtle-label{font-size:9px;color:#a5aebd;letter-spacing:.3px}.archive-controls{display:flex;gap:8px;margin:10px 0 6px}.archive-controls input{flex:1;width:0;font-size:10px}.archive-controls button{font-size:10px}.archive-panel .hint{font-size:10px}.timeline-panel{margin-bottom:17px}.route-controls{display:flex;align-items:flex-end;padding:14px 17px;gap:10px;flex-wrap:wrap}.route-controls label{font-size:9px;display:flex;flex-direction:column;gap:5px;color:#8b99ad}.route-controls input{font-size:10px;padding:8px}.route-controls .button{font-size:10px;min-height:32px}.route-controls>.hint{margin-left:auto;font-size:9px;align-self:center}.timeline-body{padding:0 18px 14px}.timeline-row{display:flex;align-items:center;gap:15px;margin:10px 0}.source-label{font-size:9px;font-weight:700;min-width:48px;color:#7a8aa1}.source-label.gps{color:#447cdb}.source-label.howen{color:#8860d0}.source-label.bsj{color:#089d9d}.lane{position:relative;flex:1;height:22px;background:repeating-linear-gradient(to right,#f5f7fa 0,#f5f7fa calc(25% - 1px),#e8edf4 25%);border-radius:4px;overflow:hidden}.lane-placeholder{font-size:9px;line-height:22px;color:#a4aebd;margin-left:12px}.timeline-point{position:absolute;top:5px;width:10px;height:12px;background:#6c9cf6;border:1px solid #fff;border-radius:3px;transform:translateX(-50%);cursor:pointer}.timeline-point.selected{background:#174ac4;top:2px;height:18px}.timeline-labels{display:flex;justify-content:space-between;padding-left:63px;color:#a0acbd;font-size:9px}#timeline-seek{width:calc(100% - 63px);margin:5px 0 9px 63px;padding:0;accent-color:#2563eb;height:13px}.events-panel select{font-size:10px;padding:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:9px;letter-spacing:.6px;color:#9aa7ba;text-align:left;background:#fbfcfe;padding:13px 18px;border-bottom:1px solid #edf0f5;font-weight:600;white-space:nowrap}td{padding:12px 18px;font-size:11px;color:#7b8ba3}.empty-table{padding:16px;text-align:center;display:flex;flex-direction:column;gap:7px}.empty-table strong{font-size:11px;color:#8492a7;font-weight:500}.empty-table span{font-size:10px;color:#a3adbc}.workspace-footer{display:flex;justify-content:space-between;font-size:9px;color:#a9b2c0;padding:17px 1px 4px;gap:12px}.notice{border-radius:7px;border:1px solid #f1dfa9;background:#fffbef;color:#9a7932;padding:12px;font-size:12px;margin-bottom:15px}dialog{border:1px solid #dce4f0;border-radius:14px;padding:0;width:540px;max-width:calc(100vw - 32px);max-height:90vh;box-shadow:0 25px 100px #10213d35;color:#23344f}dialog::backdrop{background:#1b2c495c;backdrop-filter:blur(3px)}.dialog-form{padding:26px;display:flex;flex-direction:column;gap:17px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:20px;letter-spacing:-.4px;margin-top:4px}.dialog-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#71829b}.dialog-form p{font-size:12px}.dialog-form>form{display:flex;flex-direction:column;gap:16px;padding-top:10px;border-top:1px solid #edf0f5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label:first-child:last-child{grid-column:1/-1}.form-error{color:#cc605a;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.form-error:empty{display:none}.check-label{flex-direction:row!important;align-items:center;line-height:1.6}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f5}.connection-row strong{font-size:12px;display:block;margin-bottom:4px}.connection-row small{display:block;color:#99a4b6;font-size:10px}.bound-row{padding:13px 0;border-bottom:1px solid #e9eef5;display:flex;justify-content:space-between;gap:10px;align-items:center}.bound-row strong{display:block;font-size:12px;margin:7px 0}.bound-row small{font-size:10px;color:#95a0b0;display:block;line-height:1.8}.bound-row .row-actions{display:flex;gap:5px}.bound-row .button{padding:6px;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#21334f;color:#fff;box-shadow:0 8px 25px #18253920;border-radius:9px;padding:13px 20px;font-size:12px;z-index:5000;max-width:80vw}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:8px!important}.leaflet-popup-content{font-size:11px;line-height:1.7}.source-marker{background:#2563eb;border:3px solid white;border-radius:50%;box-shadow:0 2px 10px #2563eb66}.source-marker.howen{background:#8860d0}.source-marker.bsj{background:#08a6a8}.telemetry-more{grid-column:1/-1;margin-top:3px;font-size:10px;color:#92a0b5;overflow-wrap:anywhere}.device-extra{font-size:9px;color:#8b97aa;margin-top:5px}.busy{pointer-events:none;opacity:.65}[hidden]{display:none!important}@media(min-width:1600px){.layout{grid-template-columns:320px minmax(0,1fr)}main{padding:28px 35px}.map-container{height:360px}.video-stage{min-height:241px}.device-card{padding:19px}.vehicle-heading{margin-bottom:25px}}@media(max-width:1200px){.layout{grid-template-columns:250px minmax(0,1fr)}main{padding:18px}.workspace-grid{grid-template-columns:1fr}.map-container{height:320px}.device-card{padding:12px 10px}.device-card .card-top{flex-wrap:wrap}.device-name{font-size:12px}.header-actions>#clock{display:none}.video-stage{min-height:200px}.device-cards{gap:8px}.vehicle-heading{align-items:flex-start}.vehicle-actions{max-width:150px}.vehicle-heading h1{font-size:23px}}@media(max-width:850px){.rail{width:52px;padding:20px 4px}.rail-btn{width:39px}.app-shell{margin-left:52px}.topbar{padding:0 16px;height:68px}.wordmark{font-size:21px}.product-label{font-size:8px}.layout{grid-template-columns:215px minmax(0,1fr)}.fleet-panel{height:calc(100vh - 68px)}.panel-heading{padding:20px 14px}.filters{padding:0 12px;flex-direction:column}.filters select{width:100%}.search-wrap{margin:0 12px 12px}.source-tabs{padding:0 8px 12px;gap:0}.source-tabs button{font-size:10px}.source-tabs b{display:none}.list-note{padding:12px 14px}.list-footer{padding:12px;font-size:9px}.device-cards{grid-template-columns:1fr}.device-card{padding:11px 13px}.device-card .card-top{margin-bottom:6px}.device-meta{display:inline;margin-right:8px}.device-name{font-size:13px}.vehicle-heading{flex-direction:column;gap:12px}.vehicle-actions{max-width:none;justify-content:flex-start}.workspace-footer{flex-direction:column}.header-actions{gap:6px}.header-actions .button{font-size:10px;padding:8px}.section-bar{padding:0 12px}.subtle-label{font-size:8px}.route-controls{padding:12px}.route-controls>.hint{margin-left:0}.map-container{height:290px}#selected-time{font-size:10px}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.layout{grid-template-columns:1fr}.fleet-panel{position:relative;height:auto;border-bottom:1px solid #dce4f0}.vehicle-list{max-height:200px}.panel-heading{padding:14px}.filters{flex-direction:row}.filters select{width:50%}.source-tabs{padding-bottom:8px}.list-note{padding:6px 14px}.list-footer{padding:8px 14px}.topbar{padding:0 10px;gap:8px}.header-actions .count{display:none}.product-label{display:none}.wordmark{font-size:19px}.header-actions .button{font-size:9px;padding:6px}.device-cards{grid-template-columns:1fr}.section-bar h2{font-size:11px}.section-bar .inline{gap:4px}.events-panel select{max-width:105px}.route-controls input{max-width:155px}.archive-controls{flex-wrap:wrap}.archive-controls input{width:100%;flex:auto}.video-controls{flex-direction:column}.video-controls select{width:100%}main{padding:14px}.breadcrumb{margin-top:0}.toast{width:85vw;max-width:85vw}.dialog-form{padding:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.portal-link{font-size:10px;color:#467cd7;text-decoration:none;margin-top:10px}.portal-link:hover{text-decoration:underline}
.filters{flex-wrap:wrap}.filters>select{flex:1;min-width:85px}.filters>#status-source{flex-basis:100%}
.live-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 17px 10px}.live-actions .button{font-size:10px;padding:7px 9px;min-height:31px}.live-actions select{font-size:10px;flex:1;padding:6px;min-width:110px}.live-summary{padding:0 17px 9px;font-size:10px}.video-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:0 17px}.video-grid.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.live-cell{background:#111827;border:1px solid #28354a;border-radius:7px;overflow:hidden;min-width:0}.live-cell-head{height:29px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;color:#bdc9db;font-size:10px}.live-cell-head strong{font-weight:500}.live-fullscreen{border:0;background:transparent;color:#acbcd3;font-size:19px;cursor:pointer}.live-picture{position:relative;width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080f1c}.live-picture canvas,.live-picture video{max-width:100%;max-height:100%;object-fit:contain;display:block}.live-picture video{width:100%;height:100%}.live-cell-status{min-height:25px;color:#8c9db8;font-size:9px;line-height:1.5;padding:5px 8px}.live-cell[data-state=playing] .live-cell-status{color:#5fdbab}.live-cell[data-state=error] .live-cell-status{color:#f7a4a4}.live-cell:fullscreen{display:flex;flex-direction:column}.live-cell:fullscreen .live-picture{flex:1;aspect-ratio:auto}.live-cell:fullscreen video,.live-cell:fullscreen canvas{max-height:90vh;max-width:100%}@media(max-width:600px){.video-grid.multi{grid-template-columns:1fr}}
.video-source-note{padding:10px 17px 0;font-size:10px;color:#9b7c3a}.live-cell-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-grid.multi .live-cell-head{font-size:9px}
.live-grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 17px 10px;color:#8b99ae;font-size:10px}.live-grid-toolbar .button{font-size:10px;min-height:27px;padding:4px 7px}.video-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-window .live-picture{color:#57667c;font-size:10px;background:#101a2a}.empty-window{border-color:#e0e5ed;background:#f4f7fb}.empty-window .live-cell-head{color:#8a9bb0}.empty-window .live-cell-status{color:#8c99ac;font-size:8px}.video-grid.six:fullscreen{background:#090f1b;padding:16px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}.video-grid.six:fullscreen .live-cell{display:flex;flex-direction:column}.video-grid.six:fullscreen .live-picture{flex:1;aspect-ratio:auto}.video-grid.six:fullscreen .live-picture video,.video-grid.six:fullscreen .live-picture canvas{width:100%;height:100%;object-fit:contain}@media(max-width:600px){.live-grid-toolbar{flex-wrap:wrap}.video-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.live-cell-head{padding:0 5px}}
.live-overlay-head{position:fixed;inset:0 0 auto;height:49px;background:#111b2b;color:#c6d3e6;z-index:6002;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:13px}.live-overlay-head .button{background:#213149;color:#c6d3e6;border-color:#364a66}.video-grid.six.expanded{position:fixed;inset:49px 0 0;z-index:6001;background:#090f1b;padding:12px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.video-grid.six.expanded .live-cell{display:flex;flex-direction:column}.video-grid.six.expanded .live-picture{flex:1;aspect-ratio:auto}.video-grid.six.expanded .live-picture video,.video-grid.six.expanded .live-picture canvas{width:100%;height:100%;object-fit:contain}.video-grid.six.expanded .live-cell-head{font-size:12px}.video-grid.six.expanded .live-cell-status{font-size:10px}@media(max-width:800px){.video-grid.six.expanded{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}

.telemetry{display:block;max-height:340px;overflow:auto}.sensor-source{padding:10px 12px;border-bottom:1px solid #e1e8f0}.sensor-source>summary{font-weight:650;cursor:pointer}.sensor-source small{display:block;color:#6b7b90;margin:7px 0}.sensor-source details{margin-top:8px}.sensor-row{display:flex;gap:12px;justify-content:space-between;padding:4px 0;font-size:12px;border-bottom:1px solid #edf0f5}.sensor-row b{font-weight:500;max-width:65%;overflow-wrap:anywhere}.route-controls{flex-wrap:wrap}#gps-object{max-width:270px}.archive-controls{flex-wrap:wrap}.live-cell[data-mode="archive"] .live-cell-head{background:#eef2ff}

.telemetry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-height:360px}.sensor-source{min-width:0;padding:10px 8px;border-right:1px solid #e1e8f0}.sensor-source>summary{font-size:12px}.sensor-source small{font-size:10px;line-height:1.5}.sensor-row{font-size:11px;gap:6px}.sensor-row span{overflow-wrap:anywhere}.sensor-source details>summary{font-size:11px;cursor:pointer}@media(max-width:700px){.telemetry{grid-template-columns:1fr;max-height:450px}}

.fleet-dashboard{margin-bottom:24px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.dashboard-heading h2{font-size:20px;margin:4px 0 0}.dashboard-heading .muted{font-size:11px}.dashboard-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fleet-counter{text-align:left;min-width:0;background:#fff;border:1px solid #dce2ec;border-top:3px solid var(--status-color,#2563eb);border-radius:9px;padding:12px;color:#182539}.fleet-counter:hover{background:#f8faff;border-color:#9bb8ee}.fleet-counter.selected{box-shadow:0 0 0 2px #c9d9fb;border-color:#739de7}.fleet-counter-top{display:flex;align-items:flex-start;gap:6px;justify-content:space-between;min-height:32px;font-size:11px;font-weight:600;line-height:1.45}.fleet-counter-top i{font-style:normal;color:var(--status-color,#2563eb);font-size:16px}.fleet-counter strong{display:block;font-size:29px;line-height:1.5;font-weight:700;font-variant-numeric:tabular-nums}.fleet-counter small{display:block;min-height:26px;color:#7b899e;font-size:9px;line-height:1.5}.moving{--status-color:#15906a}.standing_on{--status-color:#ce8b13}.standing_off{--status-color:#3976d5}.offline{--status-color:#7c8798}.unknown,.standing_unknown{--status-color:#a17b42}.dashboard-details>summary{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.dashboard-details>summary:before{content:'▸';margin-right:8px;color:#7c8ca2}.dashboard-details[open]>summary:before{content:'▾'}.dashboard-details>summary>span:first-child{flex:1}.dashboard-table-wrap{max-height:340px;overflow:auto;border-top:1px solid #e6ebf3}.dashboard-table{border-collapse:collapse;width:100%;font-size:11px}.dashboard-table th{position:sticky;top:0;background:#f7f9fc;text-align:left;white-space:nowrap;padding:12px;color:#7a879c;font-size:10px;font-weight:600;z-index:1}.dashboard-table td{padding:11px 12px;border-top:1px solid #ecf0f5;vertical-align:top}.dashboard-table td small{display:block;max-width:220px;line-height:1.5;color:#8894a5;font-size:9px;margin-top:4px}.fleet-vehicle-link{border:0;background:none;padding:0;text-align:left;color:#245bb9;font-weight:650}.operation-badge{display:inline-block;border:1px solid color-mix(in srgb,var(--status-color,#8996a6) 30%,white);background:color-mix(in srgb,var(--status-color,#8996a6) 8%,white);color:var(--status-color,#68788b);padding:4px 8px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.operation-list-label{display:block;color:var(--status-color,#7c8798);font-size:10px;line-height:1.5;margin:4px 0}.operation-detail{margin-left:8px;font-size:10px}.dashboard-rules{padding:10px 16px;margin:0;color:#8390a4;font-size:10px;line-height:1.6}.dashboard-empty{text-align:center;color:#8b98aa}.fleet-dashboard>.hint{font-size:10px;line-height:1.7;margin:10px 0}.dashboard-table tr:hover{background:#f8faff}@media(max-width:1200px){.dashboard-counts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.dashboard-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-table{min-width:740px}.operation-detail{display:block;margin:5px 0}.fleet-counter{padding:10px}}