/* Shared presentation for the flight tool index and its two existing panels.
   No new settings owner, accordion script or changes to global debug frames. */
.flight-debug-list { overflow: hidden; border: 1px solid #7dc29b3d; border-radius: 7px; background: #0812146b; }
.flight-debug-entry { padding: 10px; }
.flight-debug-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.flight-debug-heading strong, .flight-debug-section > summary strong { font-size: 12px; font-weight: 700; }
.flight-debug-tag { font-size: 10px; font-weight: 500; color: #bed3c8; white-space: nowrap; }
.flight-debug-section { border-top: 1px solid #7dc29b24; }
.flight-debug-section > summary { position: relative; padding: 12px 10px; min-height: 44px; box-sizing: border-box; cursor: pointer; font-size: 12px; }
.flight-debug-section > summary > .flight-debug-tag { float: right; margin-top: 2px; }
.flight-debug-tools summary > * { pointer-events: none; }
.flight-debug-tools summary::marker { color: #8bdac5; }
.flight-debug-section > summary:hover { background: #ffffff09; }
.flight-debug-section[open] > summary { background: #8bdac50b; }
.flight-debug-content { display: grid; gap: 9px; padding: 3px 10px 12px; min-width: 0; }
.flight-debug-tools p, .flight-debug-tools small { margin: 0; color: #bed3c8; font-size: 11px; line-height: 1.45; }
.flight-debug-entry p { margin: 6px 0 9px; }
.flight-debug-tools output { display: block; min-width: 0; white-space: pre-line; overflow-wrap: anywhere; padding: 7px 8px; background: #0002; border-radius: 4px; color: #d7ece1; font-family: inherit; font-size: 11px; font-weight: 500; line-height: 1.45; font-variant-numeric: tabular-nums; }
.flight-debug-tools button { min-height: 34px; min-width: 0; padding: 6px 8px; border: 1px solid #7dc29b40; border-radius: 5px; color: #eef9fa; background: #ffffff10; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.flight-debug-tools button:disabled { opacity: .45; cursor: default; }
.flight-debug-tools button:hover:not(:disabled) { background: #ffffff20; }
.flight-debug-tools button[aria-pressed="true"] { background: #245044; border-color: #8bdac5; }
.flight-debug-tools button:focus-visible, .flight-debug-tools summary:focus-visible, .flight-debug-tools input:focus-visible { outline: 2px solid #f1c46e; outline-offset: -2px; }
.flight-debug-open { width: 100%; text-align: left; }
.flight-debug-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.flight-debug-help { border-top: 1px solid #7dc29b24; padding-top: 5px; }
.flight-debug-help > summary { cursor: pointer; font-size: 11px; color: #b8d7c8; padding: 5px 0; }
.flight-debug-help p { margin-top: 7px; }
.flight-debug-tools [data-recorder-state][data-state="recording"] { color: #ffd28b; font-weight: 700; }
.flight-debug-tools [data-recorder-state][data-state="result"] { color: #8bdac5; }
.flight-tools-panel { --debug-accent: #8bdac5; }
.flight-tools-panel button, .flight-tools-panel select { font-family: inherit; font-size: 12px; min-height: 34px; border-radius: 5px; }
.flight-tools-panel button { font-weight: 600; }
.flight-tools-panel > header button { width: 34px; flex: 0 0 34px; }
.flight-tools-panel output { font-variant-numeric: tabular-nums; }
@media (max-width: 620px), (pointer: coarse) {
  .flight-debug-tools button, .flight-debug-tools .flight-live-auto, .flight-debug-help > summary, .flight-tools-panel button, .flight-tools-panel select { min-height: 40px; }
}
