/* ==========================================================================
   BIG SKY FPV 2.0 — Fleet Explorer styles
   Two-layer architecture per stakeholder review:
   Layer 1 (default) = client view: outcomes. Layer 2 = technical toggle.
   ========================================================================== */

.fleet-item {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: var(--space-5);
  align-items: center;
  padding-block: var(--space-6);
  border-top: 1px solid var(--line);
}
@media (max-width: 960px) { .fleet-item { grid-template-columns: 1fr; gap: var(--space-3); } }

.fleet-turn { position: relative; }
.fleet-turn__canvas {
  width: 100%; border-radius: var(--radius);
  cursor: grab; touch-action: pan-y;
  outline-offset: 4px;
}
.fleet-turn__canvas:active { cursor: grabbing; }
.fleet-turn__hint {
  position: absolute; bottom: var(--space-2); left: 50%; transform: translateX(-50%);
  font-family: var(--font-mono); font-size: 0.6875rem;
  letter-spacing: var(--tracking-label); text-transform: uppercase;
  color: var(--text-tertiary); pointer-events: none;
  display: flex; align-items: center; gap: var(--space-1);
}
.fleet-turn__hint::before, .fleet-turn__hint::after { content: "—"; color: var(--accent); }

.fleet-info__eyebrow { margin-bottom: var(--space-1); }
.fleet-info__name { margin-bottom: var(--space-2); }
.fleet-info__blurb { color: var(--text-secondary); margin-bottom: var(--space-3); }

/* Layer 1 — client view */
.fleet-bestfor { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-1); margin-bottom: var(--space-3); }
.fleet-bestfor li {
  font-family: var(--font-mono); font-size: var(--mono-label);
  color: var(--text-secondary);
  border: 1px solid var(--line); border-radius: var(--radius);
  padding: 4px 10px;
}
.fleet-caps { list-style: none; margin-bottom: var(--space-3); }
.fleet-caps li { padding-block: 6px; color: var(--text-secondary); }
.fleet-caps li::before { content: "✓"; color: var(--signal-ok); margin-right: var(--space-1); font-family: var(--font-mono); }

/* Layer 2 — technical view */
.fleet-tech-toggle {
  background: none; border: none; cursor: pointer; padding: 0;
  font-family: var(--font-mono); font-size: var(--mono-label);
  letter-spacing: var(--tracking-label); text-transform: uppercase;
  color: var(--text-tertiary);
  border-bottom: 1px dashed var(--line);
  transition: color var(--t-micro) var(--ease);
}
.fleet-tech-toggle:hover, .fleet-tech-toggle[aria-expanded="true"] { color: var(--accent); }
.fleet-tech { display: none; margin-top: var(--space-3); }
.fleet-tech.is-open { display: block; }
.fleet-tech table { width: 100%; border-collapse: collapse; }
.fleet-tech th, .fleet-tech td {
  text-align: left; padding: 10px 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.9375rem;
}
.fleet-tech th {
  font-family: var(--font-mono); font-weight: 400; font-size: var(--mono-label);
  letter-spacing: var(--tracking-label); text-transform: uppercase;
  color: var(--text-tertiary); width: 44%;
}
.fleet-tech td { font-family: var(--font-mono); color: var(--text-primary); }

/* Side rail (aircraft index) */
.fleet-rail {
  position: sticky; top: 96px;
  display: flex; flex-direction: column; gap: var(--space-1);
}
.fleet-rail a {
  font-family: var(--font-mono); font-size: var(--mono-label);
  color: var(--text-tertiary); padding-block: 4px;
}
.fleet-rail a:hover { color: var(--accent); }