/* ── status-badge ─────────────────────────────────────────────────────────── */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  font-size: var(--fs-12);
  font-weight: var(--fw-medium);
  background: var(--slate-50);
  color: var(--slate-700);
}

.status-badge > .-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--slate-400);
  flex-shrink: 0;
}

.status-badge.-success {
  background: rgba(74,124,89,0.14);
  color: #2C5A3D;
}

.status-badge.-success > .-dot { background: var(--success); }

.status-badge.-info {
  background: rgba(85,124,153,0.14);
  color: var(--slate-700);
}

.status-badge.-info > .-dot { background: var(--slate-500); }

.status-badge.-warning {
  background: rgba(212,161,74,0.18);
  color: #7A5D00;
}

.status-badge.-warning > .-dot { background: var(--warning); }

.status-badge.-danger {
  background: rgba(194,85,61,0.14);
  color: #8F3D28;
}

.status-badge.-danger > .-dot { background: var(--danger); }