.app-container {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100dvh;
}

/* Official PWA viewport height fix */
@media (display-mode: standalone) {
    html, body {
        height: -webkit-fill-available;
    }
    
    .min-h-screen, .h-screen, .min-h-dvh, .h-dvh {
        height: -webkit-fill-available !important;
        min-height: -webkit-fill-available !important;
    }
    
    .app-container {
        height: -webkit-fill-available !important;
    }
}