/* ─────────────────────────────────────────────
   Convert Badge — a compact status / count indicator (smaller than a Chip).
   Use with tokens.css.
   ───────────────────────────────────────────── */

.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.badge--neutral { background: var(--color-ink-300); color: var(--color-ink-700); }
.badge--info    { background: var(--chip-blue-bg);  color: var(--chip-blue-text); }
.badge--success { background: var(--chip-green-bg); color: var(--chip-green-text); }
.badge--warning { background: var(--chip-orange-bg); color: var(--chip-orange-text); }
.badge--new     { background: var(--color-violet-700); color: #fff; }
.badge__dot { width: 6px; height: 6px; border-radius: var(--radius-pill); background: currentColor; }