/* Retain the original HUD palette and panel treatment; arrange supported capabilities. */
.live-right>.live-track{order:0}.live-right>.live-video{order:1}.live-right>.live-commands{order:2}
.live-shell .header-action{white-space:nowrap;flex-shrink:0}.live-shell .header-title{text-align:center}
.live-shell{display:flex;flex-direction:column}.live-shell .top-header{grid-template-columns:minmax(245px,1fr) auto minmax(300px,1fr);flex:0 0 68px;height:68px;padding:0 18px}.live-shell .header-title{font-size:25px;letter-spacing:3px}.live-shell .header-right{gap:8px}.live-shell .header-left{gap:12px}.live-shell .clock-block{min-width:115px;padding-right:12px}.live-shell .header-action{padding:0 7px}.live-shell .weather{font-size:11px}.live-shell .weather-icon{font-size:22px}.live-user{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9abfd2;font-size:11px}.live-demo{font-size:10px;color:#f7bd2b;white-space:nowrap}.live-filter{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;flex:0 0 52px;min-width:0}.live-section-label{color:#5de87c;letter-spacing:2px;font-size:12px;white-space:nowrap}.live-section-label:before{content:'●';font-size:8px;margin-right:8px}.live-update{margin-left:auto;font-size:11px;color:#7dacc4;text-align:right}.live-filter input{width:210px}.live-filter select{max-width:190px}
.live-shell button,.live-login button,.live-dialog button{cursor:pointer}.live-shell button:disabled,.live-dialog button:disabled{opacity:.4;cursor:not-allowed}.live-shell button:focus-visible,.live-shell input:focus-visible,.live-shell select:focus-visible,.live-dialog :focus-visible,.live-login :focus-visible{outline:2px solid #5de87c;outline-offset:2px}.live-shell input,.live-shell select,.live-dialog input,.live-dialog select,.live-dialog textarea,.live-login input{border:1px solid #16516b;border-radius:3px;background:#061e2e;color:#cce7f5;padding:7px 9px;min-width:0;color-scheme:dark}.live-controls button,.live-filter button,.panel-extra button,.live-dialog button,.live-map-toolbar button,.live-map-message button{border:1px solid #196486;background:#072d43;border-radius:3px;padding:5px 10px;color:#b6e9ff}.live-controls button:hover,.live-filter button:hover,.panel-extra button:hover{background:#0b4867}.live-primary{border:1px solid #23baf8;border-radius:3px;padding:11px;background:linear-gradient(100deg,#09679a,#0a4265);color:white;font-weight:600}.live-primary:disabled{opacity:.5}
.live-grid{display:grid;grid-template-columns:290px minmax(300px,1fr) 330px;gap:10px;padding:0 12px 12px;min-height:0;flex:1;position:relative;z-index:1}.live-left,.live-middle,.live-right{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.live-grid .hud-panel{min-height:0;flex-shrink:0}.live-grid .panel-header{height:34px}.live-grid .panel-body{height:calc(100% - 34px);padding:10px}.live-grid .panel-title{font-size:13px}.live-grid .panel-extra{font-size:10px}.live-grid .panel-en{font-size:8px;letter-spacing:.6px}.live-overview{height:170px}.live-overview .overview-grid{height:100%}.live-overview .metric-value{font-size:23px}.live-overview .metric-label{font-size:11px}.live-grid .live-fleet{flex:1;min-height:100px}.live-scroll{overflow:auto;min-height:0;height:100%;scrollbar-width:thin;scrollbar-color:#16516b transparent}.live-empty{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:80px;height:100%;padding:18px;text-align:center;color:#759caf;font-size:12px;line-height:1.7}.live-error{color:#ffb289;font-size:12px;line-height:1.6;padding:8px;margin:0;overflow-wrap:anywhere}.live-device{width:100%;display:flex;align-items:center;gap:9px;position:relative;min-height:86px;text-align:left;border:0;border-bottom:1px solid #11405a;padding:11px 7px;background:transparent;color:#b8d8e8}.live-device:hover{background:#07283a}.live-device.selected{background:linear-gradient(90deg,#0d3b50,#071d2b);box-shadow:inset 2px 0 #25c4ff}.live-device img{width:32px;height:38px;object-fit:contain}.live-device>div{min-width:0;flex:1}.live-device strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;padding-right:50px}.live-device small{display:block;color:#648fa8;font-size:10px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-device span{font-size:10px;line-height:1.8}.live-device em{position:absolute;right:7px;top:12px;font-size:9px;font-style:normal;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-online{color:#5de87c}.live-offline{color:#ed976e}
.live-controls{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.live-controls>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.live-controls input,.live-controls select{max-width:100%;font-size:11px;padding:5px}.live-controls button{font-size:11px}.live-track{height:145px}.live-track-summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-top:14px;color:#82aabf;font-size:10px}.live-track-summary b{font-size:23px;color:#5de87c}.live-track-summary small{font-size:11px}.live-track .live-empty{min-height:45px;padding:8px}
.live-grid .live-map{flex:1;min-height:260px;display:flex;flex-direction:column}.live-map .panel-header{flex:0 0 34px}.live-map-viewport{position:relative;min-height:0;flex:1;overflow:hidden;background:#061724}.live-map-base,.live-three,.live-map-labels,.live-track-lines{position:absolute;inset:0;width:100%;height:100%}.live-three,.live-map-labels,.live-track-lines{pointer-events:none}.live-track-lines{z-index:2}.live-three{z-index:3}.live-map-labels{z-index:4}.live-map-unit{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:#d3f2ff;pointer-events:auto;display:flex;flex-direction:column;align-items:center;padding:0;max-width:160px}.live-map-unit img{width:52px;height:52px;object-fit:contain}.live-map-unit span{font-size:10px;white-space:nowrap;max-width:160px;text-overflow:ellipsis;overflow:hidden;border:1px solid #187193;background:#021829e8;padding:3px 6px}.live-map-unit.selected span{border-color:#5de87c;color:#5de87c}.live-map-unit i{position:absolute;right:0;bottom:20px;font-size:8px}.live-map-toolbar{position:absolute;z-index:6;top:12px;left:12px;display:flex;gap:5px}.live-map-toolbar button{padding:6px 10px;font-size:11px;background:#031d30e8}.live-map-toolbar .active{border-color:#28ccff;color:#46dbff;background:#0a4358}.live-map-message{position:absolute;z-index:7;top:55px;left:12px;right:12px;background:#041825ed;color:#ffcd8d;font-size:11px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.live-map-caption{position:absolute;bottom:27px;left:10px;z-index:6;font-size:10px;padding:4px 8px;background:#041b2ddd;color:#a0bfd0;pointer-events:none}.live-grid .live-details{height:218px}.live-details .live-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;align-content:start}.live-info-row{padding:8px 0;border-bottom:1px solid #103448;min-width:0}.live-info-row span{display:block;color:#6592ab;font-size:10px;margin-bottom:4px}.live-info-row b{display:block;color:#c3e1f0;font-size:11px;font-weight:400;overflow-wrap:anywhere}
.live-video{height:260px}.live-video .panel-body{display:flex;flex-direction:column;gap:8px}.live-video-frame{min-height:0;flex:1;background:#020c14;border:1px solid #123e55;position:relative}.live-video-frame video{width:100%;height:100%;object-fit:cover;object-position:center;background:#000}.live-video-frame video[hidden]{display:none}.live-video-note{font-size:10px;color:#6998b0;min-height:14px;overflow-wrap:anywhere}.live-video.expanded{position:fixed;z-index:750;inset:8vh 8vw;height:auto;box-shadow:0 0 0 100vmax #000b}.live-video.expanded .panel-body{height:calc(100% - 34px)}.live-grid .live-alarms{flex:1;min-height:160px}.live-alert-content{height:100%;display:flex;flex-direction:column;min-height:0}.live-alert-content>.live-scroll{flex:1;min-height:0}.live-alert{padding:11px 7px 11px 12px;margin-bottom:5px;border-left:2px solid #2889b0;background:#061d2b}.live-alert.critical{border-left-color:#ff4e62}.live-alert.warning{border-left-color:#edb64e}.live-alert>div{display:flex;gap:8px;align-items:center;justify-content:space-between}.live-alert b{font-size:11px;color:#d8b77f}.live-alert.critical b{color:#ff8695}.live-alert time{font-size:9px;color:#658ba0;white-space:nowrap}.live-alert p{font-size:11px;line-height:1.6;color:#b5cfdd;margin:6px 0;overflow-wrap:anywhere}.live-alert small{font-size:10px;color:#6389a0}.live-alert>button{float:right;font-size:11px;padding:3px 9px}.live-grid .live-commands{height:168px}.live-command{border-bottom:1px solid #15394b;padding:7px 2px}.live-command strong{display:block;font-size:11px;color:#9dcce0}.live-command em{float:right;font-size:10px;font-style:normal;color:#5de87c}.live-command p{font-size:11px;color:#89abba;margin:5px 0;line-height:1.5}.live-command small{font-size:9px;color:#587f97}
.live-dialog{width:min(840px,96vw);max-height:85vh;display:flex;flex-direction:column;min-height:300px}.live-dialog>.live-alert-content{min-height:0;padding:15px;overflow:hidden}.live-dialog .live-alert-content>.live-scroll{max-height:53vh}.live-dialog .live-controls{padding-bottom:10px}.live-dialog .notice-modal-header{flex:0 0 auto}.live-alarm-form{padding-top:12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid #17516c}.live-alarm-form strong{font-size:12px}.live-alarm-form textarea{min-height:65px;resize:vertical;width:100%}.live-status-error{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#402a18;color:#ffd599;padding:10px 20px;z-index:60;font-size:12px}.live-login{height:100%;min-height:500px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#0b3451 0,transparent 55%),#020b14}.login-card{width:min(420px,90vw);padding:38px;display:flex;flex-direction:column;gap:17px}.login-eyebrow{font-size:10px;letter-spacing:2px;color:#3eb3e2}.login-card h1{font-size:23px;letter-spacing:2px;color:#e0f3ff;margin:0}.login-card p{margin:0;color:#749eb7;font-size:12px}.login-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#97b8ca}.login-card small{color:#507f96;font-size:11px;text-align:center}.login-card .live-error{color:#ffb289;padding:0}
@media(min-width:1800px){.live-grid{grid-template-columns:340px minmax(0,1fr) 380px;gap:14px;padding:0 16px 16px}.live-overview{height:195px}.live-video{height:315px}.live-grid .live-details{height:235px}.live-device{min-height:95px}.live-device strong{font-size:14px}.live-device span{font-size:12px}.live-alert p{font-size:12px}.live-grid .live-commands{height:190px}}
@media(max-width:1250px){.live-grid{grid-template-columns:250px minmax(260px,1fr) 285px;gap:8px;padding:0 8px 8px}.live-shell .top-header{grid-template-columns:220px 1fr auto;padding:0 12px}.live-shell .header-title{font-size:21px;letter-spacing:1px}.live-shell .weather{display:none}.live-shell .header-right{gap:5px}.live-shell .live-user{display:none}.live-device img{width:27px}.live-details .live-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.live-alert>div{flex-wrap:wrap;gap:4px}.live-video{height:235px}.live-grid .live-details{height:235px}}
@media(max-height:760px) and (min-width:981px){.live-shell .top-header{flex-basis:58px;height:58px}.live-filter{flex-basis:44px;padding:6px 12px}.live-overview{height:145px}.live-video{height:220px}.live-grid .live-details{height:185px}.live-grid .live-commands{height:135px}.live-track{height:125px}.live-grid .live-map{min-height:180px}.live-grid .live-alarms{min-height:100px}}
@media(max-width:980px){html,body,#root{height:auto;min-height:100%;overflow:auto}.live-shell{min-height:100vh;height:auto;overflow:visible}.live-shell .top-header{grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;min-height:100px;padding:12px;gap:12px}.live-shell .header-title{grid-column:1/-1;grid-row:1;font-size:23px}.live-shell .header-left{grid-row:2}.live-shell .clock{font-size:17px}.live-shell .header-right{grid-row:2}.live-filter{flex-wrap:wrap;padding:10px}.live-update{order:5;width:100%;text-align:left;margin-left:0}.live-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid;flex:none}.live-middle{grid-column:1/-1;grid-row:1}.live-grid .live-map{height:430px;flex:none}.live-grid .live-details{height:200px}.live-details .live-scroll{grid-template-columns:repeat(3,minmax(0,1fr))}.live-left,.live-right{min-height:650px}.live-grid .live-fleet{max-height:500px}.live-grid .live-alarms{max-height:400px}.live-video{height:250px}.live-video.expanded{height:auto;inset:5vh 4vw}.live-right:empty{display:none}}
@media(max-width:560px){.live-shell .header-title{font-size:21px}.live-shell .header-left{display:flex}.live-shell .header-right{gap:3px}.live-shell .connection-pill{font-size:9px}.live-shell .live-demo{font-size:9px}.live-shell .header-action{font-size:11px;padding:0 4px}.live-shell .clock-block{min-width:90px}.live-filter{gap:8px}.live-section-label{width:100%}.live-filter input{width:auto;flex:1;min-width:100px}.live-filter select{max-width:130px}.live-grid{display:flex;flex-direction:column;padding:0 8px 12px}.live-middle{order:0}.live-left{order:1;min-height:0}.live-right{order:2;min-height:0}.live-grid .live-map{height:350px}.live-grid .live-details{height:265px}.live-details .live-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}.live-grid .live-fleet{min-height:180px;height:340px;flex:none}.live-grid .live-alarms{height:300px;flex:none}.live-grid .live-commands{height:180px}.live-track{height:140px}.live-video{height:280px}.live-map-toolbar{gap:4px;left:8px}.live-map-toolbar button{padding:6px 8px}.live-dialog{max-height:92vh}.live-dialog .live-alert-content>.live-scroll{max-height:45vh}.live-overview{height:175px}}

/* Primary measured values remain visible above the detailed telemetry fields. */
.live-shell .header-title{font-size:clamp(19px,1.7vw,27px);letter-spacing:2px}
.login-card h1{font-size:21px;letter-spacing:1px}
.live-device>div{min-width:0;flex:1}.live-device{min-height:111px}.live-device strong{padding-right:48px}
.live-device .fleet-telemetry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
.live-device .fleet-telemetry span{font-size:10px;color:#83a5b9;line-height:1.3}
.live-device .fleet-telemetry b{display:block;font-size:15px;font-weight:600;color:#c9f1ff;margin-top:3px;white-space:nowrap}
.live-device .fleet-telemetry i{font-size:9px;font-style:normal;font-weight:400;color:#86b3c8}
.fleet-battery-track{height:2px;background:#173446;margin-top:8px}.fleet-battery-track>i{display:block;height:100%;transition:width .35s}
.live-grid .live-details{height:310px}.live-details .panel-body{display:flex;flex-direction:column;gap:10px}.live-details .panel-extra{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.telemetry-priority{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;flex:0 0 auto}
.telemetry-card{position:relative;background:linear-gradient(145deg,#09324b,#061e2d);border:1px solid #15516d;padding:10px 9px;min-width:0}
.telemetry-card>span{display:block;font-size:10px;color:#88b7cf;white-space:nowrap}.telemetry-card>div:not(.telemetry-battery-bar){display:flex;align-items:baseline;gap:4px;margin:8px 0 6px}.telemetry-card b{font-size:23px;line-height:1;font-weight:600;color:#36d6ff;white-space:nowrap}.telemetry-card i{font-size:10px;font-style:normal;color:#8ac4d9}.telemetry-card small{font-size:9px;color:#6898b0;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
.telemetry-card.battery b{color:#5de87c}.battery-low b,.live-device .fleet-telemetry b.battery-low{color:#ffab63!important}.telemetry-card .heading-pointer{font-size:18px;color:#5de87c;font-style:normal;margin-left:auto;align-self:center;line-height:1;transform-origin:center}
.telemetry-battery-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#102e40}.telemetry-battery-bar i{display:block;height:100%;background:#5de87c;transition:width .35s}.battery-low .telemetry-battery-bar i{background:#ffab63}
.live-details .live-scroll.telemetry-fields{flex:1;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px;height:auto}.telemetry-fields .live-info-row{padding:7px 0}.telemetry-fields .live-info-row b{font-size:11px}
@media(max-width:1450px) and (min-width:981px){.telemetry-priority{grid-template-columns:repeat(3,minmax(0,1fr))}.telemetry-card{padding:8px}.telemetry-card>div:not(.telemetry-battery-bar){margin:5px 0}.telemetry-card b{font-size:21px}.telemetry-card small{display:none}.live-grid .live-details{height:325px}.live-details .live-scroll.telemetry-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:760px) and (min-width:981px){.live-grid .live-details{height:265px}.telemetry-card{padding:6px}.telemetry-card b{font-size:19px}.telemetry-card small{display:none}.live-details .panel-body{gap:6px}}
@media(max-width:980px){.live-grid .live-details{height:330px}.telemetry-priority{grid-template-columns:repeat(3,minmax(0,1fr))}.telemetry-card b{font-size:22px}.live-details .live-scroll.telemetry-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.live-shell .header-title{font-size:23px}}
@media(max-width:560px){.live-shell .header-title{font-size:20px;letter-spacing:1px}.live-grid .live-details{height:410px}.telemetry-card{padding:9px 7px}.telemetry-card b{font-size:23px}.telemetry-card small{font-size:8px}.live-details .live-scroll.telemetry-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.live-device{min-height:111px}}

.live-right>.live-track{flex:0 0 260px;height:260px;min-height:0}.live-right>.live-video{flex:1;height:auto;min-height:220px}
@media(min-width:1800px){.live-right>.live-track{flex-basis:315px;height:315px}}
@media(max-width:1250px) and (min-width:981px){.live-right>.live-track{flex-basis:235px;height:235px}}
@media(max-height:760px) and (min-width:981px){.live-right>.live-track{flex-basis:220px;height:220px}.live-right>.live-video{min-height:180px}}
@media(max-width:980px){.live-right>.live-track{flex:0 0 250px;height:250px}.live-right>.live-video{flex:0 0 300px;height:300px}.live-right>.live-video.expanded{height:auto}}
@media(max-width:560px){.live-right>.live-track{flex-basis:280px;height:280px}}

.live-track-device{font-size:14px;color:#a9e7ff;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-right>.live-track .panel-body{overflow:auto}.live-right>.live-track .live-track-summary{padding-top:22px;gap:14px}.live-right>.live-track .live-track-summary b{font-size:25px}

/* Prioritize map and live playback within the available dashboard height. */
.live-grid .live-map{flex:1;min-height:300px}
.live-right>.live-track{flex:0 0 170px;height:170px;min-height:0}
.live-right>.live-video:not(.expanded){flex:1;height:auto;min-height:260px}
.live-video:not(.expanded) .live-video-frame .live-empty{min-height:0;padding:6px}
.live-right>.live-track .live-track-device{margin-bottom:8px}
.live-right>.live-track .live-track-summary{padding-top:12px}
@media(min-width:981px){.live-grid .live-details{flex:0 0 230px;height:230px;min-height:0}.live-grid .live-commands{flex:0 0 100px;height:100px;min-height:0}.live-middle,.live-right{overflow:auto;scrollbar-width:thin;scrollbar-color:#16516b transparent}}
@media(max-height:760px) and (min-width:981px){.live-grid .live-details{flex-basis:190px;height:190px}.live-right>.live-track{flex-basis:145px;height:145px}.live-grid .live-commands{flex-basis:80px;height:80px}.live-right>.live-track .live-track-device{margin-bottom:5px}.live-right>.live-track .live-track-summary{padding-top:8px}}
@media(max-width:980px){.live-grid .live-map{flex:0 0 430px;height:430px;min-height:430px}.live-right>.live-video:not(.expanded){flex:0 0 340px;height:340px;min-height:340px}}

/* Merge monitoring tools into the existing header, beside the centered title. */
.live-shell .top-header{height:78px;flex:0 0 78px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:32px 28px;gap:4px 12px;padding:6px 16px}
.live-shell .header-title{grid-column:2;grid-row:1/3;align-self:center}
.live-shell .header-left{grid-column:1;grid-row:1;min-width:0}.live-shell .header-right{grid-column:3;grid-row:1;min-width:0;justify-content:flex-end}
.live-shell .clock{font-size:18px}.live-shell .clock-block{min-width:100px}.live-shell .date{font-size:9px}.live-shell .weather-icon{font-size:20px}
.live-shell .live-filter{display:contents}
.live-header-search{grid-column:1;grid-row:2;display:flex;gap:8px;align-items:center;min-width:0}
.live-header-refresh{grid-column:3;grid-row:2;display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:0}
.live-header-search .live-section-label{font-size:10px;letter-spacing:0}.live-header-search select{width:90px;font-size:10px;padding:4px}.live-header-search input{width:160px;flex:1;min-width:60px;max-width:210px;font-size:10px;padding:5px}.live-header-refresh .live-update{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-header-refresh button{font-size:10px;padding:4px 9px;flex-shrink:0}
@media(max-width:980px){.live-shell .top-header{display:flex;flex-wrap:wrap;height:auto;flex:0 0 auto;gap:8px;padding:10px}.live-shell .header-title{width:100%;order:0}.live-shell .header-left{order:1;flex:1}.live-shell .header-right{order:2}.live-header-search{order:3;flex:1 1 300px}.live-header-refresh{order:4;flex:1 1 200px}.live-header-refresh .live-update{width:auto;order:0;text-align:right}}

.live-video .panel-header{gap:6px;padding-left:9px;padding-right:9px}.live-video .panel-title{flex-shrink:0}.live-video .panel-en{display:none}.live-video .panel-extra{flex:1;min-width:0;margin-left:0;max-width:none}.live-video-tools{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.video-status-dot{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%}.video-status-dot.connected{background:#5de87c;box-shadow:0 0 6px #5de87c88}.video-status-dot.disconnected{background:#ff5368;box-shadow:0 0 6px #ff536855}.video-device-name{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.live-video-tools select{min-width:0;width:65px;padding:3px 2px;font-size:10px}.live-video-tools button{flex-shrink:0;font-size:10px;padding:3px 5px}.live-video .panel-body{gap:0}.live-video-frame{overflow:hidden}

/* Scroll each panel body independently while retaining its header. */
.live-grid :is(.live-fleet,.live-details,.live-commands)>.panel-body{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#2587aa #061d2b}
.live-grid :is(.live-fleet,.live-details,.live-commands)>.panel-body>.live-scroll{height:auto;max-height:none;overflow:visible;flex:none}
.live-grid .live-details .live-scroll.telemetry-fields{margin-top:10px;height:auto;flex:none;overflow:visible}
.live-grid :is(.live-fleet,.live-details,.live-commands)>.panel-body::-webkit-scrollbar{width:6px}
.live-grid :is(.live-fleet,.live-details,.live-commands)>.panel-body::-webkit-scrollbar-thumb{background:#2587aa;border-radius:4px}
.live-grid :is(.live-fleet,.live-details,.live-commands)>.panel-body::-webkit-scrollbar-track{background:#061d2b}

.live-right>.live-track{flex:0 0 320px;height:320px}.live-right>.live-track .panel-body{display:flex;flex-direction:column;gap:6px;overflow:auto}.live-right>.live-track .live-track-device{margin:0;flex-shrink:0}.live-right>.live-track .live-controls{flex-shrink:0}.live-right>.live-track .live-track-summary{padding:0;gap:8px;flex-shrink:0}.live-right>.live-track .live-track-summary b{font-size:20px}.live-right>.live-track .live-empty{height:auto;min-height:0;padding:0;flex-shrink:0;font-size:10px}.history-map-wrap{position:relative;flex:1;min-height:140px;border:1px solid #16516b}.history-map-canvas{position:absolute;inset:0}.history-map-error{position:absolute;inset:0;display:grid;place-items:center;background:#061724;color:#ffb289;font-size:11px}
@media(max-height:760px) and (min-width:981px){.live-right>.live-track{flex-basis:285px;height:285px}}

/* One compact header row; horizontal overflow keeps every control reachable. */
.live-shell .top-header{display:flex;flex-wrap:nowrap;height:52px;flex:0 0 52px;gap:12px;padding:6px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.live-shell .header-left{order:0;flex:0 0 auto;gap:8px}.live-shell .clock-block{min-width:88px;padding-right:8px}.live-shell .clock{font-size:17px}.live-shell .weather{display:flex;font-size:10px}.live-shell .weather-icon{font-size:19px}.live-shell .weather small{display:none}
.live-shell .live-header-search{order:1;flex:0 0 auto;gap:6px}.live-header-search .live-section-label{display:none}.live-header-search input{width:145px;flex:0 0 145px}.live-header-search select{width:85px}
.live-shell .header-title{order:2;flex:1 0 auto;width:auto;margin:0;text-align:center;font-size:23px;letter-spacing:1px}
.live-shell .header-right{order:3;flex:0 0 auto;gap:5px}.live-shell .live-header-refresh{order:4;flex:0 0 auto;gap:6px}.live-header-refresh .live-update{width:auto;font-size:9px;margin:0}.live-header-refresh button{padding:4px 7px}
@media(max-width:1450px){.live-shell .top-header{gap:8px}.live-shell .header-title{font-size:21px}.live-header-search input{width:130px;flex-basis:130px}.live-header-refresh .live-update{max-width:86px}}
@media(max-width:1100px){.live-shell .header-title{font-size:19px}.live-shell .live-header-search input{width:110px;flex-basis:110px}.live-shell .top-header{gap:6px}}

/* Keep the enlarged player and its controls above the dashboard header. */
.live-shell:has(.live-video.expanded) .live-grid{z-index:800}
.live-right>.live-video.expanded{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#041724}
.live-video.expanded>.panel-header{position:relative;z-index:2;flex:0 0 44px;height:44px;background:#062438;display:flex;align-items:center}
.live-video.expanded>.panel-body{flex:1;height:auto;min-height:0;padding:10px}
.live-video.expanded .video-device-name{max-width:none;font-size:13px;flex:1;text-align:left}
.live-video.expanded .live-video-tools{gap:14px;width:100%}.video-popup-stat{font-size:12px;color:#b9e2ef;white-space:nowrap}
@media(max-width:700px){.live-video.expanded>.panel-header{flex-basis:76px;height:76px}.live-video.expanded .live-video-tools{flex-wrap:wrap;gap:6px}.live-video.expanded .video-device-name{font-size:11px}.video-popup-stat{font-size:10px}}

.live-right>.live-track{position:relative;flex:0 0 160px;height:160px;padding:0;overflow:hidden}.live-right>.live-track>.history-map-wrap{height:100%;min-height:0;border:0}.history-map-status{position:absolute;z-index:2;left:8px;top:8px;padding:3px 6px;background:#041b2ddd;color:#b9d6e4;font-size:10px;pointer-events:none}

.live-grid .live-batteries{flex:0 0 145px;height:145px}.live-batteries .panel-body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2587aa #061d2b}.battery-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.battery-gauge{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.battery-gauge>span{font-size:10px;color:#83b8d1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battery-ring{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 12px #2ad5ac18}.battery-ring b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#062031;color:#e0f2fc;font-size:15px}

.battery-gauge{border:1px solid transparent;background:transparent;padding:4px 2px;border-radius:3px;color:inherit;cursor:pointer}.battery-gauge:hover{background:#0a3045;border-color:#196486}.battery-gauge.selected{background:#092b3d;border-color:#28b5df}

.live-map-caption{max-width:calc(100% - 20px);white-space:normal;overflow-wrap:anywhere;line-height:1.5}

.live-grid .live-commands>.panel-header{height:24px;min-height:24px;padding-top:0;padding-bottom:0}.live-grid .live-commands>.panel-body{height:calc(100% - 24px);padding:4px 10px}.live-commands .live-command{padding:3px 0}.live-commands .live-command strong{line-height:14px}.live-commands .live-command p{margin:2px 0;font-size:10px;line-height:13px}.live-commands .live-command small{display:block;font-size:9px;line-height:12px}

.live-fleet .fleet-adaptive .live-device{height:var(--fleet-card-height);min-height:var(--fleet-card-height);padding:8px 7px;overflow:hidden}.live-fleet .fleet-adaptive.compact .live-device{padding:5px 6px;gap:6px}.live-fleet .fleet-adaptive.compact .live-device img{width:22px;height:28px}.live-fleet .fleet-adaptive.compact .live-device strong{font-size:11px;margin-bottom:3px}.live-fleet .fleet-adaptive.compact .live-device small{display:none}.live-fleet .fleet-adaptive.compact .live-device em{top:6px;font-size:9px}.live-fleet .fleet-adaptive.compact .fleet-telemetry{gap:5px}.live-fleet .fleet-adaptive.compact .fleet-telemetry b{font-size:13px}.live-fleet .fleet-adaptive.compact .fleet-telemetry span{font-size:10px;line-height:1.5}.live-fleet .fleet-adaptive.compact .fleet-battery-track{margin-top:4px}
.video-latency-overlay{position:absolute;left:8px;bottom:7px;z-index:3;display:flex;flex-direction:column;gap:1px;max-width:calc(100% - 16px);padding:0;border:0;border-radius:0;background:transparent;color:#e9f5fc;font-size:10px;line-height:1.35;pointer-events:none;overflow-wrap:anywhere;text-shadow:0 1px 2px #000,0 0 3px #000}
.video-latency-overlay b{color:#61eadc;margin-left:5px;font-variant-numeric:tabular-nums}
.video-latency-overlay small{margin-left:4px;color:#c0d4de;font-size:9px}
.live-video.expanded .video-latency-overlay{font-size:10px;left:8px}
.live-video-frame video::-webkit-media-controls{display:none!important}