/* Public flight-detail page. Uses the shared flight-compensation palette. */
.flight-page { max-width: 920px; }
.flight-breadcrumb { margin: 0 0 18px; color: var(--fc-muted); font-size: .92rem; }
.flight-breadcrumb a { color: var(--fc-primary); }
.flight-title { margin: 0; font-size: clamp(1.7rem, 4vw, 2.7rem); }
.flight-lead { color: var(--fc-muted); margin: 8px 0 22px; }
.flight-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 12px; margin-bottom: 16px; }
.flight-tab { white-space: nowrap; color: var(--fc-muted); border: 1px solid var(--fc-border); border-radius: 999px; padding: 7px 12px; text-decoration: none; }
.flight-tab:hover, .flight-tab[aria-current="page"] { color: var(--on-accent); background: var(--fc-primary); border-color: var(--fc-primary); }
.flight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 16px 0; }
.flight-fact { background: var(--fc-panel-2); border-radius: 8px; padding: 12px; }
.flight-fact dt { color: var(--fc-muted); font-size: .82rem; }
.flight-fact dd { margin: 4px 0 0; font-weight: 600; }
.flight-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 18px; }
.flight-note { color: var(--fc-muted); margin: 0; }
.flight-observations { display: grid; gap: 10px; }
.flight-observation { border: 1px solid var(--fc-border); border-radius: 8px; padding: 12px; background: var(--fc-panel-2); }
.flight-observation h3 { font-size: 1rem; margin: 0 0 6px; }
.flight-observation time { color: var(--fc-muted); font-size: .9rem; }
.flight-observation pre { margin: 10px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--fc-text); font: .84rem/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; }
.flight-status { margin: 14px 0 0; }
.flight-error { max-width: 680px; text-align: center; margin: 0 auto; }

@media (max-width: 560px) {
  .flight-grid { grid-template-columns: 1fr; }
  .flight-actions .fc-btn { width: 100%; text-align: center; }
}