/* BPS navy and yellow with compact, personal operator layouts. */
header .brand{min-width:230px;max-width:335px;gap:12px}header .brand-symbol{display:block;position:relative;width:43px;height:60px;overflow:hidden;flex:none}header .brand-symbol img{position:absolute;left:0;top:0;width:168px;height:60px;max-width:none;object-fit:contain;border-radius:0;background:transparent;border:0;box-shadow:none}header .brand>span:last-child{min-width:0}header .brand small{white-space:normal;font-size:9px;line-height:1.45;letter-spacing:.1px;max-width:210px}header nav{flex-wrap:wrap}header{height:auto;min-height:100px;padding-top:14px;padding-bottom:14px}header .brand b{font-size:25px}header #identity{flex-shrink:0}
.personal-toolbar,.studio-toolbar,.studio-navigation{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:15px 0}.personal-toolbar label,.studio-toolbar label,.studio-navigation label{margin:0}.personal-toolbar select{min-width:140px;margin-bottom:0}.personal-toolbar>small{color:#9cb4c1;align-self:center}.personal-fleet{grid-template-columns:minmax(350px,.8fr) minmax(440px,1.2fr);align-items:start}.personal-fleet .mapbox{position:sticky;top:10px;min-height:0}.personal-fleet .asset-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.personal-fleet.density-dense .asset-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.personal-fleet.density-comfortable .asset-list{grid-template-columns:1fr}.personal-fleet.map-hidden{grid-template-columns:1fr}.personal-fleet.map-hidden>.mapbox{display:none}.personal-fleet.map-hidden.density-comfortable .asset-list{grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}
.asset.small-unit{padding:13px;min-width:0;border-radius:10px;background:#132a39;border:1px solid #345061}.small-unit-title{display:flex;align-items:start;justify-content:space-between;gap:6px;padding-bottom:11px;border-bottom:1px solid #345061}.small-unit-title .asset-open{padding:0;text-align:left;background:transparent;border:0}.small-unit-title h3{font-size:19px;color:#f2d643;margin:0}.small-unit-title p{font-size:12px;color:#edf2f5;margin:3px 0;line-height:1.25}.small-unit-title small{font-size:10px;color:#a7bdc9}.small-unit .badge{font-size:9px;white-space:normal;text-align:center;max-width:85px}.small-unit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px;padding:12px 0}.small-unit-metrics small{display:block;font-size:10px;line-height:1.2;min-height:23px;color:#a5bdc9}.small-unit-metrics b{display:block;font-size:21px;line-height:1.15;color:#eef5f7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.small-unit-metrics span{font-size:9px;color:#b9c9d1}.small-unit-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:9px}.small-unit-bars>div{display:flex;align-items:center;gap:4px;font-size:9px;color:#a6c1cd}.small-unit-bars progress{appearance:none;height:4px;border:0;border-radius:3px;width:100%;min-width:10px;background:#304d5e}.small-unit-bars progress::-webkit-progress-bar{background:#304d5e}.small-unit-bars progress::-webkit-progress-value{background:#eed139;border-radius:3px}.small-unit-bars>div:first-child progress::-webkit-progress-value{background:#67d4c0}.small-unit-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border-top:1px solid #345061;padding-top:8px}.small-unit-foot small{font-size:9px;color:#a1b6c3;margin-left:auto}.small-unit-foot button{font-size:11px;padding:5px 7px}.small-unit-foot .mobility{font-size:9px;padding:3px 5px}.small-unit.dense{padding:9px}.dense .small-unit-title h3{font-size:17px}.dense .small-unit-metrics{gap:7px 5px;padding:8px 0}.dense .small-unit-metrics b{font-size:18px}.dense .small-unit-metrics small{font-size:9px;min-height:20px}.dense .small-unit-title{padding-bottom:7px}.dense .small-unit-bars{display:none}.dense .small-unit-foot .mobility{max-width:125px;white-space:normal}
.unit-arrange-list{max-height:50vh;overflow:auto;margin:16px 0;border:1px solid #3b5362;border-radius:6px}.arrange-unit{display:flex;gap:8px;padding:9px;border-bottom:1px solid #35505e;align-items:center;background:#19313f}.arrange-unit label{display:flex;align-items:center;gap:8px;flex:1;margin:0;min-width:0}.arrange-unit small{display:block;font-size:10px;color:#a8bdc8}.arrange-unit .drag-handle{cursor:grab;color:#a1b6c3;font-size:22px}.arrange-unit button{padding:5px 9px}.person-units{max-height:220px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #456071;padding:12px}.person-units label{display:block}.person-units small{display:block;color:#9db5c3;margin-left:20px}.show-deleted{margin:12px 0}.invitation-message{line-height:1.55;max-height:42vh;overflow:auto;word-break:normal;overflow-wrap:anywhere}.saved-view-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #3b5261}.saved-view-row>b{flex:1}
.process-quickbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:14px 16px;background:#1b3949;border:1px solid #4e6c7d;border-top:3px solid #f0d334;border-radius:8px;margin-bottom:12px}.process-quickbar>div{flex:1;min-width:150px}.process-quickbar small{display:block;font-size:11px;color:#c0d2dc}.process-quickbar b,.process-quickbar strong{display:block;color:#f1f6f8;font-size:19px;margin:4px 0}.process-quickbar b span{font-size:11px;font-weight:400}.process-quickbar .actions{margin:6px 0 0;gap:7px}.process-quickbar button{padding:7px 11px}.process-quickbar .start-button{background:#246858;color:#fff;border:1px solid #62bd9e}.process-quickbar .stop-button{background:#963e4d;color:#fff;border:1px solid #ed97a0}.process-quickbar button:disabled{opacity:.45;cursor:not-allowed}.process-control-hint{margin:0 0 22px!important}.state[data-map-state]{cursor:pointer}.state[data-map-state]:focus{outline:none;fill:#758695;stroke:#e8cf42;stroke-width:2}.map-state-name{color:#ebd449;font-weight:650}
.studio-panel{padding:22px}.studio-toolbar label{font-size:11px}.studio-toolbar input[type=datetime-local]{width:185px}.studio-toolbar select{min-width:130px}.studio-live,.studio-navigation label{align-self:center}.studio-navigation{align-items:center;margin-bottom:10px}.studio-navigation>span{font-size:11px;color:#b1c4cf;margin-left:auto}.studio-chart{position:relative;width:100%;border:1px solid #3c5667;border-radius:8px;background:#102635;overflow:hidden}.studio-chart svg{width:100%;display:block;touch-action:none;user-select:none}.studio-chart .plot-background{fill:#102635;stroke:#506b7c;stroke-width:1}.studio-chart .trend-grid{stroke:#304c5e;stroke-width:1}.studio-chart .axis-text{fill:#b9cdd8;font:11px system-ui}.studio-chart [data-studio-event]{cursor:pointer}.studio-chart [data-studio-event]:focus{outline:none;filter:brightness(1.5)}.studio-alarm-hover{position:absolute;left:16px;top:10px;max-width:min(520px,calc(100% - 32px));z-index:2;pointer-events:none;background:#381f2ef2;border:1px solid #e8788f;border-radius:7px;padding:10px 14px;box-shadow:0 6px 25px #0006;color:#fff}.studio-alarm-hover>*{display:block;line-height:1.45}.studio-alarm-hover span{font-size:12px}.studio-alarm-hover small{font-size:10px;color:#dfc2ce}#studio-legend i,#studio-cursor i{display:inline-block;width:20px;height:3px;flex:none}#studio-legend .legend-chip{gap:7px;padding:7px 9px;color:#dceaf0;font-size:11px}#studio-legend .legend-chip small{color:#a7bbc7}#studio-cursor>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}#studio-cursor span{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px}#studio-cursor small{font-size:10px;color:#abc0ce}#studio-scales{margin-top:12px}#studio-scales>div{min-width:140px}#studio-events table{font-size:11px}#studio-events td{padding:10px}.quick-trend-panel #operating-events,.quick-trend-panel #trend-events{max-height:340px;overflow:auto}
@media(min-width:1600px){.personal-fleet{grid-template-columns:minmax(440px,.72fr) minmax(650px,1.28fr)}}
@media(max-width:1050px){.personal-fleet{grid-template-columns:1fr}.personal-fleet .mapbox{position:static}.personal-fleet .asset-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.personal-fleet.density-dense .asset-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}header{flex-wrap:wrap}header nav{order:3;width:100%}}
@media(max-width:660px){header .brand{min-width:185px;max-width:260px;gap:8px}header .brand small{max-width:185px;font-size:8px}header nav{flex-wrap:nowrap;overflow-x:auto}header nav button{flex:none}.personal-toolbar>label{flex:1}.personal-toolbar select{width:100%;min-width:110px}.personal-toolbar>small{width:100%;font-size:10px}.personal-fleet .asset-list{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.personal-fleet.density-dense .asset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.small-unit.dense .small-unit-title{flex-wrap:wrap}.small-unit.dense .small-unit-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dense .small-unit-foot{gap:4px}.person-units{grid-template-columns:1fr}.studio-panel{padding:14px}.studio-toolbar>label{flex:1}.studio-toolbar input[type=datetime-local]{width:100%;min-width:160px}.studio-navigation>span{margin-left:0;width:100%}.process-quickbar{padding:12px;gap:12px}.process-quickbar>div{min-width:140px}.process-quickbar button{font-size:12px}.studio-chart .axis-text{font-size:12px}}
@media(prefers-reduced-motion:reduce){.small-unit *,.process-quickbar *{animation:none!important;transition:none!important}}

.small-unit-capacity{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#b4c6cf;margin-bottom:8px;flex-wrap:wrap}header nav{scrollbar-width:thin;scrollbar-color:#496575 #122531}#quick-summary .quick{padding:14px;min-height:115px}#quick-summary .quick b{font-size:27px}#quick-summary .quick-metrics{gap:10px}#quick-summary .quick .metric-note{font-size:10px;margin:5px 0}#quick-summary .tank-visual{height:48px}#quick-summary .quick .dose-visual{max-height:27px}

.trend-ranges>div{background:#1b3444;border:1px solid #435f70;color:#dceaf1}.trend-ranges b{color:#f1d844}.trend-ranges span{color:#ebf3f7}.trend-ranges small{color:#a9c0cc}@media(max-width:660px){.studio-chart .axis-text{font-size:20px}}
[hidden]{display:none!important}

.quick-trend-tools{padding:12px 0;border-bottom:1px solid #3c5362;margin-bottom:12px}.quick-trend-tools>summary{cursor:pointer;font-size:12px;color:#b6cbd7}.quick-trend-tools .range{padding:14px 0}.quick-trend-tools input{max-width:220px}

/* GPS and automatic record details */
.auto-location{color:#b9d3d8;font-size:12px;margin:5px 0 8px;overflow-wrap:anywhere}.small-unit>.auto-location{margin:0 0 7px;font-size:11px}.gps-area{margin:12px 0;padding:12px;border:1px solid #355563;border-radius:10px;background:#15303e}.gps-area strong{display:inline-block;margin-right:8px}.gps-area small{font-size:11px;color:#b9cdd3}.gps-area a{color:#b9cdd3}.auto-tag{font-size:10px;color:#e9d34b}.auto-record-field{min-width:0}.auto-record-field small{display:block;color:#a8c6ce;font-size:11px;line-height:1.5;margin-top:5px}.auto-switch{display:flex!important;align-items:center;gap:7px;font-size:12px;margin-top:7px}.auto-switch input{width:auto!important;margin:0}.job-shortcuts{padding:14px;border:1px solid #355563;border-radius:10px}.job-shortcuts h3{margin-top:0}.job-shortcuts button{margin-bottom:10px}