/* ---------- Status badges (shared colour coding) ---------- */
.badge-soft { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .65rem; border-radius: 999px; font-size: .75rem; font-weight: 700; white-space: nowrap; line-height: 1.2; }
.badge-soft::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.badge-soft.no-dot::before { display: none; }
.badge-soft.success { background: var(--em-success-bg); color: var(--em-success); }
.badge-soft.warning { background: var(--em-warning-bg); color: var(--em-warning); }
.badge-soft.danger { background: var(--em-danger-bg); color: var(--em-danger); }
.badge-soft.info { background: var(--em-info-bg); color: var(--em-info); }
.badge-soft.neutral { background: var(--em-neutral-bg); color: var(--em-neutral); }
.badge-soft.primary { background: var(--em-primary-050); color: var(--em-primary); }