.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 999px;
  text-transform: none;
}

.badge-success {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

.badge-warning {
  background: rgba(245, 158, 11, 0.15);
  color: #fbbf24;
}

.badge-muted {
  background: rgba(245, 240, 232, 0.08);
  color: var(--color-text-muted);
}

.badge-primary {
  background: rgba(200, 149, 108, 0.2);
  color: var(--color-primary);
}