/* ====== CSS DO QUASAR PARA PWA ====== */

/* 1. Reset completo do body */
body.q-body--fullscreen-mixin, 
body.q-body--forcing-fullscreen,
body.body--fullscreen {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    height: -webkit-fill-available !important;
}

/* 2. Para iOS - tratamento especial da status bar */
@supports (-webkit-touch-callout: none) {
    body.ios-standalone {
        padding-top: constant(safe-area-inset-top) !important;
        padding-top: env(safe-area-inset-top) !important;
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
    
    /* Quando a status bar é default ou black-translucent */
    .q-status-bar--default,
    .q-status-bar--black-translucent {
        height: env(safe-area-inset-top) !important;
        min-height: env(safe-area-inset-top) !important;
    }
    
    /* Header que compensa a safe area */
    .q-header.q-header--bordered {
        padding-top: env(safe-area-inset-top) !important;
    }
}

/* 3. Para Android - tratamento da navigation bar */
@supports not (-webkit-touch-callout: none) {
    body.android-standalone {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
}

/* 4. Classes do Quasar para fullscreen */
.q-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 6000 !important;
    background: inherit !important;
}

/* 5. Container principal do Quasar */
.q-page-container {
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    min-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}

/* 6. Quando em modo standalone */
@media (display-mode: standalone) {
    html, body {
        overscroll-behavior: none !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Remove qualquer barra de rolagem do navegador */
    ::-webkit-scrollbar {
        display: none !important;
    }
    
    body {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
}