/* ==========================================================================
   Status Pill — tinted chip with status dot
   ========================================================================== */
.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 12px;
  white-space: nowrap;
  border-radius: var(--radius-full);
  font-size: var(--font-size-small);
  font-family: var(--font-family-bold);
  line-height: 1.6;
  border: 1px solid transparent;
}

.status-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: var(--radius-full);
  background-color: currentColor;
  flex-shrink: 0;
}

.status-pill--green {
  background-color: var(--tint-green-16);
  color: #1e8e63;
  border-color: var(--tint-green-28);
}

.status-pill--red {
  background-color: rgba(231, 76, 60, 0.12);
  color: #e74c3c;
  border-color: rgba(231, 76, 60, 0.25);
}

.status-pill--yellow {
  background-color: rgba(245, 158, 11, 0.12);
  color: #b45309;
  border-color: rgba(245, 158, 11, 0.3);
}

.status-pill--blue {
  background-color: rgba(52, 152, 219, 0.12);
  color: #2980b9;
  border-color: rgba(52, 152, 219, 0.3);
}

.status-pill--gray {
  background-color: rgba(149, 165, 166, 0.15);
  color: #5d6d6e;
  border-color: rgba(149, 165, 166, 0.35);
}

.status-pill--purple {
  background-color: rgba(155, 89, 182, 0.12);
  color: #8e44ad;
  border-color: rgba(155, 89, 182, 0.3);
}

/* ==========================================================================
   Status pills, per status — the agreed colour system for cases and reviews.

   Everything else in the application draws its status from the six generic
   colours above: a task, a project, a complaint, an EOS rock, a candidate. A
   case and a review are the two records the practice reads all day, and they
   were the two asked for by name, so they get a colour each instead of sharing
   six between twenty-two states.

   The token is built by the model rather than written here — Case#status_color
   returns "case-ready-for-pp" — so a status added to the enum without a colour
   added here renders as an unstyled pill rather than as the wrong one. The
   border is the ink mixed a quarter of the way into the paper, which is how the
   generic pills are drawn and what keeps a pale chip from floating.
   ========================================================================== */

/* --- Case --- */

.status-pill--case-not-started {
  background-color: #FBE5E5;
  color: #DC2626;
  border-color: #F2B0B0;
}

.status-pill--case-with-adviser {
  background-color: #E5ECFD;
  color: #2563EB;
  border-color: #AFC6F8;
}

.status-pill--case-data-gathering {
  background-color: #E2F2F1;
  color: #0D9488;
  border-color: #A6D8D4;
}

.status-pill--case-ready-for-pp {
  background-color: #E4EAFA;
  color: #1D4ED8;
  border-color: #ACBEF0;
}

.status-pill--case-in-progress {
  background-color: #F9EBDD;
  color: #D97706;
  border-color: #F0CBA1;
}

.status-pill--case-in-checking {
  background-color: #FBE5EF;
  color: #DB2777;
  border-color: #F2B0CD;
}

.status-pill--case-compliance-pre-approval {
  background-color: #E2F4FC;
  color: #0EA5E9;
  border-color: #A7DEF7;
}

.status-pill--case-amends-required {
  background-color: #FCEBE2;
  color: #EA580C;
  border-color: #F7C2A6;
}

.status-pill--case-implementation {
  background-color: #F1EBFE;
  color: #8B5CF6;
  border-color: #D4C3FC;
}

.status-pill--case-complete {
  background-color: #E3F4E9;
  color: #16A34A;
  border-color: #AADDBC;
}

.status-pill--case-cancelled {
  background-color: #F3E3E7;
  color: #9F1239;
  border-color: #DBA8B6;
}

.status-pill--case-on-hold {
  background-color: #EDEEF0;
  color: #6B7280;
  border-color: #C9CBD1;
}

/* --- Review --- */

.status-pill--review-not-started {
  background-color: #FBE5E5;
  color: #DC2626;
  border-color: #F2B0B0;
}

.status-pill--review-client-contacted {
  background-color: #E5ECFD;
  color: #2563EB;
  border-color: #AFC6F8;
}

.status-pill--review-meeting-booked {
  background-color: #E2F2F1;
  color: #0D9488;
  border-color: #A6D8D4;
}

.status-pill--review-preparation-in-progress {
  background-color: #FAEFE1;
  color: #D97706;
  border-color: #F1CDA4;
}

.status-pill--review-in-checking {
  background-color: #FBE5EF;
  color: #DB2777;
  border-color: #F2B0CD;
}

.status-pill--review-review-pack-complete {
  background-color: #F1EBFE;
  color: #8B5CF6;
  border-color: #D4C3FC;
}

.status-pill--review-post-meeting-actions {
  background-color: #E2F4FC;
  color: #0EA5E9;
  border-color: #A7DEF7;
}

.status-pill--review-complete {
  background-color: #E3F4E9;
  color: #16A34A;
  border-color: #AADDBC;
}

.status-pill--review-deferred {
  background-color: #FCEBE2;
  color: #EA580C;
  border-color: #F7C2A6;
}

.status-pill--review-not-required {
  background-color: #EDEEF0;
  color: #6B7280;
  border-color: #C9CBD1;
}