/* ===== Red: Critical / Negative States ===== */
.Emergency,
.declined,
.Declined,
.Denied,
.Delete,
.Unpaid,
.unpaid,
.cancelled,
.Closed,
.expired,
.btn-closed {
  background-color: #fb1007;
  border-color: #fb1007;
  color: #fff;
}

/* ===== Orange: Medium Priority / Attention Needed ===== */
.High,
.Rescheduled,
.Absent,
.Expired,
.Urgent,
.check-out,
.on-contract {
  background-color: #f57c00;
  border-color: #f57c00;
  color: #fff;
}

/* ===== Yellow: Low-Medium (Use with caution for contrast) ===== */
.Still,.Medium {
  background-color: #fbc02d;
  border-color: #fbc02d;
  color: #000; /* Black text for readability */
}

/* ===== Green: Positive / Active / Completed States ===== */
.Approved,
.Accepted,
.accepted,
.Paid,
.paid,
.partially-paid,
.employed,
.live,
.Confirmed,
.Delivered,
.Won,
.won,
.btn-active,
.Complete,
.Completed,
.Normal,
.Sent,
.sent,
.check-in,
.Permanent,
.open,
.Open,
.btn.active,
.Present,
.Active,
span.active,
span.Active,
span.badge.active,
.discharged {
  background-color: #388e3c;
  border-color: #388e3c;
  color: #fff;
}

/* ===== Blue: Pending / In-Progress / Updates ===== */
.Pending,
.pending,
.Re-opened,
.Update {
  background-color: #49b6d6;
  border-color: #49b6d6;
  color: #fff;
}

/* ===== Purple: Draft / Ongoing / Working ===== */
.Draft,
.draft,
.Ongoing,
.Working,
.Waiting,
.Started {
  background-color: #7266ba;
  border-color: #7266ba;
  color: #fff;
}

/* ===== Gray: Inactive / Low Priority ===== */
.trainee,
.In-Active,
.Low {
  background-color: #f4f6f7;
  border-color: #f4f6f7;
  color: #777; /* Improved readability (was white on light gray) */
}

/* ===== Black: Special / Expired (alternative style) ===== */
/* Note: '.expired' was already in red above — only keep one */
/* If you truly need a black 'expired', rename or clarify usage */
/* .expired-black { background-color: #000; color: #fff; } */