.fleet-view-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; }
.fleet-view-count { font-size:12px; color:#45505d; }
.fleet-view-switch { display:flex; padding:3px; border:1px solid #dce0e5; border-radius:8px; background:#f3f5f7; gap:3px; }
.fleet-view-switch button { min-width:64px; height:30px; padding:0 14px; border:0; border-radius:6px; background:transparent; color:#333; font-family:inherit; font-size:12px; font-weight:500; cursor:pointer; }
.fleet-view-switch button[aria-pressed="true"] { background:#82243e; color:#fff; box-shadow:0 1px 3px #0002; }
.fleet-view-switch button:focus-visible, .fleet-machine-card button:focus-visible { outline:2px solid #82243e; outline-offset:3px; }
.fleet-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:12px; width:100%; min-width:0; padding:2px 0 16px; align-items:start; }
#fleetCardGrid[hidden], .fleet-content > .table-wrap[hidden] { display:none !important; }
.fleet-machine-card { --state:#d13438; min-width:0; border:1px solid #e1e5ea; border-radius:14px; background:#fff; box-shadow:0 3px 12px #18212f08; overflow:hidden; color:#000; }
.fleet-machine-card.row-running { --state:#128445; }
.fleet-machine-card.row-idle { --state:#be7900; }
.fleet-machine-card.row-connected { --state:#167e91; }
.fleet-card-heading { display:flex; align-items:center; gap:8px; min-height:61px; padding:10px 12px; border-bottom:1px solid #e8ebef; background:color-mix(in srgb,var(--state) 6%,white); box-shadow:inset 3px 0 var(--state); }
.fleet-card-heading > div:first-child { display:flex; align-items:baseline; gap:7px; flex:1; min-width:0; }
.fleet-card-heading .fleet-card-label { font-size:11px; color:#46515f; }
.fleet-card-heading h3 { margin:0; font-size:20px; font-weight:600; line-height:1.2; color:#000; overflow-wrap:anywhere; letter-spacing:0; }
.fleet-card-heading button { flex:0 0 30px; width:30px; height:30px; padding:6px; border:1px solid #dce1e7; border-radius:8px; background:white; color:#82243e; display:grid; place-items:center; cursor:pointer; }
.fleet-card-heading button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; }
.fleet-card-status { min-width:0; max-width:42%; font-size:11px; }
.fleet-card-status .telemetry-state { min-width:0; }
.fleet-card-status .status { display:inline-flex; min-width:0; min-height:0; padding:4px 7px; border-radius:6px; font-size:10px; line-height:1.3; white-space:normal; overflow-wrap:anywhere; }
.fleet-card-metrics { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); margin:0; padding:0 12px; gap:0 8px; }
.fleet-card-field { grid-column:span 3; min-width:0; padding:9px 0; border-bottom:1px solid #edf0f3; }
.fleet-card-field dt { font-size:10px; line-height:1.4; color:#4c5664; margin-bottom:4px; }
.fleet-card-field dd { margin:0; min-width:0; color:#000; font-size:12px; font-weight:500; line-height:1.4; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.fleet-card-field-1 { grid-column:span 5; }
.fleet-card-field-2 { grid-column:span 4; }
.fleet-card-field-3 { grid-column:span 3; }
.fleet-card-field-1 dd, .fleet-card-field-2 dd, .fleet-card-field-3 dd { font-size:12px; font-weight:600; }
.fleet-card-field-7, .fleet-card-field-8 { grid-column:span 6; padding:11px 0; }
.fleet-card-field-7 dd { font-size:25px; font-weight:600; line-height:1.2; color:#116b42; }
.fleet-card-field-8 dd { font-size:19px; font-weight:600; line-height:30px; }
.fleet-card-field-5 .activity-live-timer, .fleet-card-field-6 .activity-live-timer { display:inline; min-width:0; padding:0; border:0; background:none; box-shadow:none; }
.fleet-card-field-5 strong, .fleet-card-field-6 strong { font-size:11px; font-weight:600; white-space:nowrap; }
.fleet-card-field .timer-safe strong { color:#13803f; }
.fleet-card-field .timer-overdue strong { color:#c62738; }
.fleet-card-field-11 { grid-column:1/-1; border:0; padding:7px 0 9px; display:flex; gap:8px; align-items:center; }
.fleet-card-field-11 dt { margin:0; }
.fleet-card-field-11 dd { flex:1; font-size:11px; }
.fleet-card-field-11 .alarm-cell { min-width:0; }
.fleet-card-empty { grid-column:1/-1; padding:35px 16px; margin:0; text-align:center; font-size:13px; color:#4b5563; border:1px dashed #dce1e7; border-radius:12px; }
body[data-theme="dark"] .fleet-machine-card { background:#181b20; color:#f4f5f7; border-color:#3a3e46; }
body[data-theme="dark"] .fleet-card-heading { background:color-mix(in srgb,var(--state) 12%,#181b20); }
body[data-theme="dark"] .fleet-card-field dd, body[data-theme="dark"] .fleet-card-heading h3 { color:#fff; }
body[data-theme="dark"] .fleet-card-field dt, body[data-theme="dark"] .fleet-card-label { color:#bec6d1; }
body[data-theme="dark"] .fleet-card-field, body[data-theme="dark"] .fleet-card-heading { border-color:#353a43; }