.fleet { max-width: 1560px; margin: auto; padding: 30px 28px 48px; }
.fleet-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.fleet-heading h1 { font-size:28px; margin:0 0 8px; }
.fleet-heading p, .fleet-muted { color:var(--muted); margin:0; font-size:13px; line-height:1.5; }
.fleet-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); margin-bottom:28px; }
.fleet-summary > div { padding:20px 16px; border-right:1px solid var(--line); }
.fleet-summary > div:last-child { border:0; }
.fleet-summary strong { display:block; font-size:30px; margin:10px 0 5px; }
.fleet-summary label, .fleet-label { color:var(--muted); font-size:12px; font-weight:650; }
.fleet-grid { display:grid; grid-template-columns:340px minmax(0,1fr); gap:28px; }
.fleet-list-panel { min-width:0; }
.fleet-tools { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.fleet-tools input,.fleet-tools select { color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:10px; min-width:0; }
.fleet-tools input { width:100%; }
.fleet-tools select { width:100%; }
.fleet-picker { display:block; width:100%; text-align:left; padding:18px; margin-bottom:10px; background:var(--panel); border:1px solid var(--line); border-radius:7px; }
.fleet-picker.selected { border-color:var(--green); background:#142119; }
.fleet-picker:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.fleet-picker strong { font-size:17px; }
.fleet-picker small { display:block; color:var(--muted); margin-top:10px; line-height:1.5; overflow-wrap:anywhere; }
.fleet-picker-top,.fleet-detail-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.fleet-detail { min-width:0; border-top:2px solid var(--green); }
.fleet-detail-head { padding:22px 0; flex-wrap:wrap; }
.fleet-detail h2 { margin:0 0 8px; font-size:24px; overflow-wrap:anywhere; }
.fleet-badge { display:inline-flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; white-space:nowrap; }
.fleet-badge.live { color:var(--green); }
.fleet-badge.upload { color:var(--cyan); }
.fleet-badge.fault { color:var(--red); }
.fleet-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px; }
.fleet-fact { padding:18px 0; border-top:1px solid var(--line); min-width:0; }
.fleet-fact strong { display:block; font-size:24px; margin:10px 0 7px; overflow-wrap:anywhere; }
.fleet-fact.firmware strong { font-size:17px; line-height:1.45; }
.fleet-fact small { display:block; font-size:12px; color:var(--muted); line-height:1.5; overflow-wrap:anywhere; }
.fleet-faults { margin-top:18px; border-top:1px solid var(--line); }
.fleet-faults h3 { font-size:16px; margin:20px 0 12px; }
.fleet-fault { padding:14px 0; border-bottom:1px solid var(--line); }
.fleet-fault strong { color:var(--red); overflow-wrap:anywhere; }
.fleet-fault p { color:var(--muted); margin-bottom:0; overflow-wrap:anywhere; }
.fleet-note { padding:12px 14px; border-left:3px solid var(--yellow); background:var(--panel); color:var(--muted); line-height:1.5; font-size:13px; margin-bottom:8px; }
.fleet-empty { padding:28px 0; color:var(--muted); line-height:1.6; }
@media(max-width:1000px) { .fleet-grid {grid-template-columns:270px minmax(0,1fr);} .fleet-facts {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:720px) { .fleet {padding:22px 16px;} .fleet-grid {grid-template-columns:1fr;} .fleet-summary {grid-template-columns:repeat(2,minmax(0,1fr));} .fleet-summary > div:nth-child(2) {border-right:0;} .fleet-heading {align-items:flex-start;flex-direction:column;} .fleet-picker-top {flex-wrap:wrap;} .fleet-heading h1 {font-size:25px;} }