/* styles.css — Estilos específicos del módulo Seguimientos */
/* Hereda todo de ../css/styles-global.css                  */

:root {
  --entity-color: #8e44ad;
  --entity-bg:    #f3e8fd;
}

/* ── Highlight filas inactivas ─────────────────────────── */
.ni-table tbody tr:has(td .ni-badge--inactivo) {
  opacity: .72;
}

/* ── Columnas numéricas alineadas a la derecha ──────────── */
.ni-table td[data-label="Peso actual (kg)"],
.ni-table td[data-label="% grasa actual"],
.ni-table td[data-label="Perímetro abdominal (cm)"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-size: .875rem;
}

/* ── Indicador de adherencia con colores semafóricos ─────── */
.ni-table td[data-label="Adherencia a la dieta"] {
  white-space: nowrap;
}

/* ── Textarea mono para campos JSON ─────────────────────── */
.ni-textarea--mono {
  font-family: 'Courier New', Courier, monospace;
  font-size: .8rem;
  background: #f8f9fb;
  color: #374151;
}

/* ── Hint de campo (texto de ayuda) ─────────────────────── */
.ni-field-hint {
  display: block;
  font-size: .75rem;
  color: var(--ni-text-muted, #94a3b8);
  margin-top: .25rem;
}

/* ── Icono de la página en color del módulo ──────────────── */
.ni-page-title__icon {
  background: var(--entity-color) !important;
}

/* ── Botón nuevo en color del módulo ─────────────────────── */
.ni-btn--primary {
  background: var(--entity-color);
  border-color: var(--entity-color);
}

.ni-btn--primary:hover,
.ni-btn--primary:focus-visible {
  background: #7d3c98;
  border-color: #7d3c98;
}