/* ============================================================
   Status badges — one semantic palette for every status column.
   Use statusBadge(label, kind) in JS, or the .badge.ent-badge-* classes.
   ============================================================ */
.badge.ent-badge {
  font-weight: 600;
  font-size: 0.72rem;
  letter-spacing: 0.01em;
  padding: 0.3em 0.6em;
  border-radius: 999px;
  border: 1px solid transparent;
}

.ent-badge-success  { background: var(--ent-ok-bg);      color: var(--ent-ok-fg);     border-color: rgba(20,108,67,0.18); }
.ent-badge-running  { background: var(--ent-ok-bg);      color: var(--ent-ok-fg);     border-color: rgba(20,108,67,0.18); }
.ent-badge-assigned { background: var(--ent-info-bg);    color: var(--ent-info-fg);   border-color: rgba(23,92,211,0.18); }
.ent-badge-info     { background: var(--ent-info-bg);    color: var(--ent-info-fg);   border-color: rgba(23,92,211,0.18); }
.ent-badge-warning  { background: var(--ent-warn-bg);    color: var(--ent-warn-fg);   border-color: rgba(154,103,0,0.18); }
.ent-badge-danger   { background: var(--ent-danger-bg);  color: var(--ent-danger-fg); border-color: rgba(180,35,24,0.18); }
.ent-badge-failed   { background: var(--ent-danger-bg);  color: var(--ent-danger-fg); border-color: rgba(180,35,24,0.18); }
.ent-badge-expired  { background: var(--ent-danger-bg);  color: var(--ent-danger-fg); border-color: rgba(180,35,24,0.18); }
.ent-badge-stopped  { background: var(--ent-neutral-bg); color: var(--ent-neutral-fg); border-color: rgba(71,84,103,0.18); }
.ent-badge-available { background: var(--ent-neutral-bg); color: var(--ent-neutral-fg); border-color: rgba(71,84,103,0.18); }
.ent-badge-neutral  { background: var(--ent-neutral-bg); color: var(--ent-neutral-fg); border-color: rgba(71,84,103,0.18); }
