:root { color-scheme: var(--p-color-scheme, dark); --app-height: 100dvh; --app-top: 0px; }
[data-install-pwa][hidden] { display: none !important; }
@media (max-width: 767.98px) {
    body.darkmode { --app-nav-height: calc(64px + env(safe-area-inset-bottom, 0px)); }
    body.darkmode .main-wrapper { height: var(--app-height); }
    body.darkmode .main_content { padding-top: env(safe-area-inset-top, 0px); }
    body.darkmode .sidebar-group { height: calc(var(--app-height) - var(--app-nav-height) - env(safe-area-inset-top, 0px)); }
    body.darkmode .sidebar-menu { top: calc(var(--app-top) + var(--app-height) - var(--app-nav-height)); bottom: auto; }
    body.darkmode #middle.chat {
        top: calc(var(--app-top) + env(safe-area-inset-top, 0px));
        height: calc(var(--app-height) - var(--app-nav-height) - env(safe-area-inset-top, 0px));
        bottom: auto;
    }
    body.darkmode #middle .chat-header {
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }
    body.darkmode #middle .chat-footer .footer-form {
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }
    body.pwa-guest .main-wrapper { height: var(--app-height); overflow-y: auto; }
    body.pwa-guest .vh-100 { height: var(--app-height) !important; }
    body.pwa-guest .login-bg1 {
        padding-top: max(16px, env(safe-area-inset-top, 0px));
        padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
    }
}