/* Utilidades de LAYOUT/SCROLL transversales — asset COMPARTIDO del RCL InsCore.Ui.Gadgets.
   Único hogar para los 3 hosts (broker / backoffice / portal-cliente). Self-contained con
   var(--token, fallback): no depende de los tokens de ningún host en concreto.

   Razón de ser: el shell (MudLayout → MudMainContent → MudContainer) ya aporta el scroll de la
   PÁGINA. Cualquier hijo que declare su propio height/max-height + overflow crea una SEGUNDA barra
   ("doble scroll"). Estas clases dan el patrón de scroll ÚNICO por superficie. */

/* ── Pane de altura completa (chat, consolas, paneles "tipo app") ──────────────────
   El panel llena el viewport y SOLO su contenido interno scrollea; la página NO scrollea.
   Misma filosofía ya probada en .app-drawer .mud-navmenu (flex column + min-height:0 + overflow
   en el hijo). El descuento de "chrome" (AppBar + paddings del MudContainer + cabecera de página)
   se afina por página vía la variable --ins-chrome (style inline), con un fallback razonable. */
.ins-fill {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - var(--ins-chrome, 13rem));
    min-height: 18rem; /* en viewports muy bajos no colapsa por debajo de lo usable */
}

/* Zona desplazable del pane: ocupa el espacio libre y es la ÚNICA que scrollea. min-height:0 es
   imprescindible en flex para que el hijo pueda encoger y mostrar su barra (sin él, desbordaría). */
.ins-fill__scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* Pie fijo del pane (input de chat, barra de acciones): no scrollea, queda siempre visible. */
.ins-fill__footer {
    flex: 0 0 auto;
}

/* ── Selects con lista larga (ej. filtro de Ramo) ─────────────────────────────────
   El popover y la MudList interna traen ambos max-height + overflow:auto → DOS scrollbars
   anidados ("doble scroll"). Dejamos que scrollee solo el popover (lista interna sin límite) → un
   único scroll, holgado para que la lista quepa en pantallas normales. Se aplica con
   PopoverClass="ins-tall-popover" en MudSelect/MudAutocomplete. SSOT compartido por los 3 hosts
   (antes duplicado en los theme.css de broker y backoffice; el portal-cliente no lo tenía). */
.ins-tall-popover {
    max-height: 70vh !important;
    overflow-y: auto !important;
}
.ins-tall-popover .mud-list {
    max-height: none !important;
    overflow-y: visible !important;
}
