/* Toolbar transversal de listas (ListToolbar) — asset COMPARTIDO del RCL InsCore.Ui.Gadgets.
   Self-contained con var(--token, fallback): en el broker toma sus tokens; en cliente/Backoffice cae
   al fallback neutro. Evita duplicar estos estilos por host. */
.app-list-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--glass-border, rgba(148, 163, 184, 0.18));
}

.app-list-toolbar__search {
    min-width: 280px;
    flex: 1 1 280px;
    max-width: 420px;
}

.app-list-toolbar__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* ── Superficie de listado con scroll acotado (patrón sticky-header) ──
   La rejilla se envuelve en un MudPaper redondeado con .ins-listado. Acotamos la altura del
   contenedor propio de la rejilla (.mud-table-container) al viewport y lo hacemos desplazable en
   ambos ejes; combinado con FixedHeader="true" en la MudDataGrid, la cabecera queda pegada arriba
   y AMBAS barras (vertical y horizontal) viven en el borde del área visible — la barra horizontal
   está SIEMPRE a la vista sin bajar al final de la lista. Las esquinas redondeadas siguen
   recortando porque el scroll vive en el hijo. Self-contained con var(--token, fallback). */
.ins-listado .mud-table-container {
    max-height: calc(100dvh - 22rem);
    min-height: 12rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* La cabecera fija (FixedHeader) queda pegada arriba mientras el cuerpo se desplaza por debajo.
   El tinte translúcido de cabecera deja TRASLUCIR las filas al pasar bajo ella; la volvemos opaca
   con la superficie del tema (idéntico color al estático, sin cambiar su aspecto). */
.ins-listado .mud-table-container .mud-table-head .mud-table-cell {
    background-color: var(--mud-palette-surface, #0a1632) !important;
}