/* =============================================
   APP CONTAINER — layout mobile centralizado
   Limita a largura do app para parecer mobile
   mesmo em telas grandes (desktop).
   ============================================= */

html {
    background: #060608;
}

body {
    max-width: 520px;
    margin: 0 auto !important;
    position: relative;
}

@media (min-width: 540px) {
    body {
        border-left: 1px solid rgba(255,255,255,0.05);
        border-right: 1px solid rgba(255,255,255,0.05);
        box-shadow: 0 0 80px rgba(0,0,0,0.95);
    }

    .bottom-nav {
        max-width: 520px !important;
        width: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .modal-overlay,
    .overlay {
        width: 100vw !important;
        max-width: none !important;
        left: 0 !important;
        transform: none !important;
    }
}