/* =========================
   Status badge (used everywhere)
   ========================= */
.status-badge {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 999px;
  text-transform: uppercase;
}

.status-pending  { background-color: #e9ecef; color: #495057; }
.status-due_soon { background-color: #ffc107; color: #212529; }
.status-overdue  { background-color: #dc3545; color: #fff; }
.status-read     { background-color: #198754; color: #fff; }

/* =========================
   Training badge
   ========================= */
.training-badge {
  background-color: #0d6efd;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.2rem 0.45rem;
  border-radius: 0.25rem;
  vertical-align: middle;
}

/* =========================
   Document row states
   ========================= */
.doc-row.doc-pending  { background-color: #f8f9fa; }
.doc-row.doc-due_soon { background-color: #fff3cd; }
.doc-row.doc-overdue  { background-color: #f8d7da; }
.doc-row.doc-read     { background-color: #d1e7dd; }

/* =========================
   Compliance badges (docs + training)
   ========================= */
.badge-read         { background: #e6f4ea; color: #1e7e34; }
.badge-pending      { background: #f1f3f5; color: #495057; }
.badge-due-soon     { background: #fff3cd; color: #856404; }
.badge-overdue      { background: #f8d7da; color: #842029; }

.badge-passed       { background: #d1e7dd; color: #0f5132; }
.badge-failed       { background: #f8d7da; color: #842029; }
.badge-not-attempted{ background: #e2e3e5; color: #41464b; }