/* ============================================================
   Archer Processor — Live Fleet Command Center
   © 2026 Pennyworth LLC. All rights reserved.
   ============================================================ */
.fleet{border:1px solid var(--line2);border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(12,20,38,0.94),rgba(8,13,26,0.94));box-shadow:var(--shadow)}
.fleet-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:16px 20px;border-bottom:1px solid var(--line)}
.fleet-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px}
.fleet-title .fleet-sub{display:block;color:var(--muted);font-weight:500;font-size:12px;margin-top:2px;margin-left:18px}
.fleet-kpis{display:flex;gap:18px;flex-wrap:wrap}
.fleet-kpis .fk{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.fleet-kpis .fk b{font-size:21px;font-weight:750;font-variant-numeric:tabular-nums}
.fleet-kpis .fk b.g{color:var(--green)} .fleet-kpis .fk b.a{color:var(--amber)}
.fleet-kpis .fk b.r{color:var(--red)} .fleet-kpis .fk b.i{color:var(--blue)}
.fleet-kpis .fk span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}

.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 20px}
@media(max-width:980px){.fleet-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.fleet-grid{grid-template-columns:1fr}}

.fcard{border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:rgba(255,255,255,0.022);
  transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}
.fcard.green{border-color:rgba(86,201,138,0.30)}
.fcard.amber{border-color:rgba(242,180,65,0.40);box-shadow:0 0 22px rgba(242,180,65,0.07)}
.fcard.red{border-color:rgba(239,111,111,0.55);box-shadow:0 0 26px rgba(239,111,111,0.14)}
.fcard.flash{animation:fcardflash 1.3s var(--ease)}
@keyframes fcardflash{0%{box-shadow:0 0 0 2px rgba(45,212,191,0.55)}100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}}
.fc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}
.fc-top b{font-size:14px;font-family:ui-monospace,Menlo,Consolas,monospace}
.fc-ch{font-size:11px;color:var(--muted);margin-left:6px}
.fdot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.fdot.green{background:var(--green);box-shadow:0 0 8px rgba(86,201,138,0.6)}
.fdot.amber{background:var(--amber);box-shadow:0 0 8px rgba(242,180,65,0.6)}
.fdot.red{background:var(--red);box-shadow:0 0 9px rgba(239,111,111,0.7);animation:rpulse 1.6s infinite}
@keyframes rpulse{0%{box-shadow:0 0 0 0 rgba(239,111,111,0.5)}70%{box-shadow:0 0 0 7px rgba(239,111,111,0)}100%{box-shadow:0 0 0 0 rgba(239,111,111,0)}}
.fc-part{font-size:12.5px;color:var(--muted);margin-bottom:9px}
.fc-bar{height:7px;border-radius:999px;background:rgba(255,255,255,0.08);overflow:hidden;margin-bottom:8px}
.fc-fill{height:100%;border-radius:999px;transition:width .8s linear,background .4s}
.fc-fill.green{background:var(--green)} .fc-fill.amber{background:var(--amber)} .fc-fill.red{background:var(--red)}
.fc-stat{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-bottom:5px}
.fc-ro b{color:var(--text);font-variant-numeric:tabular-nums}
.fc-ro.ord{color:var(--amber);font-weight:650}
.fc-meta{font-size:10.5px;color:var(--faint)}

.fleet-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:13px 20px;border-top:1px solid var(--line);background:rgba(45,212,191,0.04)}
.fleet-ev{font-size:12.5px;color:var(--text);font-weight:600}
.fleet-note{font-size:11.5px;color:var(--faint)}
.fleet-note .mono{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}

/* --- realism states: data gap (unknown) + tool down --- */
.fcard.unknown{border-color:rgba(150,160,175,0.35);background:rgba(255,255,255,0.012)}
.fcard.down{border-color:rgba(91,156,246,0.30);background:rgba(91,156,246,0.04)}
.fdot.unknown{background:#8a96a6;box-shadow:none}
.fdot.down{background:var(--blue);box-shadow:0 0 8px rgba(91,156,246,0.5)}
.fc-fill.unknown,.fc-fill.down{background:rgba(255,255,255,0.10)}
.fk b.u{color:#8a96a6}
.fc-warn{color:var(--amber);font-weight:600}
.fcard.unknown .fc-warn{color:#aab4c2}
.fc-src{float:right;font-size:9.5px;color:var(--faint);letter-spacing:.03em;
  border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace}