/* Badge: a small status pill. Neutral for now; add variants when the panel workflow needs them. */

.badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px var(--space-3); border-radius: var(--radius-pill); background: var(--badge-bg, var(--surface-2)); color: var(--badge-ink, var(--ink)); font-size: .82rem; font-weight: 700; line-height: 1.4; }
.badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }