/* HyperForge · Panel de inicio («Por decidir», diseño v2): veredicto del día, cola de decisiones y cifras de las últimas 24 h.
   Solo datos reales de GET /api/app/inicio; una cifra sin medir dice «sin medir». Tokens de tokens.css. */
.hf-panel{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:14px;align-items:start}
.hf-panel-izq{display:grid;gap:14px;min-width:0}

/* veredicto: la palabra grande dice cómo va el día; el color solo la refuerza */
.hf-veredicto{--tono:var(--hf-texto);position:relative;padding:20px 24px 18px;
  background:color-mix(in srgb,var(--tono) 8%,var(--hf-panel));border-color:color-mix(in srgb,var(--tono) 36%,var(--hf-linea))}
.hf-veredicto[data-tono="brasa"]{--tono:var(--hf-brasa)}
.hf-veredicto[data-tono="verdin"]{--tono:var(--hf-verdin)}
.hf-veredicto-arriba{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.hf-veredicto-palabra{font:700 var(--hf-t-hero)/.9 var(--hf-f-display);text-transform:uppercase;letter-spacing:-.02em;word-spacing:var(--hf-ws-display);margin:10px 0 8px;
  color:var(--hf-texto);overflow-wrap:anywhere}
.hf-veredicto[data-tono="brasa"] .hf-veredicto-palabra{color:var(--hf-brasa-texto)}
.hf-veredicto[data-tono="verdin"] .hf-veredicto-palabra{color:var(--hf-verdin-texto)}
.hf-veredicto-frase{font:500 clamp(15px,.8rem + .5vw,18px)/1.4 var(--hf-f-texto);max-width:52ch}
.hf-veredicto .hf-btn{margin-top:16px}
.hf-veredicto .hf-mascota{width:132px;height:132px}
.hf-veredicto-chips{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--hf-linea)}
.hf-veredicto-chips .hf-chip{font-size:11px}
.hf-aviso-conexion{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border:1px dashed var(--hf-brasa-texto);
  border-radius:var(--hf-r-control);font-size:14px}
.hf-aviso-conexion .hf-icono{color:var(--hf-brasa-texto)}

/* cola de decisiones */
.hf-cola .hf-tarjeta-titulo{font-size:17px}
.hf-cola-cuenta{font:600 11px var(--hf-f-mono);background:var(--hf-brasa);color:var(--hf-sobre-brasa);border-radius:var(--hf-r-pildora);padding:2px 9px}
.hf-cola-cuenta.cero{background:var(--hf-panel-2);color:var(--hf-tenue)}
.hf-cola ol{list-style:none;display:grid;gap:10px}
.hf-cola-item{display:grid;gap:5px;padding:14px 16px;background:var(--hf-panel-2);border:1px solid var(--hf-linea);border-radius:var(--hf-r-tarjeta-inv);
  color:var(--hf-texto);text-decoration:none;
  transition:border-radius var(--hf-dur-lenta) var(--hf-facil),border-color var(--hf-dur),transform var(--hf-dur) var(--hf-facil)}
.hf-cola-item:hover{border-radius:var(--hf-r-tarjeta);border-color:var(--hf-texto);transform:translateY(-2px)}
.hf-cola-item:focus-visible{outline:2px solid var(--hf-foco);outline-offset:3px}
.hf-cola-cabeza{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.hf-cola-cabeza .hf-kicker{margin-right:auto}
.hf-cola-item b{font:600 16px/1.2 var(--hf-f-display);word-spacing:var(--hf-ws-display);overflow-wrap:anywhere}
.hf-cola-motivo{font-size:13px;color:var(--hf-tenue);overflow-wrap:anywhere}
.hf-cola-meta{font:400 11.5px var(--hf-f-mono);color:var(--hf-tenue);display:flex;flex-wrap:wrap;gap:4px 10px}
.hf-cola-meta .urgente{color:var(--hf-brasa-texto);font-weight:600}
.hf-cola .hf-estado{margin-top:4px}

/* cifras de las últimas 24 h */
.hf-cifras-dia .hf-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.hf-panel-pie{color:var(--hf-tenue);font-size:14px}
.hf-pulso .hf-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px}   /* v10: el Pulso dentro del Panel */
.hf-panel-izq .hf-pulso{order:4}

@media (max-width:1100px){
  .hf-panel{grid-template-columns:minmax(0,1fr)}
  .hf-panel-izq{display:contents}   /* en una columna: veredicto, la decisión de arriba y luego las cifras */
  .hf-veredicto{order:1}.hf-cola{order:2}.hf-cifras-dia{order:3}
}
@media (max-width:560px){
  .hf-veredicto{padding:16px}
  .hf-veredicto-arriba{grid-template-columns:minmax(0,1fr)}
  .hf-veredicto .hf-mascota{display:none}
}