:root {
  --bg-base:#09080d; --bg-elevated:#151017; --bg-card:rgba(24,17,24,.86); --bg-card-solid:#181218;
  --bg-input:#110e14; --bg-hover:rgba(255,52,81,.1); --border-subtle:rgba(255,197,207,.12);
  --border-focus:rgba(255,65,91,.72); --text-primary:#f8f2f3; --text-secondary:#b9aab0; --text-muted:#8f7e85;
  --accent:#ff3b58; --accent-strong:#d91637; --accent-indigo:#9c173b;
  --shadow-lg:0 22px 60px rgba(0,0,0,.42); --radius-sm:8px; --radius-md:14px; --radius-lg:19px;
}
[data-theme="light"] {
  --bg-base:#f4f1f2; --bg-elevated:#fff; --bg-card:rgba(255,255,255,.91); --bg-card-solid:#fff;
  --bg-input:#f9f5f6; --bg-hover:rgba(190,25,54,.06); --border-subtle:rgba(74,30,40,.13);
  --border-focus:rgba(209,30,58,.58); --text-primary:#211820; --text-secondary:#69565e; --text-muted:#88757d;
  --accent:#c81d3b; --accent-strong:#a5122d; --accent-indigo:#e16b80; --shadow-lg:0 18px 48px rgba(73,36,45,.11);
}
body::before {
  background:radial-gradient(ellipse at 88% 0,rgba(160,12,43,.19),transparent 36%),
    radial-gradient(ellipse at 15% 72%,rgba(115,8,43,.12),transparent 35%),
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px;
}
[data-theme="light"] body::before {opacity:.32}
.sidebar {background:linear-gradient(175deg,rgba(24,15,22,.98),rgba(10,9,13,.98));border-right:1px solid rgba(255,83,106,.16);box-shadow:18px 0 60px rgba(0,0,0,.12)}
[data-theme="light"] .sidebar {background:rgba(255,255,255,.92);border-color:var(--border-subtle)}
.sidebar-header {border-color:var(--border-subtle)}
.brand-icon {background:linear-gradient(145deg,#ff4a65,#ab092a);box-shadow:0 0 28px rgba(255,42,79,.27)}
.brand-icon svg {width:25px;height:25px}
.nav-section-title {letter-spacing:.14em;font-size:.64rem}
.nav-item {border:1px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.nav-item:hover {transform:translateX(3px)}
.nav-item.active {background:linear-gradient(90deg,rgba(255,46,80,.19),rgba(255,46,80,.035));border-color:rgba(255,70,96,.22);box-shadow:inset 3px 0 var(--accent)}
.topbar {background:rgba(13,10,15,.76);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(20px)}
[data-theme="light"] .topbar {background:rgba(255,255,255,.78)}
.topbar-title {letter-spacing:-.025em;font-weight:750}
.page-content {max-width:1850px;width:100%;margin:auto}
.card,.kpi-card,.auth-card,.modal-box {position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px)}
.card::before,.kpi-card::before {content:"";position:absolute;left:18px;top:0;width:42px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.65;pointer-events:none}
.card:hover,.kpi-card:hover {border-color:rgba(255,72,100,.28)}
.kpi-card {overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.kpi-card:hover {transform:translateY(-4px)}
.kpi-card::after {content:"";position:absolute;width:90px;height:90px;right:-35px;bottom:-40px;border:1px solid rgba(255,75,100,.15);border-radius:50%;box-shadow:0 0 0 12px rgba(255,75,100,.025),0 0 0 26px rgba(255,75,100,.02)}
.kpi-label,.form-label {letter-spacing:.045em}
.kpi-value {letter-spacing:-.04em}
.card-title {letter-spacing:-.025em}
.btn {border:1px solid var(--border-subtle);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover {transform:translateY(-2px);border-color:rgba(255,69,96,.42)}
.btn:active {transform:translateY(0)}
.btn-primary {background:linear-gradient(120deg,#f02b4c,#b41133);border-color:rgba(255,100,120,.42);box-shadow:0 8px 22px rgba(207,20,55,.24);color:#fff}
.btn-primary:hover {background:linear-gradient(120deg,#ff4765,#d21b40);box-shadow:0 10px 28px rgba(239,38,75,.30)}
.input,select,textarea {background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background .2s}
.input:focus,select:focus,textarea:focus {outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(255,53,84,.13)}
input[type="date"] {color-scheme:dark}
[data-theme="light"] input[type="date"] {color-scheme:light}
.table-wrap {border:1px solid var(--border-subtle);border-radius:12px}
thead th {font-size:.69rem;letter-spacing:.09em;text-transform:uppercase}
tbody tr {transition:background .18s} tbody tr:hover {background:var(--bg-hover)}
.auth-card {max-width:470px;padding:38px;border-top:1px solid rgba(255,75,100,.42);overflow:hidden}
.auth-card::after {content:"";position:absolute;width:190px;height:190px;right:-96px;top:-103px;border:1px solid rgba(255,56,85,.24);border-radius:50%;box-shadow:0 0 0 25px rgba(255,50,80,.035),0 0 0 50px rgba(255,50,80,.025);pointer-events:none}
.auth-screen::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(235,18,59,.12),transparent 44%);pointer-events:none;animation:aurora 9s ease-in-out infinite alternate}
.empty-fleet {display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-color:rgba(255,63,91,.3);background:linear-gradient(115deg,rgba(152,17,47,.18),var(--bg-card));margin-bottom:18px}
.empty-fleet h3 {margin:7px 0}.empty-fleet p {margin:0;color:var(--text-secondary)}
.eyebrow {font-size:.66rem;letter-spacing:.18em;font-weight:800;color:var(--accent)}
.osm-dark .leaflet-tile-pane {filter:grayscale(.9) invert(.88) contrast(.9) hue-rotate(340deg) saturate(.65)}
.leaflet-container {background:#1b171c;color:#211820}.leaflet-control-attribution {font-size:10px!important}
@keyframes aurora {from{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}
@keyframes revealPanel {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.animate-in {animation:revealPanel .4s cubic-bezier(.16,1,.3,1) both}
.grid-kpis .kpi-card:nth-child(2){animation-delay:.04s}.grid-kpis .kpi-card:nth-child(3){animation-delay:.08s}.grid-kpis .kpi-card:nth-child(4){animation-delay:.12s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.section-heading {margin-bottom:20px}.section-heading h2{margin:6px 0;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--text-secondary);font-size:.85rem}.action-row,.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-actions{justify-content:flex-end;margin-top:16px}.cost-kpis .kpi-value{font-size:1.6rem}.spend-chart{height:165px;display:flex;gap:8px;align-items:flex-end;justify-content:space-around;margin:16px 0 0}.spend-col{height:100%;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;color:var(--text-muted)}.spend-bar{width:min(32px,80%);min-height:2px;border-radius:6px 6px 2px 2px;background:linear-gradient(#ff5a74,#a41132);box-shadow:0 0 15px rgba(255,49,83,.22);transition:height .5s}.spend-col small{font-size:.66rem}.cost-category{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:14px 0;font-size:.83rem}.cost-line{height:4px;width:100%;background:var(--border-subtle);border-radius:5px;overflow:hidden}.cost-line i{display:block;height:100%;background:var(--accent)}.subline{display:block;color:var(--text-muted);margin-top:3px}.empty-note{color:var(--text-muted)}.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;color:var(--text-secondary);font-size:.82rem}
.permission-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--border-subtle);border-radius:9px;font-size:.8rem}.permission-row select{max-width:155px;padding:7px}.permission-vehicles{display:flex;gap:12px;flex-wrap:wrap;color:var(--text-secondary);font-size:.84rem}.badge{margin:2px}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.detail-item{padding:12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-input);min-width:0}.detail-item small{display:block;color:var(--text-muted);font-size:.7rem;margin-bottom:5px}.detail-item b{font-size:.82rem;overflow-wrap:anywhere}
.worker-status{border:1px solid var(--border-subtle);border-radius:11px;margin:10px 0 14px;padding:10px}.worker-head,.worker-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:.75rem;border-bottom:1px solid var(--border-subtle)}.worker-row:last-child{border:0}.worker-error{display:block;color:var(--rose);overflow-wrap:anywhere}
/* Fleet interface: Rajdhani headings, restrained line icons and motion. */
html,body{font-family:'Rajdhani','Inter',sans-serif;font-size:16px}
:root{--sidebar-w:260px}
.sidebar{background:linear-gradient(180deg,#0d090d,#07070a);border-right:1px solid rgba(255,255,255,.075)}
.sidebar-header{min-height:78px}.brand-text>div:first-child{font-weight:700;letter-spacing:.045em}.brand-icon{border-radius:10px}
.nav-section-title{font-size:.68rem;letter-spacing:.18em}.nav-list{gap:3px}.nav-item{font-weight:700;letter-spacing:.025em;font-size:.9rem;padding:10px 12px}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.nav-icon svg{width:18px;height:18px}
.card-title,.topbar-title,.kpi-value,h1,h2,h3{font-family:'Rajdhani','Inter',sans-serif;font-weight:700;letter-spacing:.015em}
.kpi-label,.eyebrow{font-weight:700;letter-spacing:.12em}.kpi-value{font-size:2rem}.card,.kpi-card{border-radius:14px}
.fuel-history-card{margin-bottom:18px}.auth-screen{isolation:isolate;overflow:hidden}.auth-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.75) brightness(.52)}
.auth-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(5,4,7,.88),rgba(12,5,10,.58)),radial-gradient(circle at 70% 20%,rgba(220,20,63,.14),transparent 45%)}
.auth-card{background:rgba(12,9,13,.87);backdrop-filter:blur(22px);border:1px solid rgba(255,65,95,.18)}
.item-row{display:grid;grid-template-columns:minmax(120px,2fr) minmax(75px,.7fr) minmax(90px,1fr) minmax(90px,1fr) auto;gap:8px;align-items:end;margin:8px 0}
.service-files{display:grid;gap:8px;margin:12px 0}.service-file{display:flex;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--border-subtle);border-radius:8px}
.geo-draw-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.geo-draw-toolbar .active{border-color:var(--accent);color:var(--accent)}
@media(max-width:650px){.item-row{grid-template-columns:1fr 1fr}.item-row label:first-child{grid-column:1 / -1}.auth-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.auth-video{display:none}}
.geo-handle{background:transparent;border:0}.geo-handle span{display:block;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#ef284d;box-shadow:0 0 0 3px rgba(239,40,77,.28)}
.manual-report{border:1px solid var(--border-subtle);border-radius:12px;padding:14px;margin:12px 0}.manual-report h3{margin:0 0 10px}.manual-report .input,.manual-report select{width:auto;min-width:140px}
.gyro-panel{margin-top:16px;padding:14px;border:1px solid var(--border-subtle);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:radial-gradient(circle at 80% 50%,rgba(238,42,80,.14),transparent 45%)}.gyro-panel h3,.gyro-panel p{margin:5px 0}.gyro-scene{width:160px;height:110px;display:grid;place-items:center;perspective:400px}.gyro-car{width:120px;transform-style:preserve-3d;transition:transform .5s ease}.gyro-car svg{width:100%;filter:drop-shadow(0 12px 8px rgba(0,0,0,.45))}
.system-banner{margin:14px 20px;padding:12px 16px;border:1px solid var(--accent);border-radius:10px;background:rgba(238,42,80,.12);color:var(--text-primary);font-weight:600;white-space:pre-wrap}.system-controls{margin-top:20px}.worker-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.map-schedule{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:16px}.map-schedule label{display:grid;gap:5px;min-width:80px}.map-schedule input{width:90px}.map-schedule select{min-width:135px}.map-update-card{margin-top:16px}
.vehicle-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:18px}.vehicle-column{display:grid;gap:18px;align-content:start}.vehicle-info-row{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.vehicle-info-row span{color:var(--text-secondary)}.vehicle-info-row b{text-align:right;overflow-wrap:anywhere}.vehicle-detail .gyro-scene{margin:15px auto}.vehicle-detail details{margin-top:12px}.vehicle-detail pre{white-space:pre-wrap;word-break:break-all}.vehicle-detail form .permission-row{margin-bottom:10px}@media(max-width:1000px){.vehicle-layout{grid-template-columns:1fr}}
.service-thumb{width:54px;height:42px;object-fit:cover;border-radius:5px;vertical-align:middle;margin-right:8px}.item-notes{min-width:120px}.service-vehicle-card{margin:14px 0}.service-stats{display:flex;gap:22px;flex-wrap:wrap;color:var(--text-secondary)}.service-vehicle-card summary{cursor:pointer}
/* Vehicle profiles and a separate device workspace */
.fleet-page-head,.vehicle-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.fleet-page-head h2,.vehicle-hero h2{margin:5px 0;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.05}
.fleet-page-head p,.vehicle-hero p,.fleet-card-top p{color:var(--text-secondary);margin:6px 0 0}
.vehicle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.fleet-search{position:relative;width:min(420px,100%)}.fleet-search span{position:absolute;left:14px;top:3px;font-size:1.6rem;color:var(--text-muted)}.fleet-search .input{padding-left:40px;width:100%}.fleet-count{color:var(--text-muted);white-space:nowrap}
.fleet-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),420px));gap:18px;justify-content:start}.fleet-vehicle-card{display:flex;flex-direction:column;min-width:0;margin:0;transition:border-color .2s,transform .2s}.fleet-vehicle-card:hover{border-color:rgba(235,49,85,.55);transform:translateY(-2px)}.fleet-vehicle-card[hidden]{display:none}
.fleet-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.fleet-card-top h3{margin:15px 0 0;font-size:1.35rem}.fleet-card-top .badge{white-space:normal;text-align:center}
.fleet-card-details{margin:18px 0;display:grid;gap:9px}.fleet-card-details div{display:flex;justify-content:space-between;gap:15px}.fleet-card-details dt{color:var(--text-secondary)}.fleet-card-details dd{margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere}
.fleet-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--bg-input);border-radius:12px;padding:13px}.fleet-card-metrics small,.vehicle-metrics small{display:block;color:var(--text-secondary);font-size:.76rem;margin-bottom:5px}.fleet-card-metrics b{font-size:1.13rem}.fleet-card-metrics em{font-style:normal;color:var(--text-muted);font-size:.8rem}.fleet-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:18px}.vehicle-empty{text-align:center;color:var(--text-secondary);padding:48px 15px}
.vehicle-back{border:0;background:none;color:var(--text-secondary);padding:0;cursor:pointer;margin-bottom:22px;font:inherit}.vehicle-back:hover{color:var(--accent)}.vehicle-hero-title{display:flex;align-items:center;gap:18px}.vehicle-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.vehicle-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.vehicle-metrics>div{padding:19px 21px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:14px}.vehicle-metrics strong{display:block;font-size:clamp(1.2rem,2vw,1.8rem);overflow-wrap:anywhere}.vehicle-summary-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start}.vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.vehicle-overview .table-wrap{overflow-x:auto}.vehicle-overview th,.vehicle-overview td{white-space:nowrap}
.vehicle-gyro-3d{height:260px;position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at center,rgba(245,51,85,.16),transparent 70%),var(--bg-input)}.vehicle-gyro-3d canvas{display:block;width:100%;height:100%;touch-action:none}.gyro-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:25px;color:var(--text-secondary);font-size:.9rem}
.settings-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-cards>.card{height:100%;margin:0}.settings-cards .form-group{margin-bottom:12px}.settings-save{grid-column:1/-1;display:flex;justify-content:flex-end}.settings-workers{margin-top:18px}.settings-workers summary{cursor:pointer}.settings-workers .worker-status{margin-top:15px}.settings-fuel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:end}.settings-hint{font-size:.78rem;color:var(--text-secondary)}
@media(max-width:900px){.vehicle-summary-layout{grid-template-columns:1fr}.vehicle-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.fleet-page-head,.vehicle-hero{align-items:stretch;flex-direction:column}.vehicle-hero-title{align-items:flex-start;flex-direction:column}.vehicle-facts,.settings-cards{grid-template-columns:1fr}.settings-save{grid-column:auto}.settings-fuel{grid-template-columns:1fr 1fr}.settings-fuel button{grid-column:1/-1}.fleet-card-metrics{gap:5px}.fleet-card-metrics b{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.fleet-vehicle-card{transition:none}.fleet-vehicle-card:hover{transform:none}}
/* Compact, theme-aware fleet instruments and automation workspace */
.fleet-monitor{height:auto;min-height:0;align-items:start;grid-template-columns:minmax(280px,340px) minmax(0,1fr)}
.fleet-monitor .fleet-sidebar{height:calc(100vh - 115px);min-height:560px;position:sticky;top:10px}
.fleet-list-heading{padding:18px 16px 14px;border-bottom:1px solid var(--border-subtle)}.fleet-list-heading h3{margin:4px 0 12px}.fleet-list-heading .input{width:100%}
.fleet-map-column{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.fleet-map-column .map-container{height:clamp(400px,54vh,680px)}
.instrument-panel{margin:0;padding:20px}.instrument-panel h3{margin:4px 0}.instrument-panel .card-header{margin-bottom:16px}.instruments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:10px}
.instrument{position:relative;min-width:0;text-align:center;border:1px solid var(--border-subtle);border-radius:13px;background:linear-gradient(160deg,rgba(255,49,83,.075),transparent 58%),var(--bg-input);padding:12px 6px 10px}.instrument-label{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument svg{display:block;width:min(120px,100%);height:85px;margin:4px auto 0}.instrument-track,.instrument-progress{fill:none;stroke-width:7;stroke-linecap:round}.instrument-track{stroke:var(--border-subtle)}.instrument-progress{stroke:var(--accent);filter:drop-shadow(0 0 5px rgba(242,43,83,.3));transition:stroke-dasharray .4s ease}.instrument-value{fill:var(--text-primary);font:700 19px Rajdhani, sans-serif}.instrument-unit{fill:var(--text-muted);font:600 9px Inter, sans-serif}.instrument-state{font-size:.68rem;color:var(--text-muted)}.instrument-missing .instrument-progress{opacity:.25}
[data-theme="light"] .instrument{background:linear-gradient(155deg,rgba(229,26,65,.07),transparent 58%),var(--bg-input)}
.widget-settings{display:grid;gap:7px;max-height:54vh;overflow-y:auto}.widget-setting{display:grid;grid-template-columns:minmax(155px,1fr) minmax(105px,1fr) 78px 78px auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--border-subtle);border-radius:10px}.widget-setting-name{display:flex;gap:8px;align-items:center;min-width:0}.widget-setting-name span{overflow-wrap:anywhere}.widget-setting-name small{color:var(--text-muted)}.widget-setting .input{min-width:0;padding:8px}.widget-order{display:flex;gap:4px}
.notification-button{position:relative}.notification-button.has-notice::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:3px;top:3px}.notice-list{max-height:55vh;overflow-y:auto}.notice-item{padding:12px 0;border-bottom:1px solid var(--border-subtle)}.notice-item small{float:right;color:var(--text-muted)}.notice-item p{margin:6px 0;color:var(--text-secondary);white-space:pre-wrap}
.automation-stack{display:grid;gap:18px}.alert-rules h2,.alert-rules h3{margin:5px 0}.alert-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:20px 0}.alert-preset{display:flex;align-items:center;gap:10px;text-align:left;min-height:58px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-input);color:var(--text-primary);padding:10px;cursor:pointer;font:600 .88rem Inter,sans-serif;transition:border-color .2s,transform .2s}.alert-preset:hover{border-color:var(--accent);transform:translateY(-2px)}.preset-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:rgba(235,42,80,.13);color:var(--accent);font-size:1.05rem}.preset-add{color:var(--text-muted);margin-left:auto}.alert-rule-heading{display:flex;align-items:center;gap:12px;margin:20px 0 8px}.rule-actions{white-space:nowrap}.rule-and{font-size:.68rem;font-weight:700;color:var(--accent)}.rule-condition{padding:13px;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:10px;background:var(--bg-input)}.condition-inputs{display:grid;grid-template-columns:minmax(0,2fr) 90px minmax(90px,1fr);gap:8px;margin-top:8px}.rule-advanced{margin-top:16px}.rule-checks{display:flex;gap:14px;flex-wrap:wrap}.rule-checks label{display:flex;align-items:center;gap:7px}
.hud-pod{background:var(--bg-card);border-color:var(--border-subtle);color:var(--text-primary)}.hud-pod svg text{fill:var(--text-primary)}.hud-pod svg text:last-child{fill:var(--text-muted)}.hud-pod #hudSpeedArc,.hud-pod #hudRpmArc{stroke:var(--accent)}
@media(max-width:1000px){.fleet-monitor{grid-template-columns:1fr}.fleet-monitor .fleet-sidebar{position:static;height:auto;min-height:0;max-height:350px}.fleet-map-column .map-container{height:440px}}
@media(max-width:680px){.widget-setting{grid-template-columns:minmax(0,1fr) 65px 65px auto}.widget-setting-name{grid-column:1/3}.widget-label{grid-column:3/5}.condition-inputs{grid-template-columns:minmax(0,1fr) 74px 90px}.instrument-panel .card-header{align-items:flex-start;gap:10px;flex-wrap:wrap}.instruments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-preset{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.instrument-progress,.alert-preset{transition:none}.alert-preset:hover{transform:none}}
.vehicle-detail .vehicle-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.vehicle-detail>.card{margin-top:18px}.module-live-notice{margin-bottom:16px;padding:12px 16px;border:1px solid var(--accent);border-radius:12px;color:var(--text-primary);background:rgba(235,42,80,.12)}.module-live-notice[hidden],#tokenTools[hidden]{display:none}.module-locked{color:var(--text-secondary)}.token-qr{margin:15px 0;width:150px;height:150px;padding:5px;background:#fff;border-radius:8px}.token-qr svg{display:block;width:100%;height:100%}
@media(max-width:1100px){.vehicle-detail .vehicle-layout{grid-template-columns:1fr}}
.module-meter{display:flex;justify-content:flex-end;align-items:center;gap:10px}.module-meter progress{width:72px;height:7px;border:0;border-radius:5px;overflow:hidden;accent-color:var(--accent)}.module-meter progress[hidden]{display:none}
#fleetWidgetForm .widget-setting{display:flex;flex-direction:column;align-items:stretch}
#fleetWidgetForm .widget-setting-name{display:flex;justify-content:space-between;align-items:start}
#fleetWidgetForm .widget-order{display:flex;justify-content:flex-end}

/* Readable body text while retaining the existing Vanguard headings and theme. */
html,body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
:root{--text-secondary:#c7bac1;--text-muted:#b0a0a8}
[data-theme="light"]{--text-secondary:#57454e;--text-muted:#6e5c65}
.vehicle-overview .vehicle-info-row,.legacy-module-page .legacy-data-row{font-size:.94rem;line-height:1.5}
.vehicle-overview .empty-note,.legacy-module-page .empty-note,.can-table-editor .empty-note{font-size:.9rem;line-height:1.55}
.legacy-module-page h4{font-size:1rem}
.legacy-module-page .legacy-switch strong{font-size:.92rem}
.legacy-module-page .legacy-switch small,.legacy-module-page .legacy-relay-grid label,.legacy-module-page .legacy-patrol-grid label{font-size:.84rem;line-height:1.4}
.legacy-module-page .legacy-relay-grid .input,.legacy-module-page .legacy-patrol-grid .input{font-size:.9rem;padding:9px}
.legacy-module-page .legacy-data-row{padding:9px 0}
.legacy-meter{flex-wrap:wrap}.legacy-meter progress{width:100px;max-width:55%;height:8px;border:0;border-radius:20px;overflow:hidden;background:var(--border-subtle)}
.legacy-meter progress::-webkit-progress-bar{background:var(--border-subtle);border-radius:20px}.legacy-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#f53254,#a91c39);border-radius:20px}.legacy-meter progress::-moz-progress-bar{background:var(--accent);border-radius:20px}
.module-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.legacy-can-editor-table{font-size:.9rem}.legacy-can-editor-table .input{font-size:.88rem;padding:8px}.legacy-can-editor-table th{font-size:.76rem;letter-spacing:.045em}
.legacy-can-add-form label{width:140px;font-size:.82rem}.legacy-can-add-form .input{font-size:.88rem;padding:8px}
.can-field-id{width:90px}.can-field-name{width:155px}.can-field-short{width:86px}.can-field-display{width:120px}.can-field-formula{width:190px}.can-field-label{width:130px}
.can-manual-body{font-size:.92rem}.can-manual-grid p{font-size:.88rem}.can-formula-example code{font-size:.86rem}
.sniffer-bit-note{grid-column:1/-1;margin:0;padding:12px;border:1px solid #a87939;border-radius:9px;line-height:1.5;color:var(--text-primary);background:rgba(177,119,37,.12)}
.kb-review-note{color:var(--amber)!important}
.widget-setting-name{font-size:.92rem}.widget-setting-name small,.widget-form-grid small,.widget-state-row small{font-size:.8rem}.widget-setting .input{font-size:.88rem;padding:8px}
@media(max-width:760px){.legacy-module-page .section-heading{gap:12px;align-items:flex-start}.module-header-actions{justify-content:flex-start}.legacy-can-add-form label{width:min(100%,180px)}}
/* Capabilities follow the announced tracker hardware; no fake zero readings. */
.capability-wrap{position:relative;min-width:0}.capability-unavailable>.capability-content{filter:blur(2.5px);opacity:.42;pointer-events:none;user-select:none}.capability-lock{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;gap:7px;padding:12px;border-radius:10px;color:var(--text-primary);font-weight:700;font-size:.88rem;background:color-mix(in srgb,var(--bg-card-solid) 24%,transparent)}.capability-lock[hidden]{display:none!important}.auth-first-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.initial-password-card [hidden]{display:none!important}.initial-password-card form{margin-top:20px}
.can-confirm-card{border:1px solid #e6a52e;overflow:hidden}.can-confirm-card>h3{margin:-20px -20px 18px;padding:16px 20px;background:#e7a523;color:#211800}.can-confirm-card>p:nth-of-type(2){background:rgba(235,51,76,.14);border:1px solid rgba(238,59,84,.55);padding:12px;border-radius:8px}.can-confirm-card>p:nth-of-type(3){background:rgba(53,170,206,.13);border:1px solid rgba(60,174,211,.45);padding:12px;border-radius:8px}.can-guide-warning{padding:16px;border:1px solid #db3d50;border-radius:10px;background:rgba(223,52,73,.13);color:var(--text-primary)}.can-practical-guide{display:grid;gap:12px;margin-top:20px}.can-practical-guide article{padding:14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-input)}.can-practical-guide h5{font-size:.98rem;margin:0 0 10px}.can-practical-guide code{color:var(--accent)}
.modal-box.fleet-widget-modal{width:min(1500px,96vw);max-width:1500px;max-height:94vh;padding:clamp(16px,2vw,28px)}.fleet-widget-modal .widget-settings{max-height:calc(94vh - 225px);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.fleet-widget-modal .widget-setting{padding:16px;background:linear-gradient(150deg,rgba(255,53,84,.055),transparent),var(--bg-input);border-color:var(--border-subtle)}.fleet-widget-modal .widget-setting[hidden]{display:none}.fleet-widget-modal .widget-setting-name{font-size:1rem}.fleet-widget-modal .widget-setting-name small{font-size:.78rem}.fleet-widget-modal .widget-form-grid small{font-size:.8rem}.widget-filter-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}.widget-filter-bar .input{max-width:380px}.widget-filter-bar small{color:var(--text-secondary)}.instrument-label{font-size:.9rem;line-height:1.3;white-space:normal;min-height:1.3em}.instrument-value{font-family:Inter,system-ui,sans-serif;font-size:20px}.instrument-unit{font-size:10px}.instrument{--widget-color:var(--accent);padding:14px 10px}.instrument-progress{stroke:var(--widget-color)}.widget-tint-green{--widget-color:#35c991}.widget-tint-blue{--widget-color:#38aaf5}.widget-tint-amber{--widget-color:#f2b94b}.widget-tint-red{--widget-color:#ff405f}.widget-tint-gray{--widget-color:#a99da4}.widget-tint-accent{--widget-color:var(--accent)}.widget-bar-value{font-size:1.6rem;font-weight:700;margin:15px 0 10px}.widget-bar-value small{font-size:.8rem;color:var(--text-secondary)}.widget-bar-track{height:10px;background:var(--border-subtle);border-radius:20px;overflow:hidden}.widget-bar-fill{height:100%;background:var(--widget-color);border-radius:20px;transition:width .3s}.widget-bar-range{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.75rem;margin-top:6px}.route-analysis-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.route-analysis-head h4,.route-diagnostics h4{margin:0 0 6px}.route-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary);margin:8px 0}.route-legend .road-good{color:#35c991}.route-legend .road-over{color:#ff4261}.route-legend .road-limit{color:#f5c45c}.route-diagnostics{margin:18px 0;padding:16px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-input)}.sniffer-ai{display:flex;flex-wrap:wrap;gap:8px}.sniffer-ai>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sniffer-define-grid #snifferAiResults{grid-column:1/-1}
@media(max-width:760px){.modal-box.fleet-widget-modal{width:96vw;max-height:95vh}.fleet-widget-modal .widget-settings{max-height:calc(95vh - 255px)}.widget-filter-bar .input{max-width:none}.route-analysis-head{align-items:flex-start}}
body{font-size:16.5px}.fleet-veh-item .mono{font-family:Inter,system-ui,sans-serif;font-size:.84rem!important;flex-wrap:wrap;line-height:1.45}.instrument-panel .card-header h3{font-size:1.15rem}.btn-sm{font-size:.88rem}.legacy-module-page .badge{font-size:.8rem}.sniffer-ai{margin:8px 0}.sniffer-ai small{color:var(--text-secondary)}
thead th{font-size:.78rem;letter-spacing:.055em}.eyebrow,.nav-section-title{font-size:.75rem}.instrument-unit{font-size:12px}.widget-bar-range,.fleet-widget-modal .widget-setting-name small,.fleet-widget-modal .widget-form-grid small{font-size:.84rem}

/* One menu control, a full-width workspace and a persistent footer. */
.app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.app-shell.collapsed{grid-template-columns:0 minmax(0,1fr)}
.app-shell.collapsed .sidebar{visibility:hidden;pointer-events:none}
.main-area{min-width:0}
.page-content{max-width:none;width:100%;margin:0;padding-inline:clamp(14px,2vw,30px)}
.app-footer{padding:18px clamp(14px,2vw,30px);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.82rem;text-align:center}
.app-footer a{color:var(--text-primary);text-decoration:none}.app-footer a:hover{color:var(--accent)}
.fleet-trip-log{margin-top:10px;width:100%;justify-content:center}
@media(max-width:1024px){.app-shell,.app-shell.collapsed{grid-template-columns:minmax(0,1fr)}.app-shell.collapsed .sidebar{visibility:visible;pointer-events:auto}}
@media(max-width:1024px){.app-shell.collapsed .brand-text,.app-shell.collapsed .nav-section-title{display:block}.app-shell.collapsed .nav-label{display:inline}.app-shell.collapsed .nav-badge{display:inline-flex}}
.route-page-heading h2{margin:6px 0}.route-page-heading p{color:var(--text-secondary);margin:0}.route-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:22px 0 12px;padding:16px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-input)}
.route-filters label{display:grid;gap:6px;flex:1 1 150px;min-width:0;color:var(--text-secondary);font-size:.82rem}.route-filters .route-search{flex:1.5 1 200px}.route-filters .input{width:100%;min-height:40px}.route-filter-actions{display:flex;gap:8px}.route-table-wrap{width:100%;overflow-x:auto}.routes-table{width:100%;min-width:1700px}.routes-table td{vertical-align:middle;line-height:1.45;font-size:.86rem}.routes-table .route-address{min-width:190px;max-width:280px;white-space:normal;overflow-wrap:anywhere}.routes-table .route-date{min-width:140px;font-variant-numeric:tabular-nums}.routes-table small{color:var(--text-secondary)}.route-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:170px}.route-list-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px}.route-empty{text-align:center;padding:32px;color:var(--text-secondary)}
[hidden]{display:none!important}
.sniffer-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.sniffer-controls label{display:grid;gap:5px;min-width:180px;font-size:.8rem;color:var(--text-secondary)}.sniffer-controls .input{max-width:360px}.sniffer-status{margin-left:auto;font-size:.85rem;color:var(--text-secondary)}.sniffer-status::before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#ee5268}.sniffer-status.live::before{background:#35c991;box-shadow:0 0 9px #35c991}.sniffer-status.paused::before{background:#f1b84a}.can-byte-changed{background:rgba(244,175,53,.22);color:#ffc65f}.sniffer-byte-filter{border:0;background:none;color:var(--text-primary);font:inherit;cursor:pointer}.sniffer-row-active td{background:rgba(244,175,53,.17)}.sniffer-bits{display:flex;gap:5px;justify-content:center}.sniffer-bits span{display:grid;text-align:center;gap:3px}.sniffer-bits small{color:var(--text-secondary)}.sniffer-bits b{padding:5px 9px;border-radius:6px;background:var(--bg-input)}.sniffer-bits b.on{color:#51dca3;background:rgba(53,201,145,.16)}.sniffer-kb{display:grid;gap:6px;margin-top:14px}.sniffer-kb>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--border-subtle);border-radius:9px}.sniffer-kb>div small{color:var(--text-secondary)}.sniffer-kb>div strong{margin-left:auto;color:#51dca3}.sniffer-live-preview{grid-column:1/-1;padding:15px;border:1px solid var(--border-subtle);border-radius:10px;line-height:1.8;background:var(--bg-input)}.sniffer-define-tools{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.sniffer-value-on{color:#51dca3;font-weight:700}
/* Telemetry studio: add individual signals and see each result before saving. */
.modal-box.widget-composer-modal{width:min(1640px,97vw);max-width:1640px;max-height:96vh;display:flex;flex-direction:column;overflow:hidden}
.widget-composer-modal>.card-header{flex:0 0 auto}.widget-composer-modal>.card-header p{margin:7px 0 0;line-height:1.45}.widget-composer-modal #fleetWidgetForm{display:flex;flex-direction:column;min-height:0;flex:1}.widget-composer{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;min-height:0;flex:1;margin-top:14px}.widget-catalog,.widget-composition{min-width:0;display:flex;flex-direction:column;min-height:0}.widget-catalog h4,.widget-composition h4{margin:0 0 10px}.widget-catalog>#widgetFilter{width:100%}.widget-catalog>#widgetCatalog{overflow:auto;margin-top:10px;padding-right:5px}.widget-catalog-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 5px;border-bottom:1px solid var(--border-subtle)}.widget-catalog-item b,.widget-catalog-item small{display:block;overflow-wrap:anywhere}.widget-catalog-item b{font-size:.88rem}.widget-catalog-item small{color:var(--text-secondary);font-size:.75rem;margin-top:3px}.widget-catalog-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,61,96,.12);color:var(--accent)}.widget-catalog-icon svg{width:22px;height:22px}.widget-composition-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.widget-composition-header span,.widget-composition-header small{font-size:.8rem;color:var(--text-secondary)}
.widget-composer-modal .widget-settings{max-height:none;overflow:auto;align-content:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr));padding:3px}.widget-composer-modal .widget-setting{padding:16px;gap:12px}.widget-setting-name>div:first-child{min-width:0}.widget-setting-name small{display:block;margin-top:4px;color:var(--text-secondary);font-weight:400}.widget-editor-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);gap:14px}.widget-editor-fields{min-width:0}.widget-form-grid .input{width:100%}.widget-icon-config,.widget-state-config{margin-top:12px;border-top:1px solid var(--border-subtle);padding-top:9px}.widget-icon-config summary,.widget-state-config summary{cursor:pointer;color:var(--text-secondary);font-size:.84rem}.widget-current-icon{display:inline-flex;vertical-align:middle;color:var(--accent)}.widget-current-icon svg{width:20px;height:20px}.widget-icon-config>.widget-icon{width:100%;margin-top:8px}.widget-icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:5px;margin:10px 0}.widget-icon-picker button{display:grid;place-items:center;min-height:38px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer}.widget-icon-picker button:hover,.widget-icon-picker button.selected{color:var(--accent);border-color:var(--accent);background:rgba(255,50,85,.12)}.widget-icon-picker svg{width:21px;height:21px}.widget-state-rows{margin-top:10px}.widget-state-row{grid-template-columns:60px minmax(80px,1fr);align-items:end}.widget-state-row .state-blink-label{padding:0 0 8px}.widget-preview-panel{display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:center;padding:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px}.widget-preview-title{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--accent)}.widget-preview-panel .instrument{height:100%;min-height:145px}.widget-preview-panel label{display:flex;align-items:center;gap:8px;text-align:left}.widget-preview-panel label small,.widget-preview-panel>small{color:var(--text-secondary);font-size:.74rem;line-height:1.35}.widget-preview-panel input{width:100%;min-width:0}.widget-composer-modal .modal-actions{flex:0 0 auto;margin-top:12px}
.widget-tint-purple{--widget-color:#ba89ff}.widget-tint-teal{--widget-color:#28cbb3}.widget-tint-pink{--widget-color:#fd80b1}.widget-tint-white{--widget-color:#f4f4f7}.widget-status.widget-color-purple{color:#ba89ff;opacity:1}.widget-status.widget-color-teal{color:#28cbb3;opacity:1}.widget-status.widget-color-pink{color:#fd80b1;opacity:1}.widget-status.widget-color-white{color:#f4f4f7;opacity:1}
.instrument .widget-ring-svg{width:min(140px,100%);height:120px}.widget-ring-progress{transform:rotate(-90deg);transform-origin:center}.widget-level{height:120px;display:flex;align-items:center;justify-content:center;gap:15px}.widget-level-track{position:relative;width:25px;height:94px;border-radius:14px;background:var(--border-subtle);overflow:hidden}.widget-level-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,var(--widget-color),color-mix(in srgb,var(--widget-color),white 35%));border-radius:14px}.widget-level strong,.widget-compact strong{display:block;font-size:1.6rem;color:var(--text-primary)}.widget-level small,.widget-compact small{color:var(--text-secondary)}.widget-compact{display:flex;align-items:center;justify-content:center;gap:14px;min-height:120px;text-align:left}.widget-compact>.widget-icon-svg{width:48px;height:48px;color:var(--widget-color)}
.widget-status{min-height:120px;gap:9px}.widget-status-icon{display:grid;place-items:center;flex-shrink:0}.widget-status-icon svg{width:32px;height:32px;margin:0}.widget-status-copy{display:grid;gap:4px}.widget-status-off{opacity:.7}.widget-status-on{color:var(--widget-color)}.widget-status.status-pill{min-height:105px}.status-pill .widget-status-icon{width:43px;height:43px;border-radius:50%;background:color-mix(in srgb,currentColor 16%,transparent)}.status-pill .widget-status-copy{padding:8px 12px;border-radius:99px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);background:color-mix(in srgb,currentColor 8%,transparent)}.widget-status.status-indicator,.widget-status.status-icon{flex-direction:column}.status-indicator .widget-status-icon{width:62px;height:62px;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 42%,transparent);background:radial-gradient(circle,color-mix(in srgb,currentColor 22%,transparent),transparent 75%)}.status-icon .widget-status-icon{width:70px;height:62px;border-radius:14px;background:color-mix(in srgb,currentColor 12%,transparent)}.status-icon .widget-status-icon svg{width:40px;height:40px}.status-state .widget-status-icon{width:54px;height:54px;border-radius:14px;background:color-mix(in srgb,currentColor 15%,transparent)}.status-state .widget-status-copy{text-align:left}.status-state small{font-size:.72rem;opacity:.8}
.widget-graph-line{stroke:var(--widget-color)}
.instrument-heading{display:flex;align-items:center;justify-content:center;gap:7px;min-height:22px}.instrument-heading-icon{display:inline-flex;color:var(--widget-color)}.instrument .instrument-heading-icon svg{width:18px;height:18px;margin:0}
@media(max-width:1000px){.widget-composer{grid-template-columns:1fr;overflow:auto}.widget-catalog>#widgetCatalog{max-height:190px}.widget-composer-modal .widget-settings{overflow:visible}.widget-composition{min-height:auto}}
@media(max-width:620px){.widget-editor-body{grid-template-columns:1fr}.widget-preview-panel{max-width:none}.widget-composer-modal .widget-settings{grid-template-columns:1fr}.widget-composer-modal .widget-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-composer-modal{padding:14px}}

/* Flexible telemetry cards and combined visualizations. */
.instrument-panel{container-type:inline-size}.instruments-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));align-items:stretch}
.widget-size-large{grid-column:span 2}.widget-size-wide{grid-column:span 3}.widget-size-full{grid-column:1/-1}
.widget-skin-glass{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 55%),var(--bg-input);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.widget-skin-neon{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--widget-color) 17%,transparent),transparent 70%),var(--bg-input);border-color:color-mix(in srgb,var(--widget-color) 48%,var(--border-subtle));box-shadow:inset 0 0 22px color-mix(in srgb,var(--widget-color) 8%,transparent)}
.widget-skin-minimal{background:var(--bg-input);border-color:transparent;box-shadow:none}.widget-skin-carbon{background:repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 2px,transparent 2px 5px),var(--bg-input)}
.widget-animation-none *{transition:none!important;animation:none!important}.widget-animation-smooth{animation:gjk-widget-enter .35s ease both}.widget-animation-pulse .instrument-heading-icon,.widget-animation-pulse .widget-status-icon{animation:gjk-widget-pulse 2.2s ease-in-out infinite}.widget-animation-glow{animation:gjk-widget-glow 3s ease-in-out infinite}
@keyframes gjk-widget-enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes gjk-widget-pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes gjk-widget-glow{0%,100%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 18px color-mix(in srgb,var(--widget-color) 28%,transparent)}}
.widget-chart-combo{display:grid;grid-template-columns:minmax(95px,145px) minmax(0,1fr);align-items:center;gap:14px}.widget-chart-combo-reading{min-width:0}.widget-chart-wrap{min-width:0;width:100%;text-align:left}.instrument .widget-sparkline{width:100%;max-width:none;height:150px;max-height:none;margin:5px 0;overflow:visible}.widget-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 14px;color:var(--text-primary);font-size:.78rem;line-height:1.35}.widget-chart-legend span{display:inline-flex;align-items:center;gap:5px}.widget-chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.widget-chart-legend small,.widget-chart-note{color:var(--text-secondary);font-size:.73rem}.widget-chart-note{display:block;text-align:center;margin-top:5px}.widget-chart-config{margin-top:12px;border-top:1px solid var(--border-subtle);padding-top:9px}.widget-chart-config summary{cursor:pointer;color:var(--text-secondary);font-size:.84rem}.widget-chart-config .empty-note{font-size:.78rem;margin:8px 0}
.widget-preview-panel .widget-chart-combo{grid-template-columns:1fr}.widget-preview-panel .instrument .widget-sparkline{height:96px}.widget-preview-panel .widget-chart-legend small{display:none}
@container (max-width:650px){.widget-size-wide{grid-column:span 2}}
@container (max-width:380px){.widget-size-large,.widget-size-wide{grid-column:1/-1}.widget-chart-combo{grid-template-columns:1fr}.instrument .widget-sparkline{height:125px}}
@media(prefers-reduced-motion:reduce){.widget-animation-smooth,.widget-animation-pulse .instrument-heading-icon,.widget-animation-pulse .widget-status-icon,.widget-animation-glow,.widget-blink{animation:none!important}.instrument-progress,.widget-bar-fill,.widget-level-fill{transition:none!important}}

