/* ─── Status Badges ─── */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-badge);
  font-size: var(--text-2xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.badge-active {
  background: var(--primary-light);
  color: var(--success);
}

.badge-inactive {
  background: var(--surface-raised);
  color: var(--text-muted);
}

.badge-pending,
.badge-warning {
  background: var(--warning-bg);
  color: var(--warning);
}

.badge-error {
  background: var(--danger-light);
  color: var(--danger);
}

.badge-primary,
.badge-admin {
  background: var(--primary-light);
  color: var(--primary);
}

.badge-super_admin {
  background: var(--primary-dark);
  color: var(--text-on-primary);
}

.badge-viewer,
.badge-decommissioned,
.badge-archived {
  background: var(--neutral-bg);
  color: var(--neutral-fg);
}

.badge-system {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  color: var(--text-muted);
  background: transparent;
  padding: 0;
}