/* JDServer-Webs v6.1 — modules/comfort/comfort.css */
#comfort{ margin:16px 0 28px; }
#comfort > h3{ font-weight:600; margin:0 0 10px; }

/* Reutilizamos tarjetas tipo LIVE */
.cf-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 680px){
  .cf-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 980px){
  .cf-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

.cf-card.live-card .metric-sub{
  display:flex; align-items:center; gap:8px;
}

/* Chips de estado */
.cf-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding: 2px 8px; border-radius:999px;
  border:1px solid var(--border); background: var(--surface);
  font: 12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color: var(--muted);
}
.cf-chip.ok    { background: color-mix(in oklab, var(--brand-50) 50%, transparent); color: var(--text); }
.cf-chip.hot   { background: rgba(255,153,0,.08); border-color: rgba(255,153,0,.25); color: var(--text); }
.cf-chip.cold  { background: rgba(56,189,248,.10); border-color: rgba(56,189,248,.25); color: var(--text); }

/* Pequeño texto “regla aplicada” debajo del valor principal */
.cf-hint{
  color: var(--muted);
  font: 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}