/* T87 mejoras 1 y 3: filtros, orden, comparador, cifras y tarjeta enriquecida. Variables del propio directorio con respaldo.
   Los controles solo existen con scripting activo; sin JS la lista sale completa (CLS 0: la altura se reserva desde el primer pintado). */
.lh-barra,.lh-panel{display:none}
@media (scripting:enabled){
  .lh-barra{display:grid;gap:10px;margin:12px 0;padding:12px 14px;border:1px solid var(--marca-borde,#B4D9E4);border-radius:var(--radio,12px);background:var(--marca-claro,#E3F1F6)}
}
.lh-cmp-l{display:none;align-items:center;gap:8px;min-height:44px;padding:0 6px;font-size:.88rem;color:var(--tinta,#16211d);cursor:pointer}
@media (scripting:enabled){.lh-cmp-l{display:inline-flex}}
.lh-cmp{width:20px;height:20px;accent-color:var(--marca,#0F6E8C)}
.lh-filtros{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.lh-filtros legend{font-weight:700;color:var(--marca-hondo,#073745);padding:0;margin-bottom:4px}
.lh-filtros label,.lh-orden label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.92rem;color:var(--tinta,#16211d);cursor:pointer}
.lh-filtros input{width:20px;height:20px;accent-color:var(--marca,#0F6E8C)}
.lh-sin{opacity:.5;cursor:not-allowed}
.lh-orden{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.lh-orden select{min-height:44px;padding:0 10px;border:1px solid var(--linea-campo,#7f8c87);border-radius:var(--radio-sm,9px);background:#fff;font:inherit;color:var(--tinta,#16211d)}
.lh-reset,.lh-panel button,.lh-cerrar{min-height:44px;padding:0 16px;border:1px solid var(--marca,#0F6E8C);border-radius:var(--radio-sm,9px);background:#fff;color:var(--marca-oscuro,#0B5468);font:inherit;font-weight:600;cursor:pointer}
.lh-panel button.lh-ver{background:var(--marca,#0F6E8C);color:#fff}
.lh-panel button:disabled{opacity:.5;cursor:not-allowed}
.lh-estado{margin:0;min-height:1.4em;font-size:.92rem;color:var(--marca-hondo,#073745);font-weight:600}
.lh-nota{margin:0;font-size:.8rem;color:var(--gris,#55635e)}
.lh-vacio{padding:14px;border:1px dashed var(--linea-campo,#7f8c87);border-radius:var(--radio-sm,9px);color:var(--tinta,#16211d)}
.lh-reset:focus-visible,.lh-panel button:focus-visible,.lh-cerrar:focus-visible,.lh-orden select:focus-visible,.lh-filtros input:focus-visible,.lh-cmp:focus-visible{outline:3px solid var(--oro,#e0a33e);outline-offset:2px}
.tarjeta[hidden]{display:none}
.lh-reset[hidden]{display:inline-flex;visibility:hidden}
/* cifras */
.lh-cifras{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:12px 0;padding:10px 14px;border-left:4px solid var(--marca,#0F6E8C);background:var(--fondo,#f7f9f8);font-size:.95rem;color:var(--tinta,#16211d)}
.lh-cifras b{color:var(--marca-hondo,#073745)}
/* tarjeta enriquecida */
.lh-dato{margin:6px 0 0;font-size:.88rem;color:var(--tinta,#16211d);line-height:1.4}
.lh-resena{margin:8px 0 0;padding:8px 10px;border-left:3px solid var(--oro,#e0a33e);background:var(--oro-claro,#fdf4e6);font-size:.86rem;line-height:1.4}
.lh-resena p{margin:0}
.lh-resena footer{margin-top:4px;font-size:.78rem;color:var(--gris,#55635e)}
/* panel y diálogo */
@media (scripting:enabled){
  .lh-panel:not([hidden]){display:flex;position:fixed;left:12px;right:12px;bottom:12px;margin:0 auto;max-width:560px;z-index:50;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:var(--radio,12px);background:var(--marca-hondo,#073745);color:#fff;box-shadow:var(--sombra-alta,0 10px 26px -10px rgba(16,40,30,.4))}
}
.lh-dlg{width:min(960px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:16px;border:0;border-radius:var(--radio,12px);color:var(--tinta,#16211d)}
.lh-dlg::backdrop{background:rgba(7,55,69,.55)}
.lh-dlg-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.lh-dlg-cab h2{margin:0;font-size:1.2rem}
.lh-scroll{overflow-x:auto}
.lh-tabla{border-collapse:collapse;width:100%;min-width:560px;font-size:.9rem}
.lh-tabla th,.lh-tabla td{padding:8px 10px;border:1px solid var(--linea,#e3eae6);text-align:left;vertical-align:top}
.lh-tabla thead th{background:var(--marca-claro,#E3F1F6);color:var(--marca-hondo,#073745)}
.lh-tabla tbody th{background:var(--fondo,#f7f9f8);width:22%;font-weight:600}
.lh-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:720px){.lh-filtros label{flex:1 1 46%}.lh-panel:not([hidden]){bottom:76px}}
@media (prefers-reduced-motion:no-preference){.lh-panel{transition:none}}

/* el CSS general del sitio da margen y ancho a label/select: aquí se compactan */
.lh-barra{gap:6px}
.lh-barra label{margin:0;width:auto;display:inline-flex}
.lh-barra .lh-filtros{display:flex;gap:0 16px}
.lh-barra .lh-orden select{width:auto;min-width:210px;max-width:100%;margin:0}
.lh-barra .lh-filtros legend{margin:0 0 2px}
.lh-barra .lh-estado{min-height:1.4em}
/* DIR-R8: areas tactiles >=44 px */
.lh-filtros label{min-height:44px;display:inline-flex;align-items:center;gap:8px}