/* Firmas (§10).
 *
 * Rediseño GRC Empresarial (18/10/2026). Sólo tokens de lcr.css: ningún
 * color literal (core/tests_estilos.py lo comprueba en todas las hojas grc-*).
 *
 * La bandeja: cabecera breve, el recorrido de cuatro pasos como leyenda, las
 * cifras en una sola caja y dos pestañas reales (Pendientes de firma y
 * Firmados) más la de preparar. La ficha: recorrido con el paso en curso, la
 * versión con sus huellas y sus actos a la izquierda; entregas y comentarios
 * al lado. Los estados se dicen con palabra (chip), nunca sólo con color.
 * Puntos de corte: los de lcr.css (900 px y 680 px).
 */

/* ------------------------------------------------------------ cabecera -- */
.firmas-cab{
  display:flex; align-items:flex-end; justify-content:space-between; gap:var(--e-4);
  flex-wrap:wrap; margin-bottom:var(--e-4);
}
.firmas-cab__texto{ flex:1; min-width:min(100%, 320px); }
.firmas-cab__titulo{ margin:0; color:var(--azul-950); }
.firmas-cab__desc{ margin:var(--e-1) 0 0; max-width:72ch; color:var(--c-texto-medio); font-size:var(--t-md); }

/* El recorrido como leyenda (bandeja) o con el paso en curso (ficha). */
.firmas-recorrido{ margin:0 0 var(--e-4); }
.firmas-recorrido__nota{ font-weight:var(--w-normal); color:var(--vino-700); }

.firmas-indicadores{ margin-bottom:var(--e-5); }
.firmas-le-toca{ margin-bottom:var(--e-5); }
.firmas-pestanas{ margin-top:var(--e-2); }
.firmas-subtitulo{
  margin:0 0 var(--e-3); font-size:var(--t-lg); color:var(--azul-950);
}

/* -------------------------------------------------------------- tablas -- */
.firmas-tabla td{ vertical-align:top; }
.firmas-doc{ font-weight:var(--w-semi); color:var(--azul-800); }
.firmas-doc:hover{ color:var(--vino-700); }
.firmas-tipo{ display:block; margin-top:2px; font-size:var(--t-xs); color:var(--c-texto-tenue); }
.firmas-tipo--linea{ display:inline; margin-top:0; }
.firmas-fecha{ white-space:nowrap; font-variant-numeric:tabular-nums; }
.firmas-detalle{ display:block; margin-top:4px; font-size:var(--t-sm); color:var(--c-texto-tenue); }
.firmas-detalle--fuerte{ margin-top:0; color:var(--azul-950); }
.firmas-siguiente{ font-size:var(--t-sm); color:var(--gris-700); }

/* ------------------------------------------------- pedidas desde la app -- */
.firmas-pedidos{ list-style:none; margin:0 0 var(--e-5); padding:0; display:grid; gap:var(--e-3); }
.firmas-pedido{
  display:grid; gap:var(--e-3); padding:var(--e-4) var(--e-5);
  background:var(--blanco); border:1px solid var(--gris-200);
  border-left:3px solid var(--amarillo-400); border-radius:var(--r-lg);
}
.firmas-pedido__texto{ min-width:0; color:var(--azul-950); }
.firmas-en-fila{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--e-2); }
.firmas-en-fila .campo-select{ width:auto; max-width:100%; }

/* ---------------------------------------------------- preparar o subir -- */
.firmas-preparar{
  display:grid; grid-template-columns:minmax(0, 3fr) minmax(0, 2fr); gap:var(--e-4); align-items:start;
}
.firmas-preparar__lado{ display:grid; gap:var(--e-4); }
.firmas-ayuda{ margin:0 0 var(--e-3); font-size:var(--t-sm); color:var(--c-texto-medio); }
.firmas-form{ display:grid; gap:var(--e-3); margin:0; }
.firmas-campo{ display:flex; flex-direction:column; gap:var(--e-1); margin:0; min-width:0; }
.firmas-campo > label,
.firmas-campo > legend{ font-size:var(--t-sm); font-weight:var(--w-semi); color:var(--azul-950); }
.firmas-campo__ayuda{ font-size:var(--t-xs); color:var(--c-texto-tenue); }
.firmas-opciones{ border:1px solid var(--gris-200); border-radius:var(--r-md); padding:var(--e-3) var(--e-4); }
.firmas-opciones > label{ display:block; padding:2px 0; cursor:pointer; }
.firmas-opciones__extra{ margin-top:var(--e-2); padding-top:var(--e-2) !important; border-top:1px dashed var(--gris-200); font-size:var(--t-sm); color:var(--c-texto-medio); }
.firmas-acciones{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--e-2) var(--e-3); margin:0; }
.firmas-acciones .motivo-deshabilitado{ margin-top:0; }

/* --------------------------------------------------------------- ficha -- */
.firmas-ficha-cab{ margin:var(--e-2) 0 var(--e-4); }
.firmas-ficha-cab__titulo{ margin:0; color:var(--azul-950); }
.firmas-ficha-cab__linea{ margin:var(--e-1) 0 0; font-size:var(--t-md); color:var(--c-texto-medio); }
.firmas-estado{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--e-2) var(--e-3); margin:var(--e-3) 0 0; }
.firmas-estado .firmas-detalle{ margin-top:0; }
.firmas-cab-estado{ margin-left:auto; }

.firmas-ficha{
  display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 1fr); gap:var(--e-4); align-items:start;
}
.firmas-ficha__principal,
.firmas-ficha__lado{ display:grid; gap:var(--e-4); min-width:0; }

/* Cada acto de la versión, separado por una línea fina. */
.firmas-paso{ margin:var(--e-4) 0 0; padding-top:var(--e-4); border-top:1px solid var(--gris-200); }
.firmas-paso__titulo{ margin:0 0 var(--e-2); font-size:var(--t-md); color:var(--azul-950); }
.firmas-paso .desplegable{ margin-top:var(--e-3); }
.firmas-banda{ margin-bottom:var(--e-3); }
.firmas-banda .banda__cuerpo{ margin:0; }

/* La huella: la prueba de qué versión exacta se firmó y se entregó. */
.firmas-huella{
  display:block; margin-top:2px; font-family:var(--f-mono); font-size:var(--t-2xs);
  color:var(--gris-600); overflow-wrap:anywhere;
}
.firmas-huella--corta{ display:inline; }

.firmas-entregas{ list-style:none; margin:0 0 var(--e-3); padding:0; }
.firmas-entrega{ padding:var(--e-3) 0; border-bottom:1px solid var(--gris-100); }
.firmas-entrega:first-child{ padding-top:0; }
.firmas-entrega p{ margin:0; }
.firmas-entrega .lista-simple{ margin:var(--e-2) 0; font-size:var(--t-sm); }
.firmas-entrega__cab{ color:var(--azul-950); }

.firmas-comentario{ margin:0 0 var(--e-3); }
.firmas-comentario .firmas-detalle{ margin:0 0 2px; }

@media (max-width:900px){
  .firmas-preparar,
  .firmas-ficha{ grid-template-columns:1fr; }
}
@media (max-width:680px){
  .firmas-cab .btn{ width:100%; justify-content:center; }
  .firmas-pedido{ padding:var(--e-3); }
}