/*
 ===============================================================
 PinCabOS - Global Grid V1
 Même quadrillage sur toutes les interfaces.
 ===============================================================
 */

/*
 * Crée un stacking context propre.
 * Le quadrillage reste derrière le contenu.
 */
body {
    isolation: isolate !important;
}


/*
 * Quadrillage global.
 *
 * 48 x 48 px
 * visibilité légèrement renforcée
 * sans modifier les halos/couleurs du background.
 */
body::before {

    content: "" !important;

    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    pointer-events: none !important;

    background-image:
        linear-gradient(
            rgba(255,255,255,.032) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.032) 1px,
            transparent 1px
        ) !important;

    background-size:
        48px 48px !important;

    background-position:
        0 0 !important;

    opacity: .68 !important;

    z-index: -1 !important;
}


/*
 * Aucun scroll généré par la grille.
 */
html,
body {
    max-width: 100%;
}
