/* iOS safe-area helpers used across client PWA pages. */
.safe-top {
    padding-top: env(safe-area-inset-top);
}
.safe-bottom {
    padding-bottom: env(safe-area-inset-bottom);
}
.mobile-bottom-safe {
    padding-bottom: env(safe-area-inset-bottom);
}

/* Prevent scroll bounce on iOS (applied on client PWA pages via .pwa-body). */
.pwa-body {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.main-container {
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Ensure content on manager/admin pages with a fixed bottom nav isn't obscured. */
@media (max-width: 1024px) {
    body.has-bottom-nav {
        padding-bottom: 4rem;
    }
}