/* Full-width trip charts share the replay cursor and recorded timestamps. */
.replay-history{margin:20px 0 8px;padding:20px;border:1px solid var(--border-subtle);border-radius:15px;background:linear-gradient(135deg,rgba(255,54,91,.035),transparent 48%),var(--bg-input)}
.replay-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.replay-history-heading h4{font-size:1.12rem;margin:5px 0}.replay-history-heading p{margin:4px 0 12px;line-height:1.5}.replay-chart-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.replay-chart-actions select{min-width:190px;max-width:300px}.replay-history-list{display:grid;gap:12px}
.replay-history-card{border:1px solid var(--border-subtle);border-radius:13px;background:var(--bg-card);overflow:hidden}.replay-history-card-head{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:14px 16px 4px}.replay-history-card-head h5{font-size:1rem;margin:0 0 3px}.replay-history-card-head small{color:var(--text-secondary);font-size:.8rem}.replay-history-content{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);align-items:center;gap:18px;padding:8px 16px 16px}.replay-series-canvas{display:block;width:100%;height:220px;cursor:crosshair;min-width:0}.replay-reading{position:relative;text-align:left;padding:14px;border-radius:11px;background:var(--bg-input);border:1px solid var(--border-subtle)}.replay-reading-dot{display:inline-block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.replay-reading-value{display:block;margin-top:8px;color:var(--text-primary);font-size:clamp(1.6rem,3vw,2.35rem);font-variant-numeric:tabular-nums;line-height:1.05}.replay-reading-unit,.replay-reading-time{display:block;color:var(--text-secondary);font-size:.8rem;margin-top:4px}.replay-reading-track{height:6px;margin-top:14px;border-radius:9px;background:var(--border-subtle);overflow:hidden}.replay-reading-fill{height:100%;border-radius:9px;transition:width .2s ease}.replay-reading-time{margin-top:10px;font-variant-numeric:tabular-nums}
.replay-reading-gauge{position:relative;display:grid;place-items:center;max-width:150px;margin:auto}.replay-reading-gauge svg{width:100%;height:auto;overflow:visible;transform:rotate(-90deg)}.replay-ring-track,.replay-ring-progress{fill:none;stroke-width:7}.replay-ring-track{stroke:var(--border-subtle)}.replay-ring-progress{stroke-linecap:round;transition:stroke-dasharray .25s ease;filter:drop-shadow(0 0 5px rgba(255,255,255,.15))}.replay-reading-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.replay-reading-copy .replay-reading-dot{width:7px;height:7px}.replay-reading-copy .replay-reading-value{font-size:clamp(1.5rem,2.4vw,2rem);margin:4px 0 0}.replay-reading-time{text-align:center}
@media(max-width:660px){.replay-history{padding:14px}.replay-history-content{grid-template-columns:1fr;gap:8px}.replay-reading{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.replay-reading-gauge{width:105px;margin:0}.replay-reading-track{flex:1;min-width:60px;margin:0}.replay-reading-time{margin:0}.replay-chart-actions{width:100%}.replay-chart-actions select{flex:1;min-width:0}.replay-series-canvas{height:190px}}
@media(prefers-reduced-motion:reduce){.replay-reading-fill,.replay-ring-progress{transition:none!important}}

/* Current road limit: a familiar road-sign treatment over the selected map. */
.fleet-speed-overlay{position:absolute;z-index:500;left:18px;bottom:30px;display:flex;align-items:center;gap:11px;max-width:min(330px,calc(100% - 36px));padding:10px 14px 10px 10px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(20,16,23,.91);box-shadow:0 10px 32px rgba(0,0,0,.38);backdrop-filter:blur(14px);color:#f8fafc;pointer-events:none}
.fleet-speed-overlay[hidden]{display:none}.road-sign{display:grid;place-items:center;flex:none;width:70px;height:70px;border:7px solid #e52c3d;border-radius:50%;background:#fff;color:#151515;box-shadow:0 2px 8px #0007,inset 0 0 0 1px #ddd;font:800 30px/1 system-ui,sans-serif;letter-spacing:-1px}.road-sign-unknown{border-color:#9ca3af;color:#69717d}.road-sign-caption{min-width:0;display:flex;flex-direction:column;gap:5px}.road-sign-caption strong{font-size:.86rem;overflow-wrap:anywhere}.road-sign-caption span{font-size:.76rem;color:#c8c0cb}.fleet-speed-overlay.speeding .road-sign-caption span{color:#ff687d;font-weight:700}
.worker-row{align-items:center;gap:18px;flex-wrap:wrap;font-size:.87rem}.worker-description{min-width:210px;flex:1 1 260px}.worker-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.worker-toggle{display:flex;align-items:center;gap:6px;white-space:nowrap}.worker-frequency{display:flex;align-items:center;gap:6px;white-space:nowrap}.worker-frequency input,.worker-frequency select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:7px}.worker-frequency input{width:76px}.worker-frequency select{width:auto}.road-map-card{margin-top:16px}
@media(max-width:700px){.fleet-speed-overlay{left:12px;bottom:26px;padding:7px;gap:8px}.road-sign{height:54px;width:54px;border-width:6px;font-size:23px}.road-sign-caption strong{font-size:.76rem}.road-sign-caption span{font-size:.7rem}.worker-actions{justify-content:flex-start}.worker-row{padding:13px 0}}
.road-settings-card{margin:18px 0}.road-service-toggle{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.road-service-toggle input{margin-top:4px}.road-service-toggle span{display:grid;gap:4px}.road-service-toggle small{color:var(--text-secondary);line-height:1.4}.road-band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.road-band-grid label{display:grid;gap:6px;color:var(--text-secondary);font-size:.85rem}.road-admin-status{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-subtle)}.road-status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 16px;margin:16px 0;color:var(--text-secondary);font-size:.82rem}.road-status-details b{color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}

/* Fullscreen live-map HUD; configured charts remain on the regular page. */
.fleet-speed-overlay .road-sign{display:block;flex:none;width:70px;height:70px;border:0;border-radius:50%;background:transparent;box-shadow:0 2px 9px #0008;overflow:visible;animation:road-sign-enter .3s ease-out both}
@keyframes road-sign-enter{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
.fleet-speed-overlay.speeding .road-sign{filter:drop-shadow(0 0 7px #ff345b)}
.fleet-fullscreen-active{overflow:hidden}
.map-container.fleet-fullscreen{position:fixed;inset:0;z-index:100000;width:100vw;height:100vh;height:100dvh;min-height:0;border:0;border-radius:0;background:#111;overflow:hidden}
.fleet-fullscreen #fleetMap{height:100%;min-height:0}
.fleet-fullscreen .map-overlay-bar{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));box-shadow:0 8px 28px #0007;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 72px)}
.fleet-fullscreen .fleet-speed-overlay{top:max(78px,calc(env(safe-area-inset-top) + 68px));left:max(16px,env(safe-area-inset-left));bottom:auto}
.fleet-fullscreen .instrument-panel{position:absolute;z-index:600;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));margin:0;padding:11px 14px 13px;border-radius:18px;background:rgba(16,13,20,.88);border:1px solid rgba(255,255,255,.16);color:#f5f1f5;box-shadow:0 12px 38px #0008;backdrop-filter:blur(18px);animation:fleet-hud-enter .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes fleet-hud-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.fleet-fullscreen .instrument-panel .card-header{margin:0 0 8px;min-height:22px}.fleet-fullscreen .instrument-panel .eyebrow{display:none}.fleet-fullscreen .instrument-panel h3{font-size:.9rem;margin:0;color:#f6f2f6}.fleet-fullscreen #fleetWidgetSettings{display:none}
.fleet-fullscreen .instruments-grid{display:flex;align-items:stretch;justify-content:safe center;gap:9px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain;padding:2px 1px 5px}
.fleet-fullscreen .instruments-grid>.instrument{flex:0 0 138px;min-width:138px;min-height:117px;padding:8px 7px;background:rgba(26,20,29,.76);border-color:rgba(255,255,255,.12)}
.fleet-fullscreen .instrument-label{color:#e0d7e0;font-size:.82rem}.fleet-fullscreen .instrument svg:not(.widget-icon-svg){height:75px;max-width:100px}.fleet-fullscreen .instrument .instrument-value{fill:#fff}.fleet-fullscreen .instrument .instrument-unit{fill:#d1c6d1}
.fleet-fullscreen .widget-chart{display:none!important}.fleet-fullscreen .widget-gauge_chart .widget-chart-wrap,.fleet-fullscreen .widget-number_chart .widget-chart-wrap,.fleet-fullscreen .widget-gauge_chart .widget-empty,.fleet-fullscreen .widget-number_chart .widget-empty{display:none!important}.fleet-fullscreen .widget-chart-combo{grid-template-columns:1fr;gap:0}.fleet-fullscreen .widget-status{min-height:78px}.fleet-fullscreen .widget-icon-svg{width:30px;height:30px}
.road-control-host{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:4px}.worker-purpose{display:block;color:var(--text-secondary);font-size:.81rem;line-height:1.4;margin:5px 0}
@media(max-width:700px){.fleet-speed-overlay .road-sign{height:56px;width:56px}.fleet-fullscreen .fleet-speed-overlay{top:max(102px,calc(env(safe-area-inset-top) + 92px));left:10px}.fleet-fullscreen .instrument-panel{left:8px;right:8px;bottom:max(22px,env(safe-area-inset-bottom));padding:8px}.fleet-fullscreen .instruments-grid>.instrument{flex-basis:118px;min-width:118px;min-height:101px}.fleet-fullscreen .instrument svg:not(.widget-icon-svg){height:62px}.fleet-fullscreen .map-overlay-bar{top:8px;right:8px;gap:4px}.fleet-fullscreen .map-overlay-bar .btn{font-size:.75rem;padding:7px}}
@media(prefers-reduced-motion:reduce){.fleet-speed-overlay .road-sign,.fleet-fullscreen .instrument-panel{animation:none!important}}

/* Built-in certificate settings */
.tls-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.tls-card{padding:24px}.tls-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 20px}.tls-heading h2{margin:0 0 5px;font-size:1.45rem}.tls-heading p,.tls-hint{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin:5px 0 14px}.tls-lock{display:grid;place-items:center;min-width:54px;height:54px;border-radius:16px;background:var(--bg-hover);font-size:1.5rem}.tls-toggle{display:flex;gap:12px;align-items:flex-start;padding:15px;margin-bottom:18px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px}.tls-toggle input,.tls-agree input{accent-color:var(--accent);margin-top:3px}.tls-toggle small{display:block;color:var(--text-secondary);margin-top:3px}.tls-card .form-group{display:block;margin-bottom:15px}.tls-card .form-label{display:block;margin-bottom:6px}.tls-card .input{width:100%}.tls-advanced{border:1px solid var(--border-subtle);border-radius:12px;padding:13px 14px;margin:10px 0 16px}.tls-advanced summary{cursor:pointer;font-weight:700}.tls-ports{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.tls-agree{display:flex;gap:9px;align-items:start;font-size:.9rem;color:var(--text-secondary)}.tls-agree a{color:var(--accent)}.tls-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 8px}.tls-state{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-input)}.tls-dot{width:10px;height:10px;border-radius:50%;background:#9b8f98}.tls-ready .tls-dot{background:#18be83;box-shadow:0 0 12px rgba(24,190,131,.5)}.tls-error .tls-dot{background:var(--accent)}.tls-neutral .tls-dot{background:#e6a62f}.tls-rows{margin-top:14px}.tls-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--border-subtle);font-size:.9rem}.tls-row span{color:var(--text-secondary)}.tls-row b{overflow-wrap:anywhere;text-align:right}.tls-pending,.tls-error-detail,.tls-network-note{padding:13px 15px;margin-top:14px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-input);line-height:1.45}.tls-pending{border-color:#d69e38;color:var(--text-primary)}.tls-error-detail{border-color:var(--accent)}.tls-error-detail p,.tls-network-note p{color:var(--text-secondary);margin:7px 0 0;overflow-wrap:anywhere}.tls-error-detail p{white-space:pre-wrap}@media(max-width:900px){.tls-layout{grid-template-columns:1fr}}@media(max-width:480px){.tls-card{padding:18px}.tls-ports{grid-template-columns:1fr}}