/* badge.css — pill-shape badges ported from go-backend. */

.ui-badge {
  border: 1px solid transparent;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 0.3rem 0.75rem;
}

.ui-badge-info {
  background: var(--color-status-info-soft-bg);
  border-color: var(--color-status-info-soft-border);
  color: var(--color-status-info-foreground);
}

.ui-badge-warning {
  background: var(--color-status-warning-soft-bg);
  border-color: var(--color-status-warning-soft-border);
  color: var(--color-status-warning-foreground);
}

.ui-badge-success {
  background: var(--color-status-success-soft-bg);
  border-color: var(--color-status-success-soft-border);
  color: var(--color-status-success-foreground);
}

.ui-badge-danger {
  background: var(--color-status-danger-soft-bg);
  border-color: var(--color-status-danger-soft-border);
  color: var(--color-status-danger-foreground);
}

/* Primary variant — new in Phase 13, D-CA02 */
.ui-badge-primary {
  background: var(--color-surface-brand-soft);
  border-color: rgba(128, 78, 236, 0.3);
  color: var(--color-text-brand);
}