/* =========================================================
   KOVRA PASO 44 — STANDALONE / APP EDGE-TO-EDGE
========================================================= */

/*
 * En modo instalado/standalone, el lienzo visual ocupa la pantalla física.
 * El fondo sube detrás de la barra de estado.
 * La información sigue respetando safe-area.
 */
@media (display-mode: standalone) {
    html {
        min-height: 100%;
        background:
            radial-gradient(
                circle at 50% -8%,
                rgba(54,230,107,.09) 0%,
                rgba(54,230,107,.045) 16%,
                rgba(54,230,107,0) 34%
            ),
            #050807 !important;
        background-attachment: fixed !important;
    }

    body {
        min-height: 100svh;
        min-height: 100dvh;
        margin: 0 !important;
        padding: 0 !important;
        background:
            radial-gradient(
                circle at 50% -8%,
                rgba(54,230,107,.09) 0%,
                rgba(54,230,107,.045) 16%,
                rgba(54,230,107,0) 34%
            ),
            #050807 !important;
        background-attachment: fixed !important;
        background-repeat: no-repeat !important;
        background-size: 100% max(100svh, 100dvh) !important;
    }

    .app,
    .page,
    .access-shell,
    .register-shell {
        padding-top:
            max(
                8px,
                calc(env(safe-area-inset-top) + 6px)
            ) !important;
    }
}

/*
 * Safari/iOS también reconoce esta condición cuando la web fue
 * añadida a la pantalla de inicio.
 */
@supports (-webkit-touch-callout: none) {
    html,
    body {
        min-height: -webkit-fill-available;
    }
}


/* Refuerzo global: incluso fuera de standalone, el fondo llena la zona del notch. */
html {
    background-attachment: fixed !important;
}

body {
    background-attachment: fixed !important;
}