:root {
  --ground:#141617; --panel:#1d2022; --ink:#f2f4f3; --muted:#9da5a3;
  --line:#ffffff0d; --line-strong:#ffffff16; --mint:#c6f1dc;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--ground); font-synthesis:none; font-size:15px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}svg{display:block}.svg-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.masthead{height:88px;max-width:1540px;padding:0 64px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px}.brand strong{font-size:19px;letter-spacing:-.035em;font-weight:500}.brand-rings{display:flex;width:62px}.brand-rings i{display:block;flex-shrink:0;width:23px;height:23px;border:1.8px solid #e7ece9;border-radius:50%;margin-left:-10px}.brand-rings i:first-child{margin-left:0}.mode-switch{display:flex;padding:4px;background:#222627;border:1px solid #ffffff07;border-radius:9px;gap:3px}.mode-button{border:0;background:transparent;color:#87948e;font-size:11px;min-width:76px;padding:7px 13px;border-radius:6px}.mode-button.active,.mode-button[aria-pressed=true]{background:#3a4340;color:#eff7f1;box-shadow:0 1px 3px #0002}.mode-button:hover{color:#f2f6f3}.demo-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#d9b96c12;border-bottom:1px solid #d9b96c20;color:#dfc78e;padding:9px 20px;font-size:11px;font-weight:600}.demo-dot{width:5px;height:5px;background:#d8bc79;border-radius:50%}.demo-banner-detail{font-weight:400;color:#a69676;margin-left:7px;padding-left:14px;border-left:1px solid #d9b96c30;font-size:10px}
main{max-width:1400px;padding:0 48px;margin:auto}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:500;color:#8dafa0;margin-bottom:12px}h1{font-weight:500;letter-spacing:-.04em;line-height:1.15}h2{font-weight:500;letter-spacing:-.025em}.subtle,.muted{color:var(--muted)}.small{font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:8px;min-height:42px;padding:10px 18px;font-size:12px;font-weight:550;white-space:nowrap}.button svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.primary{background:var(--mint);color:#18342a;width:100%;min-height:48px}.primary svg{margin-left:auto}.primary:hover:not(:disabled){background:#daf8e9}.secondary{background:#ffffff06;color:#d7ddda;border-color:var(--line-strong)}.secondary:hover:not(:disabled){background:#ffffff0e;border-color:#ffffff30}.text-button{color:var(--muted);background:transparent;padding-left:12px;padding-right:0}.text-button:hover{color:var(--ink)}label{display:block;font-size:12px;font-weight:500;color:#c1c8c5;margin:0 0 8px}input:not([type=checkbox],[type=file]),select{width:100%;min-height:47px;border:1px solid var(--line-strong);border-radius:8px;background:#141718;color:var(--ink);padding:11px 14px}input::placeholder{font-size:12px;color:#69736f}select{color-scheme:dark}
.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:75px;align-items:center;min-height:calc(100vh - 110px);padding:50px 0 80px}.login-vehicle{min-width:0;padding-top:20px}.login-vehicle h1{font-size:44px;margin-bottom:0}.login-vehicle h1 span{display:block;font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:13px}.login-car-stage{margin:-15px -50px 0;position:relative;isolation:isolate}.login-car-stage:before{content:"";position:absolute;inset:12% 8% 7%;background:radial-gradient(ellipse,#6c80751c,transparent 64%);z-index:-1}.car-art{width:100%;height:auto;aspect-ratio:900/420;overflow:visible}.login-card{background:linear-gradient(130deg,#25292a,#1d2022 70%);border:1px solid var(--line-strong);border-radius:16px;padding:33px 30px;box-shadow:0 24px 60px #00000012}.login-card h2{font-size:25px;margin-bottom:27px;letter-spacing:-.035em}#login-form input{margin-bottom:21px}#login-form .primary{margin-top:7px}.error{font-size:12px;color:#f2b6b0;background:#d36c6510;border:1px solid #d36c6530;border-radius:8px;padding:12px 14px;margin:18px 0 0}.login-footer{height:0}
.dashboard{padding-top:36px;padding-bottom:40px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.dashboard-heading .eyebrow{margin-bottom:9px}.dashboard-heading h1{font-size:31px;margin-bottom:8px}.dashboard-heading p:last-child{font-size:11px;margin-bottom:0}.toolbar{display:flex;align-items:center;gap:12px}.auto-refresh{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;color:var(--muted);margin:0 9px 0 0;white-space:nowrap}.auto-refresh input{appearance:none;width:28px;height:16px;background:#3e4743;border-radius:12px;position:relative;cursor:pointer;margin:0}.auto-refresh input:before{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#abb6b0}.auto-refresh input:checked{background:#86b89f}.auto-refresh input:checked:before{left:15px;background:#e5fff1}.banner{margin-bottom:24px}
.vehicle-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(285px,1fr);gap:20px}.vehicle-panel{background:radial-gradient(ellipse at 45% 70%,#56635d23,transparent 65%),linear-gradient(145deg,#24282a,#1c1f20 72%);border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;position:relative;min-width:0;display:flex;flex-direction:column}.vehicle-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 30px 0;position:relative;z-index:1}.vehicle-panel h2{font-size:30px;margin:0 0 4px;letter-spacing:-.035em}.vehicle-panel-heading p{font-size:11px;color:#89968f;margin:0}.vehicle-tag{font-size:9px;color:#a6b5ac;background:#ffffff05;border:1px solid #ffffff0c;padding:5px 9px;border-radius:5px}.car-stage{position:relative;isolation:isolate;margin:-35px -2px -10px;flex:1;display:flex;align-items:center}.car-stage .car-art{position:relative;z-index:1}.stage-orbit{position:absolute;width:76%;height:37%;border:1px solid #c8dbd310;border-radius:50%;left:13%;bottom:11%;transform:rotate(-2deg);z-index:0}.stage-orbit:after{content:"";position:absolute;inset:11px -18px;border:1px solid #c8dbd306;border-radius:50%}
.vehicle-status{border:1px solid var(--line-strong);border-radius:16px;padding:24px 25px 15px;background:var(--panel)}.status-panel-heading{margin-bottom:8px}.status-panel-heading h2{font-size:17px;margin:0 0 12px}.vehicle-status-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.vehicle-status-row:last-child{border-bottom:0}.status-icon{height:33px;width:33px;display:grid;place-items:center;background:#ffffff04;border:1px solid #ffffff05;border-radius:9px;color:#acb8b1;flex-shrink:0}.status-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.vehicle-status-row h3{font-size:11px;font-weight:400;color:#a2ada7;margin:0}.vehicle-status-row p{font-size:11px;font-weight:500;margin:0 0 0 auto;color:#d8ddda;text-align:right}.vehicle-status-row p.status-good{color:#b7e5cc}.vehicle-status-row p.status-warning{color:#dfbd82}
.status-strip{display:grid;grid-template-columns:1.1fr .85fr 1.1fr 1fr;gap:15px;padding:25px 5px 22px;margin-top:12px;border-bottom:1px solid var(--line)}.status-strip>div{display:flex;flex-direction:column;gap:5px;padding-left:24px;border-left:1px solid var(--line-strong)}.status-strip>div:first-child{border-left:0;padding-left:0}.stat-label{font-size:8px;letter-spacing:.12em;color:#7c8d83;font-weight:500;margin-bottom:1px}.status-strip strong{font-size:15px;font-weight:500;letter-spacing:-.02em}.status-strip .small{font-size:9px;color:#728279}.status-end{align-items:flex-end;justify-content:center}.badge{display:inline-block;font-size:9px;line-height:1.4;font-weight:500;border-radius:5px;padding:6px 9px;white-space:nowrap}.neutral{color:#a8b5ad;background:#ffffff07;border:1px solid #ffffff08}.green{color:#c4efda;background:#85b39a16;border:1px solid #9cceae18}.amber{color:#d8c098;background:#c59f6210;border:1px solid #c59f6220}.empty-state{display:flex;align-items:center;gap:15px;background:#b9e7ce04;border:1px dashed #9cbeab25;border-radius:12px;padding:19px 23px;margin:26px 0 0}.empty-icon{height:34px;width:34px;background:#b9e7ce08;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#93b5a2}.empty-icon svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.empty-state h2{font-size:13px;letter-spacing:-.01em;margin-bottom:4px}.empty-state p{font-size:10px;color:#7f9388;margin:0}
.signal-section,.probe-section{margin-top:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px}.section-heading h2{font-size:21px;margin:0;letter-spacing:-.025em}.section-heading p{font-size:11px;margin-bottom:0;line-height:1.7}.section-kicker{font-size:8px;letter-spacing:.13em;color:#6f8276}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{border:1px solid #ffffff09;border-radius:12px;background:linear-gradient(140deg,#24292a,#1d2223);padding:22px 20px 18px;min-width:0;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;right:17px;top:22px;width:5px;height:5px;border-radius:50%;background:#5f7f6b33}.metric-card h3{font-size:11px;line-height:1.5;font-weight:400;color:#a3b1a8;margin:0 13px 21px 0;min-height:17px}.metric-card .reading{font-size:31px;font-weight:400;letter-spacing:-.04em;line-height:1.2;color:#e5eee8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric-card .no-reading{font-size:29px;color:#4f6156}.no-reading-note{font-size:9px;color:#6e8274;margin:9px 0 4px}.stream-row+.stream-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.stream-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;color:#80968a;font-size:9px}.flags{font:8px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#637b6b;margin-top:13px}.card-receipt{font-size:8px;color:#637b6b;margin-top:5px}
.history-panel{background:var(--panel);border:1px solid #ffffff0b;border-radius:16px;padding:26px 28px 0;margin-top:32px}.history-panel .section-heading{margin-bottom:21px}.history-panel .section-heading>.small{font-size:10px;color:#73867b}.history-controls{display:grid;grid-template-columns:minmax(220px,1fr) 150px 180px;gap:12px;padding:19px 0 23px;border-top:1px solid var(--line)}.history-controls label{font-size:9px;color:#788f80;margin-bottom:7px}.history-controls select{font-size:11px;min-height:41px;padding:8px 10px;background:#181d1e;border-color:#ffffff0c}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:13px}.chart-heading strong{font-size:10px;font-weight:500;color:#b6c4bc}.chart-heading .small{font-size:9px;color:#6b8373}.chart{min-height:215px;display:flex;align-items:center;justify-content:center;color:#708a78;background:linear-gradient(#a3dbc103,transparent);border-top:1px solid #a9d5bc0b;position:relative}.chart:empty:before{content:"No data yet";font-size:11px}.chart svg{width:100%;height:220px;overflow:visible}.chart-message{max-width:420px;text-align:center;font-size:11px;color:#718b7a;margin:0;line-height:1.8;padding:25px}.grid-line{stroke:#9acbb015;stroke-width:1;stroke-dasharray:3 6}.series-path{fill:none;stroke:#b4e9cd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.series-dot{fill:#c6f1dc;stroke:#202826;stroke-width:1.5}.chart-axis{fill:#6b8674;font:9px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.history-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 23px}.history-summary .small{font-size:9px;color:#6e8777;line-height:1.8}.compact{font-size:10px;min-height:32px;padding:6px 10px}.raw-data{border-top:1px solid var(--line);margin:0 -28px}.raw-data summary{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;list-style:none;cursor:pointer;font-size:11px;color:#9aafa0}.raw-data summary::-webkit-details-marker{display:none}.raw-data summary span{font-size:17px;font-weight:300;color:#708e7a}.raw-data[open] summary span{transform:rotate(45deg)}.raw-data[open] summary{border-bottom:1px solid var(--line)}.table-wrap{overflow:auto;padding:0 28px 8px}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:400;color:#718b7b;padding:14px 20px 13px 0}td{padding:13px 20px 13px 0;border-top:1px solid var(--line);vertical-align:top;color:#bac9bf}td:first-child{min-width:185px}.table-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.table-detail{font-size:8px;color:#5b7865;max-width:290px;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.table-empty{text-align:center;color:#6f8b79;padding:25px}.probe-section{padding-top:3px}.probe-section .section-heading h2{font-size:18px;color:#b2c0b6}.probe-section .metric-card{background:#222523}.probe-section>.small{color:#5f7868;padding:14px 0 3px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){main{padding:0 40px}}
@media(max-width:1200px){.masthead{padding:0 40px}main{padding:0 35px}.login-layout{gap:40px;grid-template-columns:minmax(0,1fr) 330px}.login-car-stage{margin-left:-40px;margin-right:-40px}.vehicle-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.vehicle-panel-heading{padding:25px 25px 0}.vehicle-status{padding:22px 22px 13px}.vehicle-status-row{padding:12px 0}.car-stage{margin:0 -10px -5px}.toolbar{gap:9px}.auto-refresh{margin-right:3px}.metric-card{padding:20px 16px}.metric-card .reading{font-size:28px}}
@media(max-width:980px){.login-layout{grid-template-columns:minmax(0,1fr) 320px;gap:25px}.login-vehicle h1{font-size:38px}.login-car-stage{margin-left:-50px;margin-right:-40px}.vehicle-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:15px}.vehicle-tag{display:none}.vehicle-panel h2{font-size:28px}.car-stage{margin:25px -30px 10px}.status-strip{grid-template-columns:1.2fr .8fr 1.2fr;gap:10px}.status-strip .status-end{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-heading{align-items:flex-start}.toolbar{flex-wrap:wrap;justify-content:flex-end}.auto-refresh{width:100%;justify-content:flex-end;margin-bottom:0}.dashboard-heading h1{font-size:29px}.vehicle-status-row{gap:10px}.status-icon{height:30px;width:30px}.vehicle-status-row h3,.vehicle-status-row p{font-size:10px}.history-controls{grid-template-columns:minmax(190px,1fr) 130px 150px}}
@media(max-width:760px){.masthead{height:74px;padding:0 24px}.brand{gap:12px}.brand strong{font-size:16px}.brand-rings{transform:scale(.8);transform-origin:left center;width:50px}.mode-switch{padding:3px;border-radius:8px}.mode-button{min-width:61px;padding:6px 10px;font-size:10px}.demo-banner{font-size:10px;padding:8px 18px}.demo-banner-detail{font-size:8px;padding-left:10px;margin-left:3px}main{padding:0 24px}.login-layout{display:flex;flex-direction:column;gap:0;align-items:stretch;max-width:430px;margin:0 auto;padding:33px 0 45px;min-height:0}.login-vehicle{padding-top:0}.login-vehicle h1{font-size:28px}.login-vehicle h1 span{font-size:10px;margin-top:7px}.login-car-stage{margin:-15px -25px -20px}.login-card{padding:27px;border-radius:14px}.login-card h2{font-size:24px;margin-bottom:24px}.dashboard{padding-top:27px}.dashboard-heading{margin-bottom:22px;display:block}.dashboard-heading .eyebrow{font-size:8px;margin-bottom:8px}.dashboard-heading h1{font-size:28px;margin-bottom:8px}.dashboard-heading p:last-child{font-size:10px}.toolbar{justify-content:flex-start;flex-wrap:nowrap;margin-top:21px;gap:10px}.auto-refresh{width:auto;justify-content:flex-start;margin-right:auto;font-size:10px}.toolbar .button{font-size:11px;min-height:36px;padding:8px 14px}.toolbar .text-button{padding-right:0;padding-left:5px}.vehicle-grid{grid-template-columns:1fr;gap:15px}.vehicle-panel{border-radius:14px}.vehicle-panel-heading{padding:22px 23px 0}.vehicle-panel h2{font-size:29px}.vehicle-tag{display:block;font-size:8px;padding:4px 7px}.vehicle-panel-heading p{font-size:10px}.car-stage{margin:-15px -6px -6px}.vehicle-status{border-radius:14px;padding:20px 22px 10px}.status-panel-heading h2{font-size:16px;margin-bottom:6px}.vehicle-status-row{padding:12px 0;gap:13px}.status-icon{width:32px;height:32px}.vehicle-status-row h3,.vehicle-status-row p{font-size:11px}.status-strip{margin-top:3px;padding:22px 0 19px;grid-template-columns:1fr 1fr;gap:20px}.status-strip>div{padding-left:20px}.status-strip>div:nth-child(3){grid-column:1/-1;border-left:0;padding:15px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.status-strip>div:nth-child(3) .stat-label{grid-column:1;grid-row:1;margin:0}.status-strip>div:nth-child(3) strong{grid-column:2;grid-row:1;font-size:12px}.status-strip>div:nth-child(3) .small{display:none}.status-strip strong{font-size:14px}.stat-label{font-size:8px}.status-strip .small{font-size:8px}.empty-state{padding:17px;gap:13px;margin-top:23px}.empty-state h2{font-size:12px}.empty-state p{font-size:10px}.empty-icon{width:31px;height:31px}.signal-section,.probe-section{margin-top:27px}.section-heading{gap:15px;margin-bottom:16px}.section-heading h2{font-size:20px}.section-kicker{display:none}.metric-grid{gap:11px}.metric-card{padding:20px 17px 17px;border-radius:11px}.metric-card h3{font-size:10px;min-height:30px;max-width:140px;margin:0 10px 15px 0}.metric-card:before{right:15px;top:25px;width:4px;height:4px}.metric-card .reading{font-size:28px}.stream-meta{font-size:8px;gap:7px}.flags{font-size:7px}.card-receipt{font-size:8px}.no-reading-note{font-size:8px}.history-panel{padding:23px 20px 0;border-radius:14px;margin-top:27px}.history-controls{grid-template-columns:1fr 1fr;gap:13px 10px;padding:18px 0 21px}.metric-select{grid-column:1/-1}.history-controls label{font-size:8px}.history-controls select{font-size:10px;min-height:41px}.chart-heading{display:block;padding-bottom:16px}.chart-heading strong{font-size:9px}.chart-heading .small{display:block;font-size:8px;margin-top:5px}.chart{min-height:185px;margin:0 -9px}.chart svg{height:185px}.chart-message{font-size:10px;padding:20px}.history-summary{gap:15px;align-items:flex-start;padding:15px 0 19px}.history-summary .small{font-size:8px}.compact{font-size:9px;padding:6px 9px}.raw-data{margin:0 -20px}.raw-data summary{font-size:10px;padding:16px 20px}.table-wrap{padding:0 20px 8px}.probe-section .section-heading h2{font-size:17px}.probe-section .badge{font-size:7px}.probe-section>.small{font-size:10px}}
@media(min-width:520px) and (max-width:760px){.vehicle-status{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.status-panel-heading{grid-column:1/-1}.vehicle-status-row:nth-child(5){border-bottom:0}.vehicle-status-row:last-child{grid-column:1/-1}.car-stage{margin:-35px 0 -20px}}
@media(max-width:380px){main{padding:0 18px}.masthead{padding:0 18px}.brand-rings{width:45px;transform:scale(.73)}.brand{gap:8px}.brand strong{font-size:15px}.mode-button{min-width:55px;padding:6px 8px;font-size:9px}.dashboard-heading h1{font-size:25px}.metric-card{padding:18px 13px 16px}.metric-card h3{font-size:9px}.metric-card .reading{font-size:25px}.metric-card:before{right:12px;top:22px}.toolbar{gap:7px}.auto-refresh{font-size:9px}.toolbar .button{font-size:10px;padding:8px 11px}.vehicle-panel-heading{padding-left:20px;padding-right:20px}.login-card{padding:26px 23px}.history-panel{padding-left:17px;padding-right:17px}.raw-data{margin-left:-17px;margin-right:-17px}.raw-data summary{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:no-preference){.button,input,select{transition:background .18s,border-color .18s}.auto-refresh input:before{transition:left .18s}.login-card{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
/* Account and vehicle selection. */
.brand-mark{display:flex;align-items:flex-end;gap:4px;height:24px;width:26px}.brand-mark i{display:block;width:5px;border:1px solid #bee8d1;border-radius:2px;background:#bee8d114}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:17px}.brand strong{font-size:17px;letter-spacing:-.025em;line-height:1.2}.brand strong span{display:block;font-size:10px;font-weight:400;letter-spacing:.01em;color:#90a298;margin-top:5px}.fleet-toolbar{display:flex;align-items:flex-end;gap:12px;margin:0 0 20px}.vehicle-selector{width:270px;max-width:50%}.vehicle-selector label{font-size:9px;color:#82998b;margin-bottom:7px}.vehicle-selector select{min-height:41px;padding:8px 12px;font-size:12px;background:#1d2322;border-color:#ffffff0e}.vehicle-selector select:disabled{color:#75877d;opacity:1}.fleet-toolbar .button{min-height:41px;font-size:11px}.vehicle-identity{margin-left:auto;padding-bottom:7px;display:flex;align-items:center;gap:12px;min-width:0}.vehicle-identity>span{font-size:8px;letter-spacing:.12em;color:#6d8675}.vehicle-identity code{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#9aae9f;overflow-wrap:anywhere}.rename-dialog{width:min(390px,calc(100% - 40px));padding:28px;color:var(--ink);background:#252c29;border:1px solid #ffffff20;border-radius:15px;box-shadow:0 25px 100px #0008}.rename-dialog::backdrop{background:#080d0bc9;backdrop-filter:blur(5px)}.rename-dialog h2{font-size:22px;margin-bottom:23px}.rename-dialog label{font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-actions .primary{width:auto;min-height:42px;min-width:80px}.dialog-actions .button{font-size:11px}
@media(max-width:760px){.brand{gap:11px}.brand strong{font-size:15px}.brand strong span{font-size:8px;margin-top:4px}.brand-mark{transform:scale(.82);transform-origin:left center;width:22px}.fleet-toolbar{gap:10px;flex-wrap:wrap;margin-bottom:17px}.vehicle-selector{flex:1;max-width:none;width:auto}.vehicle-selector select{font-size:11px}.fleet-toolbar .button{font-size:10px;padding:8px 14px}.vehicle-identity{width:100%;margin-left:0;padding:2px 0 0;gap:10px}.vehicle-identity code{font-size:9px}.vehicle-identity>span{font-size:7px}.rename-dialog{padding:25px}}
@media(max-width:380px){.brand{gap:6px}.brand strong{font-size:14px}.brand strong span{font-size:7px}.brand-mark{transform:scale(.7);width:20px}}

/* Transparent vehicle render: compact on every screen. */
.login-car-stage,.car-stage{display:flex;align-items:center;justify-content:center;height:200px;min-height:0;max-height:200px;margin:16px 18px 22px;flex:none}
.login-car-stage:before{display:none}
.car-photo{display:block;width:auto;max-width:100%;height:200px;max-height:200px;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:0;margin:0 auto}
@media(max-width:760px){.login-car-stage,.car-stage{margin:12px 12px 18px}}

.auth-loading{min-height:70vh;display:grid;place-items:center;color:var(--muted);font-size:13px}.reading-unit{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.reading-details{margin-top:9px;font-size:10px;color:var(--muted)}.reading-details summary{cursor:pointer;list-style:none}.reading-details[open] summary{margin-bottom:7px}.reading-details .flags{font-size:9px;line-height:1.7}