/* Verification: documents, background checks, owner requirements and the live crew pool (slice 4). */
@layer components {
  .pill--rejected, .pill--adverse_action, .pill--not_approved { background: var(--color-danger-bg); color: var(--color-danger); }
  .pill--more_info_requested, .pill--requested, .pill--invited, .pill--consider_review, .pill--pre_adverse_action { background: var(--color-warning-bg); color: var(--color-warning); }
  .pill--superseded, .pill--invitation_expired, .pill--invitation_failed { background: var(--color-canvas); color: var(--color-muted); }
  .pill--clear { background: var(--color-success-bg); color: var(--color-success); }

  .stat { font-size: 1.5rem; font-weight: 800; margin: 0 0 var(--space-2); }
  .plain-list { list-style: none; padding: 0; display: grid; gap: var(--space-1); }
  .warning { color: var(--color-warning); font-weight: 600; }
  .card--muted { background: var(--color-canvas); }

  .requirements { display: grid; gap: var(--space-4); align-items: start; }
  @media (min-width: 60rem) {
    .requirements { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
    .crew-pool { position: sticky; inset-block-start: var(--space-4); }
  }
  .crew-pool .table th, .crew-pool .table td { padding: var(--space-1) var(--space-2); }
  .crew-pool tr.is-small th, .crew-pool tr.is-small td { color: var(--color-warning); }

  .trade-badges { display: flex; flex-wrap: wrap; gap: var(--space-1); }
}

@layer utilities {
  /* Fields the document form hides for other kinds (document_form_controller.js). */
}