/* Dispatch pilot shell: the two banners, role switcher, Teams-card previews.
   portal.css stays a verbatim copy of the employee portal; everything
   pilot-specific lives here. No inline styles anywhere (CSP style-src 'self'). */

.pilot-banner { position: static; }
.pilot-acting { background: var(--warn-bg); color: var(--warn-ink); border-block-end-color: var(--warn-ink); }
.pilot-acting__form { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; margin: 0; }
.pilot-acting__select { min-width: 14rem; max-width: 100%; }
.pilot-rehearsal {
  background: var(--danger-bg);
  color: var(--danger-ink);
  border-block-end: 3px solid var(--danger-ink);
  font-weight: 600;
}
.pilot-rehearsal a { color: inherit; text-decoration: underline; }
.pilot-pilotchip {
  display: inline-block;
  margin-inline-start: var(--sp-2);
  padding: 0 .5rem;
  border-radius: 999px;
  background: var(--danger-bg);
  color: var(--danger-ink);
  font-size: .8rem;
}

.pilot-cards { display: grid; gap: var(--sp-3); }
.pilot-card {
  border: 1px solid var(--line, #ddd);
  border-inline-start: 4px solid #6264a7; /* Teams purple */
  border-radius: 8px;
  padding: var(--sp-3) var(--sp-4);
  background: var(--surface, #fff);
}
.pilot-card__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--sp-2); }
.pilot-card__title { margin: 0; font-size: 1.05rem; }
.pilot-card__meta { color: var(--muted); font-size: .85rem; }
.pilot-card__rows { margin: var(--sp-2) 0 0; display: grid; grid-template-columns: max-content 1fr; gap: 2px var(--sp-3); }
.pilot-card__rows dt { color: var(--muted); }
.pilot-card__rows dd { margin: 0; overflow-wrap: anywhere; }
.pilot-card__never { font-size: .8rem; color: var(--muted); margin-block-start: var(--sp-2); }

.pilot-checkpoints { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--sp-2); }
.pilot-checkpoints li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.pilot-checkpoints form { margin: 0; }
.pilot-past { color: var(--muted); }
.pilot-audit td { vertical-align: top; }
.pilot-mono { direction: ltr; unicode-bidi: isolate; font-family: ui-monospace, monospace; font-size: .8rem; }