/* Ajustes "A · Lista y detalle" (lab 27-oct). Ver ajustes-lista.js. */
.ajl-md{display:grid;gap:20px;min-width:0}
.ajl-md>*{min-width:0}
.ajl-grupo{margin:0 0 18px}
.ajl-grupo h3{margin:0 4px 8px;font:700 12px/1 var(--texto);letter-spacing:.09em;text-transform:uppercase;color:var(--gris)}
.ajl-caja{background:var(--blanco);border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(21,22,28,.05)}
.ajl-fila{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--tinta);text-decoration:none;min-height:64px}
.ajl-fila+.ajl-fila::before{content:"";position:absolute;top:0;left:60px;right:0;height:1px;background:var(--hundido)}
@media (hover:hover){.ajl-fila:hover{background:#F8F8F4}}
.ajl-fila.sel{background:#F1F1EB}
.ajl-fila:focus-visible{outline:2px solid var(--tinta);outline-offset:-2px;border-radius:14px}
.ajl-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}
.ajl-ic svg{width:18px;height:18px}
.ajl-ic.c1{background:#FFE27A}.ajl-ic.c2{background:#BFEBD8}.ajl-ic.c3{background:#FFC9B3}.ajl-ic.c4{background:#E3E8FD}.ajl-ic.c5{background:#D6F24B}.ajl-ic.c6{background:var(--hundido)}
.ajl-t{flex:1;min-width:0}
.ajl-t b{display:block;font:600 15px/1.3 var(--texto)}
.ajl-t small{display:block;font:400 13px/1.35 var(--texto);color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ajl-chip{flex:none;font:700 11.5px/1 var(--texto);padding:5px 8px;border-radius:99px;white-space:nowrap}
.ajl-chip.ajl-ok{background:#DDF3E7;color:#17804F}.ajl-chip.ajl-av{background:#F8EBD3;color:#A8650A}.ajl-chip.ajl-gr{background:var(--hundido);color:var(--gris)}
.ajl-chev{width:16px;height:16px;color:#9A9EA8;flex:none}
/* compu: lista a la izquierda, el bloque elegido a la derecha */
@media (min-width:900px){
  .ajl-md{grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start}
  .ajl .ajl-md .ajustes-grid{display:block;position:sticky;top:20px}
  .ajl .ajl-md .ajustes-grid>.col{display:contents}
  .ajl .ajl-md .caja[id^="aj-"]:not(.ajl-ver){display:none!important}
  .ajl .ajl-md .caja.ajl-ver{margin:0}
}
/* celu: solo la lista; con una fila elegida (#ajustes/clave), solo ese bloque */
@media (max-width:899px){
  .ajl:not([data-solo]) .ajl-md .ajustes-grid{display:none}
  .ajl[data-solo] .ajl-lista{display:none}
  .ajl-fila{min-height:66px}
}