/**
 * P-03 · Badge y estado — .scm-ui-badge
 *
 * Sustituye a las 13 familias actuales (.scm-status-badge, .scm-days-chip,
 * .scm-pc-chip, .srv-turno-pill, .srv-turno-chip, .scm-hito-chip, .scm-daytag,
 * .scm-recovery-badge, .scm-team-badge, .scm-la-chip, .scm-lpick-badge,
 * .cal-month-chip, .tag).
 *
 * Una sola forma para todo el sistema. Nada de píldoras de 999px.
 */

.scm-ui-badge {
  --scm-ui-badge-bg: var(--scm-ui-neutral-bg);
  --scm-ui-badge-fg: var(--scm-ui-neutral-fg);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: var(--scm-ui-r-sm);
  background: var(--scm-ui-badge-bg);
  color: var(--scm-ui-badge-fg);
  font-family: var(--scm-ui-font);
  font-size: var(--scm-ui-fs-badge);
  font-weight: var(--scm-ui-fw-med);
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}

/* ── Roles semánticos ────────────────────────────────────────────── */
.scm-ui-badge--ok      { --scm-ui-badge-bg: var(--scm-ui-ok-bg);      --scm-ui-badge-fg: var(--scm-ui-ok-fg); }
.scm-ui-badge--warn    { --scm-ui-badge-bg: var(--scm-ui-warn-bg);    --scm-ui-badge-fg: var(--scm-ui-warn-fg); }
.scm-ui-badge--danger  { --scm-ui-badge-bg: var(--scm-ui-danger-bg);  --scm-ui-badge-fg: var(--scm-ui-danger-fg); }
.scm-ui-badge--info    { --scm-ui-badge-bg: var(--scm-ui-info-bg);    --scm-ui-badge-fg: var(--scm-ui-info-fg); }
.scm-ui-badge--neutral { --scm-ui-badge-bg: var(--scm-ui-neutral-bg); --scm-ui-badge-fg: var(--scm-ui-neutral-fg); }

/* ── Contenido — punto o ícono, nunca los dos ───────────────────────
   Punto de 6px para un estado permanente: Activa, Ubicado, Pendiente.
   Ícono de 14px para un hecho cumplido: Bautizado, Confirmada.        */
.scm-ui-badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  flex: 0 0 auto;
}

.scm-ui-badge :where(svg) {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.scm-ui-badge__num {
  font-variant-numeric: tabular-nums;
  font-weight: var(--scm-ui-fw-strong);
}

/* ── Variación autorizada: línea de meta en móvil ───────────────────
 * El texto se queda en el mínimo del sistema (12px). La variación reduce el
 * alto y el padding, que es lo que hace falta para que el badge quepa en una
 * línea de meta; bajar también el texto lo dejaba por debajo del mínimo sin
 * ganar sitio real. Unificado en la versión 1.3 del documento. */
.scm-ui-badge--sm {
  height: 20px;
  padding: 0 7px;
  font-size: var(--scm-ui-fs-badge);
}