/* Estilos del módulo asociados: lista, menú ☰, ficha, ver asociado, convenio y actualización masiva */

/* --- Menú ☰ del asociado --- */
.menu-asociado { position: relative; }
.menu-asociado-lista {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; min-width: 230px;
  background: #fff; border: 1px solid var(--linea); border-radius: var(--radio-sm); box-shadow: 0 16px 40px -18px rgba(6, 35, 21, .45);
  padding: 6px; display: flex; flex-direction: column;
}
.menu-asociado-lista[hidden] { display: none; }
.menu-asociado-lista a { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 7px; color: var(--tinta); text-decoration: none; font-size: 13.5px; }
.menu-asociado-lista a:hover, .menu-asociado-lista a.activo { background: var(--marca-50); color: var(--marca-700); }
.menu-asociado-lista a[target="_blank"] span::after { content: ' ↗'; color: var(--tinta-suave); font-size: 11px; }

/* --- Lista --- */
.filtros-lista { flex: 1; gap: 10px; }
.filtros-lista .campo { margin: 0; }
.texto-suave { font-size: 11.5px; color: var(--tinta-suave); }
p.texto-suave { font-size: 12.5px; margin: 0 0 12px; }
.acciones-fila { display: inline-flex; gap: 4px; justify-content: flex-end; }
.paginacion { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--linea); font-size: 12.5px; flex-wrap: wrap; }
.paginacion-botones { display: flex; gap: 6px; align-items: center; }

/* --- Ficha --- */
.agrupa-campos { display: contents; }
.ficha-asociado .pestanas { margin-bottom: 14px; }
.ficha-asociado section[data-panel] { min-height: 120px; }
.barra-botones { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 14px; }
.barra-ficha {
  position: sticky; bottom: 0; z-index: 20; background: rgba(242, 246, 245, .94); backdrop-filter: blur(4px);
  padding: 10px 0; margin: 0 0 16px; border-top: 1px solid var(--linea);
}
.btn.peligro-texto { color: var(--peligro); margin-left: auto; }
.fila-agregar { background: #f7faf9; border: 1px dashed #d4e2de; border-radius: var(--radio-sm); padding: 12px; margin-bottom: 12px; }
.campo input[type="date"] + .ayuda, .campo .interruptor + input { margin-top: 6px; }
.campo .interruptor + input[type="date"], .campo .interruptor + input.dinero { width: 100%; }
select option:disabled { color: #a9b6b3; }
[data-campo="folio"] .interruptor { padding-top: 4px; font-size: 12.5px; }

/* Adjuntos */
.botones-adjuntos { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }
.botones-adjuntos label.btn { cursor: pointer; }
.adjuntos-grupos { gap: 12px; }
.titulo-adjuntos { display: block; font-size: 12px; color: var(--marca-700); margin-bottom: 6px; }
.adjuntos { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.adjuntos li { display: flex; align-items: center; gap: 8px; border: 1px solid var(--linea); border-radius: 8px; padding: 6px 8px; font-size: 13px; background: #fff; }
.adjuntos .adjunto-nombre { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adjuntos small { color: var(--tinta-suave); font-size: 11px; white-space: nowrap; }
.adjuntos-vacio { padding: 8px 0; }

/* --- Ver asociado --- */
.resumen-asociado { margin-bottom: 16px; }
.resumen-asociado .valor-sm { font-size: 16px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.datos-lectura { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 16px; }
.dato span { display: block; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--tinta-suave); margin-bottom: 2px; }
.dato b { font-weight: 600; font-size: 13.5px; word-break: break-word; }
.dato.ancho { grid-column: span 2; }
.dato.completo { grid-column: 1 / -1; }
.totales-asociado { max-width: 420px; margin: 14px 0 0 auto; }
.totales-asociado tr.total td { font-weight: 700; font-size: 15px; border-top: 2px solid var(--marca-600); }

/* Resultados de procesos por archivo */
.resultado-errores { max-height: 322px; overflow: auto; border: 1px solid var(--linea); border-radius: var(--radio-sm); }
.ayuda-columnas > summary, .acordeon > summary { cursor: pointer; padding: 14px 16px; list-style: none; display: flex; align-items: center; gap: 8px; }
.ayuda-columnas > summary::-webkit-details-marker, .acordeon > summary::-webkit-details-marker { display: none; }
.acordeon > summary h3 { font-size: 14.5px; display: flex; align-items: center; gap: 8px; margin: 0; }
.acordeon > summary::after, .ayuda-columnas > summary::after { content: '▾'; margin-left: auto; color: var(--tinta-suave); transition: transform .15s; }
.acordeon[open] > summary::after, .ayuda-columnas[open] > summary::after { transform: rotate(180deg); }
.acordeon[open] > summary { border-bottom: 1px solid var(--linea); }
.ayuda-columnas > summary { font-weight: 600; font-size: 13.5px; }
.ayuda-columnas code { font-size: 12px; background: var(--marca-50); padding: 1px 6px; border-radius: 5px; }

/* --- Convenio --- */
.convenio-editor { width: 100%; min-height: 410px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.55; }
.lista-variables { list-style: none; margin: 0; padding: 6px 0; max-height: 520px; overflow: auto; }
.lista-variables li { display: flex; flex-direction: column; padding: 6px 14px; border-bottom: 1px solid #f0f5f4; }
.lista-variables li span { font-size: 11.5px; color: var(--tinta-suave); }
.convenio-previa { max-width: 780px; margin: 0 auto; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 1.6; color: #111; }
.convenio-previa h2 { text-align: center; text-transform: uppercase; font-size: 17px; margin-bottom: 12px; }
.convenio-previa h3 { font-size: 15px; margin: 14px 0 6px; }
.convenio-previa p { text-align: justify; margin: 0 0 10px; }
.convenio-dato { background: #fff6d9; border-radius: 3px; padding: 0 2px; }
.convenio-firmas { display: flex; gap: 40px; margin-top: 48px; }
.convenio-firmas > div { flex: 1; font-size: 12.5px; }
.linea-firma { border-top: 1px solid #111; margin-bottom: 6px; }

@media (max-width: 860px) {
  .menu-asociado-lista { position: fixed; left: 12px; right: 12px; top: auto; bottom: 70px; min-width: 0; max-height: 70vh; overflow: auto; }
  .datos-lectura { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dato.ancho { grid-column: 1 / -1; }
  .barra-ficha { bottom: 58px; }
  .barra-ficha .btn { flex: 1; justify-content: center; }
  .btn.peligro-texto { margin-left: 0; }
  .convenio-firmas { flex-direction: column; gap: 30px; }
  .acciones-fila .btn.icono { width: 36px; min-height: 36px; }
}

@media print {
  .menu-asociado, .barra-ficha, .pestanas { display: none !important; }
  section[data-panel] { break-inside: avoid; margin-bottom: 12px; }
}