/* Vehicle-monitoring reference layout: navy navigation, blue controls, three simultaneous views. */
:root{--sidebar:206px;--green:#0067ea;--ink:#0d173e;--muted:#637496;--line:#dce5f2;color:#101943;background:#f8fbff;font-family:Segoe UI,Arial,sans-serif}.sidebar{background:linear-gradient(110deg,#182d46,#102338);color:#d2e1ff;border:0;padding:20px 9px}.brand{color:#fff;font-size:20px;gap:9px;padding:0 10px;letter-spacing:-.6px}.brand-mark{background:transparent;color:#3897ff;width:32px;height:36px}.brand small{color:#93b5e0;font-size:8px;letter-spacing:1.8px}.workspace,.nav-label,.demo-card{display:none}nav{margin-top:34px;gap:7px}nav a{color:#bfd5fb;font-size:14px;padding:11px 17px;border-radius:6px;gap:17px}nav a.active{background:linear-gradient(90deg,#1960b9,#245fa8);color:#fff;box-shadow:inset 0 0 14px #3d82dc33}nav a:hover{background:#254667}nav b{background:#ff3543;border-radius:50%;font-size:11px;min-width:21px}.user-card{border-top-color:#38516a;font-size:11px;color:#d3e3ff}.user-card small{color:#91afd2}.avatar{background:#2a4b6e;color:#d6e8ff}.main-shell{background:linear-gradient(130deg,#fff,#f8fbff)}.topbar{height:51px;padding:0 23px;background:#f2f6fc;border-color:#e5ebf5}.breadcrumb{color:#5b7097}.breadcrumb b{color:#17294f}.topbar-right select{font-size:11px;color:#13274d;max-width:260px}.local-label{color:#324e79}.topbar-right .avatar{background:#dce7f7;color:#376194}.topbar-right .local-label i{background:#09b44b}main{padding:19px 13px 0;max-width:1900px}.eyebrow{color:#7089ae;font-size:8px;letter-spacing:1.3px}h1{color:#0c143c;font-size:26px;letter-spacing:-.7px;font-weight:700}.page-heading{margin-bottom:12px}.page-heading p{color:#6f82a5;font-size:11px}.page-heading .date-chip{font-size:9px;color:#5d789e;border-color:#dce7f5}.panel{border:1px solid #dce5f2;border-radius:6px;box-shadow:none;margin-bottom:14px}.panel-heading{padding:16px 18px}.panel-heading p{color:#7386a8}h2{color:#0d1945;font-size:15px}h3{color:#11234e}.text-link{color:#0070f4}.btn{color:#1166d9;border-color:#bfd4f0;background:#fff;border-radius:5px;font-size:11px}.btn:hover{background:#edf5ff}.btn.primary{background:#1469d5;border-color:#1469d5}.btn.primary:hover{background:#0b57b9}.btn.danger{color:#d64b46;border-color:#f0c9c8}input,select,textarea{color:#162651;border-color:#d2ddef;background:#fff}.filterbar{border-color:#dce5f2;margin-bottom:17px}.filterbar select{color:#2b4679}.filterbar label{color:#6385b9}.filter-count{color:#6583b0}.stat-card{border-color:#dce5f2}.stat-card>div{color:#496791}.stat-card>strong{color:#152e58}.stat-card strong small{color:#758fb4}.stat-card p{color:#7289ab}.stat-bottom{color:#47739e;border-color:#e5edf7}.stat-icon,.stat-icon.green{color:#1768d2;background:#ebf3ff}.stat-icon.amber{background:#fff5e7;color:#f19811}.positive{color:#00a94b}.negative{color:#df7624}.health-lines>div{color:#637797}.health-lines b{color:#152f57}.fine-print{color:#768bad}.search{border-color:#d3e0f2;color:#5b80b1}.list-toolbar>span{color:#7087ad}.vehicle-card{border-color:#d8e4f3;border-radius:6px}.vehicle-card-image{background:linear-gradient(110deg,#f0f5fb,#f9fcff);height:auto;aspect-ratio:16/9}.card-type{color:#718fb9}.vehicle-card-body>p,.last-seen,.card-meta{color:#667fa8}.card-sensors{color:#5c7ba8;border-color:#e1e9f5}.mono{color:#7890b0}.badge.normal{color:#00a846;border-color:#d6eddc;background:#f0fbf4}.badge.warning{color:#f18c00;border-color:#ffe0b1;background:#fff8ef}.badge.critical{color:#e8681a;border-color:#ffd8af;background:#fff4e6}.badge.muted{color:#8793ab;border-color:#e0e5ee;background:#f3f5f9}th{background:#f6f9fd;color:#57749d;border-color:#e4edf7}td{color:#263e67;border-color:#e8eff8}td strong{color:#17325b}.clickable:hover{background:#eef6ff}.page-heading:has(+.monitor-actions) .eyebrow{display:none}.page-heading:has(+.monitor-actions){margin-bottom:5px}.page-heading:has(+.monitor-actions) h1{font-size:25px}.page-heading:has(+.monitor-actions) h1:after{content:' — Vehicle monitoring';font-weight:650}.page-heading:has(+.monitor-actions) p{display:none}.monitor-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 0 10px;font-size:10px;min-height:24px}.monitor-actions>.text-link{margin-right:4px}.monitor-actions>.monitor-registration{margin-left:auto;font-size:8px;color:#8192af}.monitor-actions .btn{padding:4px 7px;font-size:9px}.monitor-actions>.badge{font-size:9px}.monitor-grid{display:grid;grid-template-columns:minmax(275px,.91fr) minmax(365px,1.06fr) minmax(425px,1.14fr);gap:8px;align-items:stretch}.monitor-grid>.panel{margin:0 0 8px;min-width:0}.compact-heading{height:35px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;gap:5px;border-bottom:1px solid #e2e9f5}.compact-heading h2{font-size:14px;white-space:nowrap;letter-spacing:-.3px}.compact-heading h3{font-size:12px;letter-spacing:-.2px}.compact-heading>span{font-size:8px;color:#6b81a8;white-space:nowrap}.compact-heading .btn{font-size:8px;padding:4px 6px;gap:4px}.profile-lock{font-size:8px;color:#8498b9}.location-panel>.geo-map{height:330px;min-height:0}.location-panel .map-canvas{height:100%;aspect-ratio:auto}.monitor-map-selection{padding:8px 11px;border-top:1px solid #e0e8f3;min-height:53px;font-size:9px;color:#3d5f93;line-height:1.7}.monitor-map-selection b{font-size:9px;display:block;font-weight:500}.monitor-map-selection small{display:block;font-size:8px;color:#7c93b5}.monitor-map-selection label{font-size:8px;display:inline-flex;align-items:center;gap:5px}.monitor-map-selection input{margin:0}.recent-heading{background:#fbfcff;border-top:1px solid #e5edf7}.monitor-events{padding:3px 9px 7px}.monitor-event{display:flex;width:100%;align-items:center;gap:7px;border:0;border-bottom:1px solid #e7edf7;background:white;color:#172d57;min-height:43px;text-align:left;padding:5px 2px;font-size:9px}.monitor-event:hover{background:#f4f8ff}.monitor-event:last-child{border-bottom:0}.monitor-event time{color:#597bab;font-size:9px;flex-shrink:0}.monitor-event>span:nth-last-child(2){flex:1}.monitor-event b{font-size:9px;font-weight:500}.monitor-event small{display:block;font-size:8px;margin-top:3px;color:#6f88b1}.monitor-event-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:white;background:#ff8c07;flex-shrink:0}.monitor-event-icon.critical{background:#ea2435}.monitor-train{padding:9px 12px;border-top:1px solid #e4ecf8;font-size:8px;line-height:1.8;display:flex;gap:6px;flex-wrap:wrap;color:#617fae}.monitor-train b{color:#253e6b;margin-right:4px}.monitor-train a{color:#0074f5}.tracker-details{padding:8px 10px;color:#7b90b1;font-size:8px;border-top:1px solid #e4ecf8}.tracker-details summary{font-size:8px}.tracker-details>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;font-size:9px}.tracker-details .btn{font-size:8px;padding:3px 6px}.monitor-diagram-scroll{overflow:auto;padding:9px 8px 5px}.monitor-diagram{position:relative;min-width:350px;max-width:550px;margin:auto}.front-caption{height:60px;text-align:center;padding-top:5px;color:#7a91b1;font-size:7px;letter-spacing:.7px}.vehicle-top{position:absolute;top:12px;bottom:0;left:calc(50% + 12px);transform:translateX(-50%);width:91px;pointer-events:none}.chassis-art{width:100%;height:100%}.monitor-axle{display:grid;grid-template-columns:25px minmax(0,1fr) 84px minmax(0,1fr);height:58px;align-items:center;gap:3px;position:relative}.monitor-axle-label{font-size:12px;color:#263a65;font-weight:700;line-height:1.4}.monitor-axle-label small{display:block;color:#647ca6;font-size:8px;font-weight:400}.monitor-tires{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.monitor-tire{position:relative;border:1px solid #d7e1ef;border-radius:5px;background:#fff;color:#172d5c;min-height:54px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:5px 4px 4px 10px;min-width:0;font-size:10px;line-height:1.2}.monitor-tire:before{content:'';position:absolute;left:3px;top:5px;bottom:5px;width:4px;border-radius:4px;background:#00b73a}.monitor-tire .tire-code{font-size:11px;font-weight:750;color:#17214b}.monitor-tire small{font-size:7px;color:#59729e}.monitor-tire .tire-side{font-size:5.5px;color:#8094b4;line-height:1.3;white-space:nowrap;margin-top:1px}.monitor-tire>span:nth-child(3){color:#6881ac;font-size:8px}.monitor-tire.critical,.monitor-tire.warning{background:#fff6e8;border-color:#ffa53c;color:#f47b00}.monitor-tire.critical:before,.monitor-tire.warning:before{background:#ff8c05}.monitor-tire.critical>span:nth-child(3){color:#f47b00}.monitor-tire.muted{background:#e9edf3;border-color:#b5c0d2}.monitor-tire.muted:before{background:#9ba7ba}.monitor-tire.selected{box-shadow:0 0 0 2px #459eff;border-color:#459eff}.monitor-spares{display:flex;justify-content:center;align-items:center;gap:8px;min-height:43px;margin:5px 0 0;padding-top:5px;border-top:1px solid #ebf0f8}.monitor-spares>span{font-size:9px;color:#8095b5}.monitor-spares .monitor-tire{min-width:64px;min-height:45px}.tpms-legend{display:flex;justify-content:center;gap:12px;align-items:center;font-size:8px;color:#778caf;padding:7px 4px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}.status-dot.green{background:#00b640}.status-dot.orange{background:#ff8c00}.status-dot.gray{background:#96a5b8}.pair-action{margin:3px 8px 9px;font-size:8px!important;padding:4px 7px!important}.aux-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.aux-summary>button{display:flex;align-items:center;gap:7px;border:1px solid #e0e8f5;border-radius:6px;padding:11px 8px;text-align:left;background:linear-gradient(#fff,#fbfdff);color:#183264;min-width:0;min-height:71px}.aux-summary>button>span:nth-child(2){flex:1}.aux-summary b{display:block;font-size:10px;color:#293b70;white-space:nowrap}.aux-summary strong{display:block;font-size:15px;color:#00b43b;margin-top:7px;white-space:nowrap}.aux-summary em{font-style:normal;color:#ff8700}.aux-summary small{font-size:6.5px;display:block;margin-top:4px;color:#8799b7}.summary-icon{font-size:34px;line-height:1;flex-shrink:0}.door-icon{color:#4c6589}.snow-icon{color:#007cff}.aux-body{display:grid;grid-template-columns:1fr 1.07fr;gap:6px;padding:0 8px 6px}.aux-body>section{border:1px solid #e0e8f5;border-radius:5px;padding:7px;min-width:0;background:#fff}.sensor-heading{display:flex;align-items:center;justify-content:space-between;gap:2px;margin-bottom:9px}.sensor-heading h3{font-size:11px;white-space:nowrap}.sensor-heading>span{font-size:7px;white-space:nowrap;color:#5878ac}.sensor-heading .status-dot{width:5px;height:5px;margin-right:2px}.sensor-heading .status-dot:not(:first-child){margin-left:5px}.door-grid,.cargo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.aux-sensor{border:1px solid #dfebf8;border-radius:5px;min-width:0;text-align:center;background:#f9fcff;padding:7px 2px;min-height:45px;color:#0b3472;line-height:1.5}.aux-sensor-name{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:650;color:#121c44}.aux-sensor-name i{width:7px;height:7px;border-radius:50%;background:#00b447;flex-shrink:0}.aux-sensor strong{font-size:9px;color:#00a43e;font-weight:500;display:block;margin-top:2px}.cargo-grid .aux-sensor{background:#f0f8ff}.cargo-grid .aux-sensor strong{font-size:10px;color:#133671;margin-top:4px}.aux-sensor small{font-size:5.5px;color:#839aba;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aux-sensor.warning,.aux-sensor.critical{border-color:#ffa73b;background:#fff4e3}.aux-sensor.warning strong,.aux-sensor.critical strong{color:#f58700}.aux-sensor.warning i,.aux-sensor.critical i{background:#ff8f00}.aux-sensor.muted{background:#edf0f5;border-color:#d1d9e5}.aux-sensor.muted i{background:#9ca9bb}.aux-sensor.muted strong{color:#8494aa}.aux-sensor.selected{border-color:#328bff;box-shadow:0 0 0 1px #328bff}.cargo-section h4{font-size:9px;margin:10px 0 5px;font-weight:550;color:#233864}.cargo-section h4:first-of-type{margin-top:0}.aux-body .text-link{font-size:7px;margin-top:9px}.aux-preview{margin:2px 8px 9px;border:1px solid #e0e9f6;border-radius:5px;padding:8px;min-width:0}.sensor-preview-title{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:#15294d}.sensor-preview-title strong{font-size:11px}.sensor-preview-title>b{font-size:13px;color:#1a70c7}.sensor-preview-title>b.critical,.sensor-preview-title>b.warning{color:#ff7e00}.sensor-preview-title>a{margin-left:auto;font-size:8px}.aux-preview p{font-size:7px;color:#708cb5;line-height:1.7;margin:6px 0}.aux-preview .chart-label{font-size:8px;margin-top:9px;color:#355687}.aux-preview .chart-label span{display:none}.aux-preview .history-chart{max-height:100px}.chart-label{color:#2f5489;font-size:10px}.chart-label span{color:#7b94ba;font-size:8px}.monitor-history{margin:0 0 12px}.monitor-history-header{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #dfe8f6;min-height:37px}.monitor-history-header h2{font-size:14px}.monitor-history-header>.tabs{border:0;padding:0;gap:9px}.monitor-history-header>.tabs button{color:#405c93;font-size:10px;padding:6px 7px;border-bottom:2px solid transparent}.monitor-history-header>.tabs button.active{color:#006dff;border-bottom-color:#006dff}.monitor-history-header>span{margin-left:auto;color:#8a9dbc;font-size:8px}.monitor-history-header>select{font-size:9px;padding:5px 8px;min-width:125px}.monitor-history-header>.btn{font-size:9px;padding:5px 8px}.history-main{display:flex;padding:9px 10px;gap:14px;align-items:start;min-height:139px}.history-sensor-select{width:155px;flex-shrink:0}.history-sensor-select label{font-size:8px;color:#446192;display:flex;flex-direction:column;gap:5px}.history-sensor-select select{font-size:9px;padding:6px 8px;max-width:155px}.history-sensor-select p{font-size:8px;line-height:1.6;color:#6d88b1;margin-top:8px}.history-sensor-select small{font-size:7px;display:block;word-break:break-all;margin-top:8px}.history-main-chart{flex:1;min-width:0}.history-main-chart .history-chart{max-height:140px}.tpms-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.history-statistics{display:flex;align-items:center;gap:7px;color:#253f6c;font-size:9px;min-width:105px;padding-top:23px}.history-statistics>span{color:#f43b40;font-size:28px}.history-statistics dl{display:grid;grid-template-columns:25px 55px;gap:7px;font-size:9px}.history-statistics dd{margin:0;color:#183a74}.reading-details{margin:0 10px 6px;border-top:1px solid #e8edf7;padding-top:7px;font-size:9px;color:#7290b9}.reading-details summary{font-size:9px}.history-footnote{display:flex;justify-content:space-between;padding:6px 10px;border-top:1px solid #e8eef8;color:#8299bc;font-size:8px;gap:9px}.transition-details{color:#5f7cad;font-size:9px;margin:5px 10px}.simulation-bar{background:#eef5ff;border:1px solid #cddff9;position:static;box-shadow:none;padding:9px 11px;border-radius:5px;margin-bottom:10px}.simulation-bar strong{color:#2862ab}.simulation-bar .simulation-dot{background:#0086ff}.simulation-bar select{background:#fff;border-color:#c9daf0}.simulation-bar small{color:#7290b5}.notice{color:#4c73a6;background:#f2f7ff;border-color:#dce7f9}.form-body{color:#5877a5}.demo-pill{color:#23416d;background:#d6e3f4}.profile-card>.vehicle-art{background:#f3f7fc}.profile-card>p,.profile-version p{color:#617fa9}.grant-row{background:#f8fbff;border-color:#dfe9f7;color:#426695}.grants small{color:#708eb6}.form-body p{color:#6888b1}.modal-body p{color:#587bab}dialog{color:#193863;border-color:#d9e4f5}.modal-head{border-color:#dbe5f3}.modal-head button{color:#607da7}.modal-body{color:#253d6d}.modal-error{color:#e36632}.profile-preview{background:#f4f8ff;border-color:#e0e9f8;color:#4d6b9a}.checklist{border-color:#dfe7f4}.signin-art{background:linear-gradient(120deg,#183455,#102339)}.signin-art em{color:#61a8ff}.signin-art p{color:#8caedd}.signin-form h2{color:#193861}.signin-form p{color:#728cac}footer{padding:10px 0 13px;color:#879bbe;font-size:8px}.map-zoom button,.map-pan button{color:#1557aa;border-color:#bcd0ee}.map-state{color:#365d91;border-color:#d1e1f6;font-size:8px}.geo-zone{fill:#79b7ed25;stroke:#668fbd}.geo-zone.excluded{fill:#ffaa4435;stroke:#e59433}.map-attribution{font-size:7px;color:#476795}.selected-row{background:#edf4ff}#toast{background:#1f58a0}#toast.error{background:#c95e3b}
@media(min-width:1650px){.monitor-grid{grid-template-columns:1fr 1.09fr 1.25fr}.location-panel>.geo-map{height:430px}.monitor-axle{height:72px}.monitor-diagram{max-width:560px}.monitor-tire{font-size:10px}.monitor-tire .tire-code{font-size:11px}.aux-sensor{min-height:57px}.aux-sensor strong{font-size:10px}.cargo-grid .aux-sensor strong{font-size:11px}.aux-summary strong{font-size:18px}.aux-preview .history-chart{max-height:155px}.history-main-chart .history-chart{max-height:155px}}
@media(max-width:1300px){.monitor-grid{grid-template-columns:minmax(250px,.8fr) minmax(335px,1fr) minmax(365px,1.07fr)}:root{--sidebar:185px}.brand{font-size:18px}nav a{font-size:12px;padding:11px 12px;gap:13px}.compact-heading h2{font-size:12px}.compact-heading>span{font-size:7px}.monitor-axle{grid-template-columns:23px 1fr 73px 1fr;gap:2px}.monitor-tires{gap:2px}.vehicle-top{width:81px}.monitor-tire{font-size:8px}.aux-summary{padding:6px;gap:4px}.aux-summary>button{gap:4px;padding:9px 5px}.summary-icon{font-size:26px}.aux-summary b{font-size:8px}.aux-summary strong{font-size:12px}.aux-body{padding:0 6px;gap:4px}.aux-body>section{padding:5px}.sensor-heading>span{font-size:6px}.sensor-heading h3{font-size:10px}.aux-sensor-name{font-size:9px}.aux-sensor strong{font-size:8px}.aux-sensor small{display:none}.aux-sensor{min-height:49px}.cargo-grid .aux-sensor strong{font-size:9px}.location-panel>.geo-map{height:330px}.monitor-diagram{min-width:325px}.monitor-registration{display:none}.history-statistics{font-size:8px;min-width:90px}.history-sensor-select{width:140px}.history-sensor-select select{max-width:140px}}
@media(max-width:1150px){.monitor-grid{grid-template-columns:minmax(275px,.85fr) minmax(365px,1fr)}.auxiliary-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr}.auxiliary-panel>.compact-heading{grid-column:1/-1}.aux-summary{align-content:start}.aux-body{grid-column:2;grid-row:2/4}.aux-preview{grid-column:1;grid-row:3}.aux-sensor{min-height:58px}.aux-summary{grid-template-columns:1fr}.aux-summary strong{font-size:18px}.aux-summary b{font-size:12px}.summary-icon{font-size:34px}.sensor-heading h3{font-size:13px}.sensor-heading>span{font-size:8px}.cargo-section h4{font-size:11px}.aux-sensor-name{font-size:12px}.aux-sensor strong,.cargo-grid .aux-sensor strong{font-size:11px}.aux-sensor small{display:block}.location-panel>.geo-map{height:385px}.monitor-events .monitor-event{min-height:48px}.tpms-panel>.compact-heading h2{font-size:14px}.monitor-diagram{min-width:340px}.monitor-axle{height:72px}.monitor-tire{font-size:10px}.monitor-tire .tire-side{font-size:6px}.monitor-tire .tire-code{font-size:11px}.history-main-chart .history-chart{max-height:135px}.history-main{gap:9px}.history-statistics{display:none}.monitor-history-header>span{display:none}.monitor-actions .monitor-registration{display:none}}
@media(max-width:820px){.monitor-grid{grid-template-columns:1fr}.monitor-grid .panel{grid-column:1}.auxiliary-panel{display:block}.location-panel>.geo-map{height:290px}.monitor-diagram{max-width:540px}.vehicle-top{width:100px}.monitor-axle{grid-template-columns:25px 1fr 100px 1fr}.monitor-tire{font-size:11px;min-height:59px;padding-left:14px}.monitor-tire .tire-code{font-size:12px}.monitor-tire>span:nth-child(3){font-size:10px}.monitor-tire:before{width:5px;left:5px}.aux-summary{grid-template-columns:1fr 1fr}.aux-summary b{font-size:10px}.aux-summary strong{font-size:15px}.sensor-heading h3{font-size:12px}.monitor-history-header{flex-wrap:wrap}.monitor-history-header>select{margin-left:auto;min-width:105px}.history-main{flex-direction:column;gap:10px}.history-sensor-select{width:100%;display:flex;gap:15px;align-items:end}.history-sensor-select label{min-width:130px}.history-sensor-select select{max-width:180px}.history-sensor-select>small{display:none}.history-main-chart{width:100%}.history-main-chart .history-chart{max-height:none}.history-footnote{font-size:7px}.tpms-charts{grid-template-columns:1fr}.monitor-actions{font-size:8px}.monitor-actions>.monitor-registration{display:none}.monitor-actions .btn{font-size:8px}.page-heading:has(+.monitor-actions) h1{font-size:22px!important}.page-heading:has(+.monitor-actions) h1:after{content:' — Monitoring'}}
@media(max-width:680px){:root{--sidebar:0px}.sidebar{padding:13px 12px 0}.brand{font-size:20px}nav{margin:15px 0 0;gap:4px}nav a{font-size:10px;padding:8px 9px;gap:6px}.topbar{height:42px;padding:0 12px}main{padding:14px 10px 0}.monitor-actions{gap:6px;margin-bottom:9px}.monitor-actions>span:first-of-type{width:100%;order:-1;margin-bottom:5px}.monitor-actions>.text-link{font-size:8px}.monitor-actions .btn{font-size:8px;padding:4px 5px}.monitor-grid{gap:6px}.compact-heading h2{font-size:13px}.monitor-axle{height:70px;grid-template-columns:22px 1fr 73px 1fr}.monitor-diagram{min-width:335px}.vehicle-top{width:81px}.monitor-tire{min-height:54px;font-size:9px;padding-left:10px}.monitor-tire .tire-code{font-size:11px}.monitor-tire>span:nth-child(3){font-size:9px}.monitor-tire:before{width:4px;left:3px}.monitor-tire .tire-side{font-size:5.5px}.monitor-diagram-scroll{padding:7px 5px}.aux-summary b{font-size:9px}.aux-summary strong{font-size:14px}.summary-icon{font-size:27px}.aux-body>section{padding:6px}.sensor-heading>span{font-size:6px}.sensor-heading h3{font-size:10px}.aux-sensor-name{font-size:10px}.aux-sensor strong,.cargo-grid .aux-sensor strong{font-size:9px}.aux-sensor{min-height:53px}.aux-sensor small{font-size:5px}.aux-preview .history-chart{max-height:none}.monitor-history-header{gap:8px;padding:6px 8px}.monitor-history-header>.tabs{gap:2px}.monitor-history-header>.tabs button{font-size:9px;padding:6px 5px}.monitor-history-header>select{font-size:8px;padding:5px 7px;margin-left:0}.monitor-history-header>.btn{font-size:8px;margin-left:auto}.history-main{padding:8px}.history-main .chart-label{font-size:9px}.history-main .chart-label>span{display:none}.history-footnote{flex-direction:column;gap:3px}.monitor-event{min-height:42px}.simulation-bar{gap:7px}.simulation-bar select{max-width:100%}.aux-summary small{font-size:6px}.tracker-details{font-size:8px}.page-heading:has(+.monitor-actions) h1{font-size:21px!important}footer{font-size:7px}}

