/* static/css/components/badge.css */
.c-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  background: var(--color-surface-2);
  font-size: var(--text-12);
  color: var(--color-muted);
}
.c-badge--success { background: var(--color-success-50); border-color: rgba(22,163,74,.25); color: var(--color-success); }
.c-badge--warning { background: var(--color-warning-50); border-color: rgba(245,158,11,.25); color: var(--color-warning); }
.c-badge--danger  { background: var(--color-danger-50);  border-color: rgba(220,38,38,.25); color: var(--color-danger); }