/* Flight Ops Cockpit — Flight Overview card (3.1.21). Uses the existing theme tokens so Day,
   Auto and Night modes follow the rest of Cockpit; the card itself also carries .active-sector. */
.flight-overview .fo-title{font-size:22px;font-weight:950;letter-spacing:.4px}
.flight-overview .fo-pill{white-space:nowrap}
.flight-overview .fo-empty{color:var(--muted);font-size:12px;padding:8px 0}
.flight-overview .fo-foot{color:var(--muted);font-size:10px;margin-top:6px;letter-spacing:.3px}

.fo-timeline{display:grid;gap:8px;margin-top:10px}
.fo-sector{border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.fo-sector.current{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.fo-sector.done{opacity:.72}
.fo-sector-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.fo-sector-head b{font-size:16px;font-weight:900;letter-spacing:.3px}
.fo-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.fo-times small{display:block;font-size:10px;font-weight:900;letter-spacing:.6px;color:var(--muted)}
.fo-times span{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.fo-times em{font-style:normal;font-size:11px;font-weight:900}
.fo-ok{color:var(--ok)}
.fo-warn{color:var(--warn)}
.fo-bad{color:var(--bad)}

.fo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.fo-panel{border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.fo-status{cursor:pointer}
.fo-status:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.fo-trip{padding:7px 0;border-top:1px solid var(--line)}
.fo-panel .section-kicker + .fo-trip,.fo-panel .section-kicker + .fo-empty{border-top:0}
.fo-trip > small{display:block;font-size:10px;font-weight:900;letter-spacing:.6px;color:var(--muted)}
.fo-trip.none span{color:var(--muted);font-size:12px}
.fo-trip-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:2px}
.fo-trip-main b{font-size:14px;font-weight:850;min-width:0;overflow-wrap:anywhere}
.fo-trip-sub{color:var(--muted);font-size:11px;margin-top:2px;overflow-wrap:anywhere}

body.night-mode .fo-sector,body.night-mode .fo-panel,body.night-mode .fo-trip{border-color:#2b3034}

@media (max-width:720px){
  .fo-grid{grid-template-columns:1fr}
  .fo-times{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flight-overview .fo-title{font-size:18px}
}