/* ── BADGES ──────────────────────────────────────────────── */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: var(--r-full);
  font-size: 12px;
  font-weight: 600;
}
.badge--success { background: rgba(52,211,153,.14); color: var(--success); }
.badge--warning { background: rgba(255,107,43,.14);  color: var(--warning); }
.badge--error   { background: rgba(248,113,113,.14); color: var(--error); }
.badge--info    { background: rgba(34,211,238,.14);  color: var(--info); }
.badge--lime    { background: rgba(170,255,69,.14);  color: var(--lime-500); }
.badge--outline { background: transparent; color: var(--text-2); border: 1px solid var(--border-mid); }
.badge--dot::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }