html[data-pwa-suspended] body { visibility: hidden; }

.pwa-install-guide {
    margin-block-start: 16px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface-soft);
    color: var(--text);
    font-size: 13px;
}
.pwa-install-guide p { margin-block: 4px 8px; }
.pwa-install-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.pwa-install-actions .button { min-block-size: 44px; white-space: normal; }
.pwa-install-guide[hidden], .pwa-install-guide [hidden] { display: none !important; }

@media (display-mode: standalone) {
    .pwa-install-guide { display: none !important; }
}

@media (max-width: 1020px), (display-mode: standalone) {
    .workspace {
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    .sidebar {
        padding-top: env(safe-area-inset-top, 0px);
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    .workspace .topbar {
        border-top: env(safe-area-inset-top, 0px) solid var(--surface);
        min-height: calc(64px + env(safe-area-inset-top, 0px));
    }
    .login-page {
        padding-top: env(safe-area-inset-top, 0px);
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    .login-page .login-language { margin-top: env(safe-area-inset-top, 0px); }
    html[dir="ltr"] .login-page .login-language { margin-right: env(safe-area-inset-right, 0px); }
    html[dir="rtl"] .login-page .login-language { margin-left: env(safe-area-inset-left, 0px); }
}