/*
    Estabilidad de layout (global, todas las vistas).

    Los contenedores del layout usan `container-xxl` (margen auto = centrado).
    Cuando una vista genera scroll vertical y otra no, el navegador agrega/quita
    la barra de scroll y cambia el ancho util del viewport, desplazando el
    contenido centrado (header, breadcrumb, footer) unos ~8px horizontalmente.

    Reservando siempre el canal de la barra de scroll el ancho util es constante
    y el header queda fijo al navegar entre dashboard y listados.
*/
html {
  scrollbar-gutter: stable;
}

/* Fallback para navegadores sin soporte de scrollbar-gutter (Safari < 16). */
@supports not (scrollbar-gutter: stable) {
  html {
    overflow-y: scroll;
  }
}