.badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.badge-critical,
.badge-high {
  background-color: rgba(220, 38, 38, 0.12);
  color: var(--color-danger);
}

.badge-medium {
  background-color: rgba(245, 158, 11, 0.12);
  color: var(--color-warning);
}

.badge-low {
  background-color: rgba(100, 116, 139, 0.12);
  color: var(--color-text-muted);
}

.badge-active,
.badge-in_progress,
.badge-released {
  background-color: rgba(22, 163, 74, 0.12);
  color: var(--color-success);
}

.badge-planning,
.badge-planned,
.badge-draft {
  background-color: rgba(14, 165, 233, 0.12);
  color: var(--color-accent);
}

.badge-on_hold {
  background-color: rgba(245, 158, 11, 0.12);
  color: var(--color-warning);
}

.badge-completed,
.badge-published {
  background-color: rgba(37, 99, 235, 0.12);
  color: var(--color-primary);
}

.badge-archived,
.badge-cancelled,
.badge-deprecated,
.badge-closed {
  background-color: rgba(100, 116, 139, 0.12);
  color: var(--color-text-muted);
}

.badge-approved,
.badge-in_development {
  background-color: rgba(14, 165, 233, 0.12);
  color: var(--color-accent);
}

.badge-testing,
.badge-in_review {
  background-color: rgba(245, 158, 11, 0.12);
  color: var(--color-warning);
}

.badge-done,
.badge-covered {
  background-color: rgba(22, 163, 74, 0.12);
  color: var(--color-success);
}

.badge-uncovered {
  background-color: rgba(220, 38, 38, 0.12);
  color: var(--color-danger);
}

.badge-business {
  background-color: rgba(37, 99, 235, 0.12);
  color: var(--color-primary);
}

.badge-functional {
  background-color: rgba(14, 165, 233, 0.12);
  color: var(--color-accent);
}

.badge-regression {
  background-color: rgba(37, 99, 235, 0.12);
  color: var(--color-primary);
}

.badge-smoke,
.badge-performance {
  background-color: rgba(245, 158, 11, 0.12);
  color: var(--color-warning);
}

.badge-sanity,
.badge-ui {
  background-color: rgba(14, 165, 233, 0.12);
  color: var(--color-accent);
}

.badge-api {
  background-color: rgba(22, 163, 74, 0.12);
  color: var(--color-success);
}

.badge-security {
  background-color: rgba(220, 38, 38, 0.12);
  color: var(--color-danger);
}

.badge-not_started,
.badge-not_run,
.badge-new,
.badge-not_submitted {
  background-color: rgba(100, 116, 139, 0.12);
  color: var(--color-text-muted);
}

.badge-pass,
.badge-fixed {
  background-color: rgba(22, 163, 74, 0.12);
  color: var(--color-success);
}

.badge-fail,
.badge-reopened,
.badge-changes_requested {
  background-color: rgba(220, 38, 38, 0.12);
  color: var(--color-danger);
}

.badge-blocked,
.badge-retest {
  background-color: rgba(245, 158, 11, 0.12);
  color: var(--color-warning);
}

.badge-skipped,
.badge-inactive {
  background-color: rgba(100, 116, 139, 0.12);
  color: var(--color-text-muted);
}

.badge-invited {
  background-color: rgba(14, 165, 233, 0.12);
  color: var(--color-accent);
}

.badge-expired {
  background-color: rgba(220, 38, 38, 0.12);
  color: var(--color-danger);
}

.badge-protected {
  background-color: rgba(37, 99, 235, 0.12);
  color: var(--color-primary);
}