/* HyperForge · aprobar lo revisado en lote (v11, handoff componentes §22). Hoja propia sobre los tokens de tokens.css, con el marco de la
   hoja central (firma.css `.hf-hoja-ancha`). Casilla verdín con la palomita única, pastilla del tiempo de la firma abierta (5 min). */
.hf-lote-cuerpo{display:grid;gap:12px}
.hf-hoja-ancha h2{margin:2px 0 4px}
/* la pastilla del tiempo: verdín llena con la firma abierta, punteada y tenue cuando está cerrada */
.hf-lote-reloj{margin:0;padding:6px 12px;border-radius:var(--hf-r-pildora);border:1px dotted var(--hf-linea-2);color:var(--hf-tenue);
  font:600 var(--hf-t-sm)/1.3 var(--hf-f-mono);font-feature-settings:'tnum';justify-self:start}
.hf-lote-reloj.abierta{border-color:var(--hf-verdin);background:var(--hf-verdin);color:var(--hf-sobre-verdin)}
.hf-lote-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:46vh;overflow:auto}
.hf-lote-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 12px;
  border:1px solid var(--hf-linea);border-radius:12px;background:transparent;
  transition:border-color var(--hf-dur-rapida) var(--hf-facil),background-color var(--hf-dur-rapida) var(--hf-facil)}
.hf-lote-fila:hover{border-color:var(--hf-linea-2)}
.hf-lote-fila:focus-within{outline:2px solid var(--hf-foco);outline-offset:2px}
.hf-lote-fila label{display:flex;gap:12px;align-items:center;cursor:pointer;min-width:0}
.hf-lote-casilla{position:absolute;opacity:0;width:1px;height:1px}
.hf-lote-cb{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--hf-linea-2);display:grid;place-items:center}
.hf-lote-cb .hf-icono{width:14px;height:14px;stroke:var(--hf-sobre-verdin);stroke-width:3;opacity:0}
.hf-lote-casilla:focus-visible + .hf-lote-cb{outline:2px solid var(--hf-foco);outline-offset:2px}
.hf-lote-casilla:checked + .hf-lote-cb{background:var(--hf-verdin);border-color:var(--hf-verdin)}
.hf-lote-casilla:checked + .hf-lote-cb .hf-icono{opacity:1}
.hf-lote-casilla:disabled + .hf-lote-cb{opacity:.55}
.hf-lote-titulo{display:grid;gap:2px;color:var(--hf-texto);font-size:var(--hf-t-base);overflow-wrap:anywhere}
.hf-lote-titulo small{color:var(--hf-tenue);font-size:var(--hf-t-sm)}
.hf-lote-reglas{color:var(--hf-verdin-texto);font:500 var(--hf-t-data)/1 var(--hf-f-mono);white-space:nowrap}
.hf-lote-estado:empty,.hf-lote-motivo:empty{display:none}
.hf-lote-estado{grid-column:1 / -1}
.hf-lote-motivo{grid-column:1 / -1;color:var(--hf-tenue);font-size:var(--hf-t-sm)}
.hf-lote-fila[data-estado="aprobado"]{border-color:var(--hf-verdin)}
.hf-lote-fila[data-estado="error"]{border-color:var(--hf-alerta)}
.hf-lote-fila[data-estado="error"] .hf-lote-motivo{color:var(--hf-alerta-texto)}
.hf-lote-fila[data-estado="espera"]{border-color:var(--hf-brasa)}
@media (max-width:560px){.hf-lote-fila{grid-template-columns:1fr}.hf-lote-reglas{justify-self:start}}
@media (prefers-reduced-motion:reduce){.hf-lote-fila{transition:none}}