.overview-heading{gap:7px;letter-spacing:.08em}.overview-heading b{margin-left:5px}.overview-mode{border:0;border-radius:7px;background:transparent;padding:6px 8px;color:var(--muted);font:650 10px var(--mono);cursor:pointer}.overview-mode.is-active{background:rgba(var(--accent-rgb),.1);color:var(--accent)}
.fleet-grid{position:relative;z-index:1;min-height:calc(100vh - 68px);padding:14px;display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fleet-loading{grid-column:1/-1;min-height:240px;display:grid;place-items:center;color:var(--faint);font:11px var(--mono)}
.fleet-health{grid-column:1/-1;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:var(--card);padding:10px 13px}.fleet-health i{width:8px;height:8px;border-radius:50%;background:var(--danger)}.fleet-health.is-ready i{background:var(--good);box-shadow:0 0 10px rgba(83,221,162,.55)}.fleet-health strong{font-size:11px}.fleet-health span{margin-left:auto;color:var(--faint);font:9px var(--mono)}
.fleet-group{grid-column:1/-1;display:grid;gap:10px}.fleet-group>header{display:flex;align-items:center;justify-content:space-between;padding:4px 3px}.fleet-group>header span{display:flex;align-items:center;gap:8px}.fleet-group>header i{width:8px;height:8px;border-radius:50%;background:var(--faint)}.fleet-group.is-live-group>header i{background:var(--good);box-shadow:0 0 10px rgba(83,221,162,.5)}.fleet-group>header strong{font-size:13px}.fleet-group>header b{min-width:27px;padding:4px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font:750 9px var(--mono);text-align:center}.fleet-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fleet-group-empty{grid-column:1/-1;margin:0;padding:22px;border:1px dashed var(--line);border-radius:11px;color:var(--faint);font:10px var(--mono);text-align:center}
.fleet-card{min-width:0;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--surface-2));overflow:hidden}.fleet-card.is-online{border-color:rgba(83,221,162,.25)}.fleet-card.is-live{border-color:rgba(83,221,162,.5);box-shadow:0 10px 30px rgba(35,142,102,.09)}.fleet-card.is-warning{border-color:rgba(255,199,102,.34)}.fleet-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.fleet-number{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:10px;color:var(--accent);font:800 12px var(--mono)}.fleet-identity{min-width:0;display:grid}.fleet-identity strong,.fleet-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-identity strong{font-size:13px}.fleet-identity small{margin-top:3px;color:var(--faint);font:9px var(--mono)}.fleet-state{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--faint);font:700 9px var(--mono)}.fleet-state i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.fleet-card.is-online .fleet-state,.fleet-card.is-live .fleet-state{color:var(--good)}.fleet-card.is-online .fleet-state i,.fleet-card.is-live .fleet-state i{background:var(--good);box-shadow:0 0 9px rgba(83,221,162,.5)}
.fleet-body{display:grid;gap:11px;padding:13px 14px}.fleet-bind{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--card-2);padding:9px}.fleet-device{min-width:0;display:grid}.fleet-device small{color:var(--faint);font:8px var(--mono);letter-spacing:.09em}.fleet-device strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.fleet-device em{margin-top:5px;color:var(--accent);font:700 8px var(--mono);font-style:normal}.fleet-bind>span{color:var(--accent);font:12px var(--mono)}
.fleet-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.fleet-metric{min-width:0;border:1px solid rgba(139,170,210,.12);border-radius:9px;background:var(--card);padding:8px}.fleet-metric small{display:block;color:var(--faint);font:7px var(--mono);letter-spacing:.06em}.fleet-metric strong{display:block;margin-top:5px;overflow:hidden;color:var(--text-bright);font:700 10px var(--mono);text-overflow:ellipsis;white-space:nowrap}.fleet-poster{border-left:2px solid var(--accent-2);padding:5px 9px;background:rgba(var(--accent-2-rgb),.055)}.fleet-poster small{display:block;color:var(--accent-2);font:8px var(--mono)}.fleet-poster strong{display:block;margin-top:4px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fleet-error{border:1px solid rgba(var(--danger-rgb),.18);border-radius:8px;padding:8px 9px;background:rgba(var(--danger-rgb),.045);color:var(--danger);font-size:9px;line-height:1.5;overflow-wrap:anywhere}.fleet-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}.fleet-actions button{border:1px solid var(--line);border-radius:8px;background:var(--button);padding:7px 9px;color:var(--muted);font-size:9px;cursor:pointer}.fleet-actions button:hover{border-color:var(--line-strong);color:var(--accent)}.fleet-actions button.danger{border-color:rgba(var(--danger-rgb),.24);color:var(--danger)}.fleet-actions button:disabled{opacity:.4;cursor:not-allowed}.fleet-command{color:var(--faint);font:8px var(--mono)}
@media(max-width:980px){.fleet-grid{grid-template-columns:1fr}.fleet-group>div{grid-template-columns:1fr}.fleet-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}