/* Premium fleet / Volna — measured layout, no compressed card contents */
#app:not(.vehicle-page){min-height:850px;height:calc(100vh - 108px)}
.workspace{grid-template-columns:minmax(290px,24%) minmax(320px,1fr) minmax(330px,28%);min-height:590px}
.fleet-list{overflow-y:auto;display:flex;gap:12px;padding:12px;justify-content:flex-start}
.vehicle-card{flex:0 0 auto!important;min-height:178px!important;display:grid!important;grid-template-rows:1fr 36px!important;padding:12px!important;gap:10px!important}
.vehicle-card.active:after{display:none}.vehicle-select{display:grid!important;grid-template-rows:60px auto 20px;gap:8px!important;align-content:start;min-height:0}
.vehicle-top{min-height:60px!important;display:flex;gap:12px}.vehicle-thumb{width:110px!important;height:65px!important;flex-shrink:0}.vehicle-top>div{min-width:0}.vehicle-card h3{font-size:20px;white-space:nowrap}.battery-row,.vehicle-bottom{margin:0!important}.card-open{margin:0!important;position:static!important;min-height:36px!important}.last-active{font-size:10px}
.selected-panel{overflow:visible}.selected-visual{flex:1;min-height:150px;height:auto;max-height:260px}.selected-visual img{width:100%;height:100%;object-fit:contain}.selected-body{flex:none;min-height:335px;gap:8px}.selected-body .primary{margin-top:12px;flex-shrink:0}.system-row{min-height:23px}.map-tiles{filter:invert(.82) hue-rotate(178deg) saturate(.4) brightness(1.3) contrast(.92)!important}.map-overlay{opacity:.04}.map-marker.active{filter:none}.bar i{transition:width .6s ease}.vehicle-card,.selected-panel{transition:background .25s,border-color .25s}.selected-body{animation:panelIn .25s ease}@keyframes panelIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
#app.vehicle-page{gap:9px;min-height:700px}.v-heading{padding:2px 0}.v-title h1{font-size:28px}.v-alert-strip{padding:5px 10px}.v-stage-head{padding:10px 16px}.v-stage-head h2{font-size:18px}.v-overview{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;min-height:480px}.v-overview .v-stage-panel{min-width:0}.v-overview.with-drawer{grid-template-columns:1fr;margin-right:440px}.v-overview.with-drawer .v-overview-side{display:none}.v-overview-side{overflow:auto;scrollbar-width:thin}.v-overview-side .v-essential-grid{grid-template-columns:repeat(2,1fr);gap:7px}.v-overview-side .v-metric{padding:11px}.v-overview-side .v-metric strong{font-size:28px}.v-overview-side .v-metric>span{font-size:12px}.v-system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.v-system-grid button{display:flex;gap:7px;align-items:center;text-align:left;min-height:42px;padding:7px;font-size:12px}.v-system-grid .v-dot{width:7px;height:7px}.v-context{margin-top:12px}.v-context .v-card{padding:12px}.v-context .v-chart{height:85px}.v-context .v-chart-time{font-size:10px}.v-drawer{width:426px}.model-hotspot{width:30px;min-width:30px;height:30px;min-height:30px;border-radius:50%;padding:0;justify-content:center;background:#12374ae6;box-shadow:0 2px 5px #0004}.model-hotspot i{width:8px;height:8px}.model-hotspot span{display:none;position:absolute;left:35px;white-space:nowrap;padding:6px 9px;background:#0c263b;border:1px solid #55859c;border-radius:5px;font-size:12px;pointer-events:none}.model-hotspot:hover,.model-hotspot:focus-visible{z-index:6}.model-hotspot:hover span,.model-hotspot:focus-visible span{display:block}.model-hotspot.active{background:#2c7d94}.v-model-help{font-size:11px}.v-component-bar{padding:6px}.v-overview-side h3{font-size:13px;color:#b8d4e5}.v-readonly{white-space:nowrap}
@media(min-width:2200px){.v-overview{grid-template-columns:minmax(0,1fr) 370px}.v-overview.with-drawer{grid-template-columns:1fr;margin-right:500px}.v-drawer{width:486px}.vehicle-card{min-height:210px!important}.vehicle-top{min-height:75px!important}.vehicle-select{grid-template-rows:75px auto 22px}.vehicle-thumb{width:140px!important;height:80px!important}.vehicle-card h3{font-size:24px}}
@media(max-width:1400px){#app:not(.vehicle-page){min-height:790px;height:auto}.workspace{grid-template-columns:290px minmax(290px,1fr) 320px;min-height:590px}.kpi span{font-size:12px}.kpi strong{font-size:30px}.kpi small{display:none}.selected-body{padding:0 12px 12px;min-height:335px}.selected-title h2{font-size:23px}.analytics{height:150px}.v-overview{grid-template-columns:minmax(0,1fr) 270px}.v-overview.with-drawer{margin-right:365px;grid-template-columns:1fr}.v-drawer{width:353px}.v-tabs .v-button{padding:8px 9px;font-size:12px}.v-overview-side .v-metric strong{font-size:23px}.v-id{font-size:11px;gap:10px}.v-title>span:first-child{display:none}.header-status{font-size:10px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(250px,1fr) 2fr}.selected-panel{grid-column:1/-1;display:flex}.selected-visual{height:200px}.fleet-list{max-height:650px}.v-overview{grid-template-columns:1fr}.v-overview-side{display:none}.v-overview.with-drawer{margin-right:0}.v-drawer{width:min(85vw,426px)}.v-id{flex-wrap:wrap}.v-switch{display:block}.v-switch label,.v-readonly{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.workspace{grid-template-rows:minmax(0,1fr)}.workspace>.panel{min-height:0}.selected-body{gap:0;min-height:0}.selected-visual{min-height:130px}.selected-panel{overflow:hidden}

.fleet-list{scrollbar-width:thin;scrollbar-color:#55788d transparent;scroll-snap-type:y proximity}.vehicle-card{min-height:164px!important;height:164px;grid-template-rows:minmax(0,1fr) 32px!important;padding:10px!important;gap:7px!important;scroll-snap-align:start}.vehicle-select{grid-template-rows:50px 24px 16px;gap:5px!important}.vehicle-top{min-height:50px!important}.vehicle-thumb{height:54px!important}.card-open{min-height:32px!important}.vehicle-bottom{font-size:11px}.map-marker.volna .pin-label{position:relative;left:-44px}.map-marker:not(.volna) .pin-label{position:relative;left:20px}
@media(min-width:2200px){.vehicle-card{height:210px;min-height:210px!important;grid-template-rows:minmax(0,1fr) 36px!important;padding:15px!important}.vehicle-select{grid-template-rows:75px 28px 20px;gap:8px!important}.vehicle-top{min-height:75px!important}.vehicle-thumb{height:80px!important}}
@media(max-width:1400px){.workspace{min-height:640px}}

/* World Imagery: preserve actual imagery colours */
.map-tiles{filter:none!important}.map-overlay,.map-grid{display:none}.map-credit{max-width:calc(100% - 16px);white-space:normal;text-align:right;padding:3px 6px;background:#0b1d30d9;font-size:10px!important}