/**
 * iOS standalone / Add to Home Screen — edge-to-edge layout with translucent status bar.
 * Requires viewport-fit=cover and apple-mobile-web-app-status-bar-style=black-translucent.
 */
:root {
    --cx-safe-top: env(safe-area-inset-top, 0px);
    --cx-safe-bottom: env(safe-area-inset-bottom, 0px);
    --cx-safe-left: env(safe-area-inset-left, 0px);
    --cx-safe-right: env(safe-area-inset-right, 0px);
    --cx-nav-inner-height: 70px;
}

html {
    background-color: var(--bg-color, #FAFAFA);
    color-scheme: light;
}

html[data-theme="dark"] {
    background-color: var(--bg-color, #020202);
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
}

.public-navbar {
    padding-top: calc(9px + var(--cx-safe-top));
}

.admin-navbar {
    padding-top: calc(0.75rem + var(--cx-safe-top));
}

body:has(.public-navbar),
body:has(.admin-navbar),
body.cx-pub-biz-body:has(.public-navbar) {
    padding-top: calc(var(--cx-nav-inner-height) + var(--cx-safe-top)) !important;
}

.ntf-toast-container,
.adm-alert-container,
#alertContainer.adm-alert-container {
    top: calc(80px + var(--cx-safe-top));
}

.adm-slide-menu,
.adm-notification-panel {
    top: calc(var(--navbar-height, 70px) + var(--cx-safe-top));
}