/* Shared status-pill style, used for both booking-entry lifecycle states
   (waitlist/withdrawn/active/checkedin/neutral, via enrollment-display.js's
   renderEnrollmentStatusBadge and entry-list.js's "delivered" tone) and
   review-workflow states (pending/approved/rejected, e.g. the School Names
   table on the Members page). One shared class -- tone names that happen to
   share the exact same color are paired on the same rule instead of
   duplicating the value. "delivered" intentionally has no color rule (falls
   back to the base pill), matching its behavior before this file existed. */
.status-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.status-badge.waitlist,
.status-badge.pending {
  background: #ffedd5;
  color: #9a3412;
}
.status-badge.withdrawn,
.status-badge.rejected {
  background: #fee2e2;
  color: #b91c1c;
}
.status-badge.active,
.status-badge.approved {
  background: #dcfce7;
  color: #166534;
}
.status-badge.checkedin {
  background: #dbeafe;
  color: #1d4ed8;
}
/* Play-up: the entrant is in a section above their rating and paid for it.
   Amber, matching the play-up cards on the booking page. */
.status-badge.play-up {
  background: var(--amber-bg, #fffbeb);
  color: var(--amber-text, #92400e);
}
.status-badge.neutral {
  background: #e2e8f0;
  color: #334155;
}