/* The interactive dot grid (static/dot-grid.js), shared by the back office and the customer portal's sign-in pages.
   The canvas is fixed (out of the layout, so nothing shifts) until the script moves it into its host, the black brand
   panel (data-host=".auth-brand"), where it sits above the panel's own background and under its content. */
.dot-grid { position: fixed; inset: 0; z-index: 0; display: block; pointer-events: none; }
.auth-brand.dot-host { position: relative; overflow: hidden; }
.auth-brand.dot-host > canvas.dot-grid-local { position: absolute; inset: 0; z-index: 0; }
.auth-brand.dot-host > :not(canvas) { position: relative; z-index: 1; }