/* M09 - Configuracion, Auditoria y "escritorio lista + detalle" (navegacion 4.4 y 5). Solo tokens del sistema. */
.cnsf-config-seccion { margin-bottom: 20px; }
.cnsf-config-seccion .cnsf-campo { max-width: 360px; }
.cnsf-config-rejilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 4px 20px; }
.cnsf-config-rejilla .cnsf-campo { max-width: none; }

.cnsf-auditoria-json { background: var(--surface-alt); border-radius: 12px; padding: 12px; overflow-x: auto; font-size: 13px; white-space: pre-wrap; word-break: break-word; }
.cnsf-fila-activa { outline: 2px solid var(--cnsf-red); }
.cnsf-detalle-datos { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 12px 0 16px; }
.cnsf-detalle-datos dt { font-weight: 700; }
.cnsf-detalle-datos dd { margin: 0; }

/* Lista + detalle: en movil se ve uno u otro; desde 1024 px, lista a la izquierda y detalle a la derecha. */
.cnsf-maestro__detalle { display: none; }
.cnsf-maestro--con-detalle .cnsf-maestro__lista { display: none; }
.cnsf-maestro--con-detalle .cnsf-maestro__detalle { display: block; }

@media (min-width: 1024px) {
  .cnsf-maestro { display: grid; grid-template-columns: minmax(360px, 1.4fr) minmax(320px, 1fr); gap: 24px; align-items: start; }
  .cnsf-maestro__lista, .cnsf-maestro--con-detalle .cnsf-maestro__lista { display: block; grid-column: 1; grid-row: 1; min-width: 0; }
  .cnsf-maestro__detalle, .cnsf-maestro--con-detalle .cnsf-maestro__detalle { display: block; grid-column: 2; grid-row: 1; }
}