.summary{gap:14px}.metric{min-height:94px;padding:15px 17px;position:relative;display:grid;grid-template-columns:13px 1fr;grid-template-rows:auto 1fr;column-gap:9px;align-items:center}.metric .label{grid-column:2}.metric strong{grid-column:1/3;font-size:28px;margin-top:2px}.metric-icon{width:9px;height:9px;border-radius:50%;background:#6f8799;box-shadow:0 0 10px #6f879966}.metric.good .metric-icon{background:var(--green);box-shadow:0 0 12px #32d58377}.metric.attention .metric-icon{background:var(--red);box-shadow:0 0 12px #f9706677}.metric.caution .metric-icon,.metric.idle .metric-icon,.metric.stale .metric-icon{background:var(--amber)}.metric.running .metric-icon{background:var(--blue)}.metric.caution strong{color:var(--amber)}
.alert-panel{min-height:72px;padding:12px 15px;grid-template-columns:175px 1fr;align-items:center;background:linear-gradient(100deg,#291719,#21161a);box-shadow:0 10px 35px #0002}.alert-panel h2{font-size:19px;margin:2px 0}.alert-chip{appearance:none;color:var(--text);display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.alert-chip span{color:#f8c9c5}.alert-chip em{font-style:normal;color:#ffaaa3;font-size:11px;margin-left:auto}.alert-chip:hover{border-color:#a25a60;background:#482428}
.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px}.vehicle-card{padding:16px 17px;border-left:1px solid var(--line);box-shadow:0 12px 30px #02080d22}.vehicle-card.healthy{border-left-color:var(--line)}.vehicle-card.warning{border-left:3px solid var(--amber)}.vehicle-card.critical{border-left:3px solid var(--red);background:linear-gradient(145deg,#172737,#111b28);box-shadow:inset 0 0 30px #f9706609,0 12px 30px #02080d33}.unit{min-width:0}.unit-line{display:flex;align-items:center;gap:8px}.unit h3{font-size:23px;letter-spacing:-.025em}.unit p{font-size:11px;text-transform:uppercase;letter-spacing:.035em}.group-badge{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #31516a;background:#132c3e;color:#9bc1da;border-radius:999px;padding:3px 7px;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.card-badges{display:flex;align-items:flex-end;gap:5px;flex-direction:column}.health-badge,.state{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.health-badge.healthy{background:#103627;color:var(--green)}.health-badge.warning{background:#493716;color:#ffd475}.health-badge.critical{background:#482126;color:#ff9289}.state{padding:4px 7px}
.fuel-gauge{margin-top:14px;background:#07131f99;border-radius:9px;padding:9px 10px}.fuel-label{display:flex;justify-content:space-between;align-items:center}.fuel-label span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.06em}.fuel-label strong{font-size:13px}.gauge-track{height:5px;margin-top:7px;background:#1a3142;border-radius:999px;overflow:hidden}.gauge-track i{display:block;height:100%;border-radius:999px;background:var(--green)}.fuel-gauge.warning .gauge-track i{background:var(--amber)}.fuel-gauge.warning .fuel-label strong{color:#ffd475}.fuel-gauge.critical .gauge-track i{background:var(--red)}.fuel-gauge.critical .fuel-label strong{color:var(--red)}.fuel-gauge.unavailable{opacity:.7}
.stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.stat{padding:9px 8px}.stat span{font-size:9px}.stat strong{font-size:13px}.card-foot{border-top:1px solid #1c3446;margin-top:10px;padding-top:9px}.details-link{color:#78bfff;font-weight:700}.toolbar{margin-top:18px}.empty{padding:50px}.table-view .fuel-gauge{margin:0}.table-view .card-badges{flex-direction:row}.table-view .vehicle-card{grid-template-columns:1.2fr 1fr 1.8fr .7fr;align-items:center;gap:12px}.table-view .card-foot{border:0;padding:0;margin:0}
.fault-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.fault-heading strong{background:#5b292d;color:#ffaaa3;border-radius:999px;padding:3px 8px}.fault-detail{background:#111e29;border:1px solid #34485a;border-left:4px solid var(--amber);border-radius:9px;padding:13px;margin-top:9px}.fault-detail.critical{border-left-color:var(--red)}.fault-detail.low-severity{border-left-color:#eab84b}.fault-severity{color:#eab84b;font-size:11px;font-weight:800;text-transform:uppercase}.fault-detail.critical .fault-severity{color:var(--red)}.fault-detail h3{margin:5px 0 7px;font-size:16px}.fault-code{margin:0;color:#c5d4df;line-height:1.5}.fault-meta{margin:8px 0 0;color:var(--muted);font-size:11px}
.gauge-track{display:block;width:100%;height:5px;border:0;appearance:none;-webkit-appearance:none;background:#1a3142;border-radius:999px;overflow:hidden}.gauge-track::-webkit-progress-bar{background:#1a3142;border-radius:999px}.gauge-track::-webkit-progress-value{background:var(--green);border-radius:999px}.gauge-track::-moz-progress-bar{background:var(--green);border-radius:999px}.fuel-gauge.warning .gauge-track::-webkit-progress-value{background:var(--amber)}.fuel-gauge.warning .gauge-track::-moz-progress-bar{background:var(--amber)}.fuel-gauge.critical .gauge-track::-webkit-progress-value{background:var(--red)}.fuel-gauge.critical .gauge-track::-moz-progress-bar{background:var(--red)}
.location-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:15px;background:linear-gradient(135deg,#0a2232,#0a1925);border:1px solid #29465b;border-radius:11px}.location-copy{min-width:0}.location-label{display:block;color:#79bfff;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:5px}.location-copy strong{display:block;font-size:15px;line-height:1.35}.location-copy p{color:var(--muted);font-size:11px;margin:6px 0 0}.map-button{flex:none;color:#fff;background:#1976d2;border:1px solid #4095e7;border-radius:8px;padding:10px 12px;text-decoration:none;font-size:12px;font-weight:800}.map-button:hover{background:#2687e4}@media(max-width:600px){.location-panel{align-items:flex-start;flex-direction:column}.map-button{width:100%;text-align:center}}
.diagnostics-section,.asset-section{margin-top:18px}.diagnostics-section>h3,.asset-section>h3{margin:0 0 9px;color:#a9bfd0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.diagnostics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diagnostic-item,.tire-item{background:#081622;border:1px solid var(--line);border-radius:9px;padding:11px}.diagnostic-item span,.tire-item span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.diagnostic-item strong,.tire-item strong{display:block;margin-top:5px}.diagnostic-item small,.tire-item small{display:block;color:#6f899d;font-size:9px;margin-top:5px}.tire-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:650px){.diagnostics-grid{grid-template-columns:repeat(2,1fr)}.tire-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1200px){.summary{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.vehicle-grid{grid-template-columns:1fr}.alert-panel{grid-template-columns:1fr}.card-badges{align-items:flex-end}.unit-line{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}}