@media(min-width:821px){.monitor-grid .aux-sensor small{display:none}.monitor-map-selection:not(:has(b)){display:flex;justify-content:space-between;align-items:center;min-height:27px;padding:5px 8px;gap:7px;font-size:8px}.monitor-map-selection:not(:has(b))>small{display:none}.monitor-map-selection:not(:has(b)) label{font-size:7px;white-space:nowrap}.monitor-map-selection:not(:has(b))>span{font-size:8px}}
.monitor-header-filters{display:flex;align-items:center;gap:10px}.monitor-header-filters select{font-size:12px;color:#0e214b;min-width:140px;max-width:200px;background:#fbfdff;padding:7px 12px}.monitor-header-filters>.demo-pill{margin-left:8px;font-size:9px;padding:6px 12px}.monitor-header-filters select:first-child{max-width:210px}.topbar:has(.monitor-header-filters){padding-left:23px}@media(max-width:950px){.topbar:has(.monitor-header-filters) .breadcrumb{display:block}.monitor-header-filters select{font-size:10px;min-width:110px;max-width:140px;padding:6px}.monitor-header-filters>.demo-pill{display:none}.topbar:has(.monitor-header-filters) .topbar-right select{max-width:150px}}@media(max-width:680px){.topbar:has(.monitor-header-filters){height:auto;min-height:42px;flex-wrap:wrap;gap:7px;padding:7px 10px}.monitor-header-filters{gap:5px}.monitor-header-filters select{font-size:9px;min-width:95px;max-width:145px}.topbar:has(.monitor-header-filters) .topbar-right select{max-width:120px;font-size:8px}.topbar:has(.monitor-header-filters) .topbar-right .avatar{display:none}}

.front-caption{position:relative}.monitor-side-caption{position:absolute;bottom:6px;font-size:8px;letter-spacing:.1px;font-weight:600;color:#48658b;white-space:nowrap}.monitor-side-caption.driver{left:27px;right:calc(50% + 42px)}.monitor-side-caption.passenger{left:calc(50% + 55px);right:0}