/* ═══════════════════════════════════════════════════════════════════════════════
   ADMIN › REGISTRO DE ACTIVIDAD · LA HOJA SÓLO DISPONE (nada pinta)
   2026-10-07 · `HANDOFF_REGISTRO_ACTIVIDAD_PANTALLA_2026-10-07.md` §B11 · `gate_patron_pinta.js`.

   La pantalla es el patrón de lista del catálogo (`pantalla-lista.css`) con sus piezas ya
   canonizadas (Toolbar, Filtros, Calendario de rango, Pastilla, Cajón de detalle). Esta hoja
   hace UNA cosa que ninguna de ellas puede hacer por su cuenta: darle al patrón el ANFITRIÓN
   con alto real que su contrato exige (`pantalla-lista.css` §4-quater: «la vista que hospeda
   la lista tiene que ser una columna con alto real, y toda la cadena de envoltorios hasta
   `.exds-pl` también»). Sin esto la vista de Admin —un bloque que crece con su contenido— deja
   que la tabla estire la página en vez de desplazarse por dentro.

   Es el mismo reparto que `backoffice.css` hace para Contactos y Cartera, acotado al panel
   de ESTE submódulo (`:has` sobre el panel visible) para no alterar Usuarios, Parámetros ni
   Notificaciones, que no son listas.

   GATE-ALLOW: .bo-view.adm2[data-view="admin"] height display flex-direction padding-top padding-bottom · colocación del anfitrión de la lista (contrato de §4-quater), no vocabulario nuevo; medido que sin ella la tabla crece con la página.
   GATE-ALLOW: móvil · el backoffice es de escritorio (CLAUDE.md no-negociable 7, Ricardo 2026-07-29); no se mide ancho de teléfono.
   ═══════════════════════════════════════════════════════════════════════════════ */
.main-scroll > .bo-view.adm2[data-view="admin"]:has(> .adm2-panel.show[data-adm-panel="registro-de-actividad"]) {
  height: 100%;
  min-height: 0;
  /* PantallaLista H12: el relleno superior y el inferior del lienzo son IGUALES (24 y 24); el anfitrión de Admin trae 26 arriba. */
  padding-top: var(--space-6, 24px);
  padding-bottom: var(--space-6, 24px);
}
.main-scroll > .bo-view.adm2[data-view="admin"].is-active:has(> .adm2-panel.show[data-adm-panel="registro-de-actividad"]) {
  display: flex;
  flex-direction: column;
}
.main-scroll > .bo-view.adm2[data-view="admin"] > .adm2-panel.show[data-adm-panel="registro-de-actividad"] {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  min-height: 0;
}

/* EL ANCHO EN USO (COMPONENTE_TABLA.md § «El ancho en uso», Ricardo, 2026-10-08): la tabla CONSERVA el ancho mínimo de sus columnas —el de
   su estado sin cajón— y con el cajón abierto se desplaza de lado (`.exds-pl-scroll` ya es overflow:auto); no oculta columnas ni recorta más
   de lo que recorta sin cajón. El valor es la suma EXACTA de los mínimos de `--exds-pl-cols` (index.html): 170 + 176 + 190 + 130 + 112 + 44 = 822 (QA-1: a 1200 con barra de 240 caben 878; Usuario, Acción y Recurso ceden con «…» + globo, no se quita ninguna columna). */
/* RA-55/RA-62 (canon «El ancho en uso»): con el cajón abierto la tabla CONSERVA los anchos que tenía sin cajón en esa ventana —
   admin-registro-actividad.js los fija en px en `--exds-pl-cols` y deja su suma en `--ra-ancho-fijo`—; al cerrar se quitan y vuelve la rejilla elástica. */
#raAdmPl .exds-pl-row,
#raAdmPl .exds-pl-head,
#raAdmPl .exds-pl-skel-row { min-width: var(--ra-ancho-fijo, 822px); }

/* QA-1 (defecto 1) · REGLA 18 (README › Reglas duras 18, Ricardo 2026-10-08): un texto que no cabe va en UN renglon, «…» y globo con el texto completo; doble
   renglon nunca. El cajon de detalle trae de fabrica el clamp de 2 de su receta Z2 (cajon-lateral.css v1.15); en ESTA pantalla Acción, Recurso y Motivo
   pasan a un renglon. El texto no se toca: el globo (data-tip) lo lleva entero.
   GATE-ALLOW: .exds-cajon-texto-recorte display -webkit-line-clamp white-space text-overflow overflow-wrap · una linea con «…» (regla 18) en vez del clamp de 2 del cajon; el catalogo aun trae la receta de 2 renglones. */
.exds-cjd[data-reg-act] :is(.exds-cajon-zona, :where(.exds-cajon-zona > :not([class*="exds-"]))) > .exds-cajon-campos > .exds-cajon-campo-v .exds-cajon-texto-recorte {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  white-space: nowrap;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}