.flight-reference-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.flight-reference-panel header strong, .flight-reference-panel header small { display: block; }
.flight-reference-controls, .flight-reference-results { padding: 10px; }
.flight-reference-panel p, .flight-reference-panel small, .flight-reference-panel summary { font-size: 11px; line-height: 1.5; color: #bdcfd4; }
.flight-reference-panel label, .flight-reference-panel output { display: block; font-size: 12px; line-height: 1.5; margin: 6px 0; }
.flight-reference-panel output { white-space: pre-line; }
.flight-reference-panel select { width: 100%; min-width: 0; padding: 6px 4px; background: #18313c; color: #edfaff; border: 1px solid #46606c; border-radius: 6px; font-size: 11px; }
.flight-reference-actions { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0; }
.flight-reference-panel button { padding: 6px 8px; border: 1px solid; border-radius: 6px; font-size: 11px; cursor: pointer; }
.flight-reference-panel button:disabled { opacity: .45; cursor: default; }
.flight-reference-panel canvas { display: block; width: 100%; height: auto; border-radius: 6px; margin-top: 8px; }
.flight-reference-panel table { width: 100%; border-collapse: collapse; font-size: 10px; font-variant-numeric: tabular-nums; }
.flight-reference-panel td, .flight-reference-panel th { padding: 5px 3px; border-bottom: 1px solid #30434c; text-align: right; }
.flight-reference-panel td:first-child, .flight-reference-panel th:first-child { text-align: left; }
.flight-reference-panel [hidden] { display: none !important; }