/* Staff PWA install tip (FT-PWA-03) + standalone polish (FT-PWA-06) */

@media (display-mode: standalone) {
    html {
        padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px)
            env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    }

    [data-shell-navigation],
    .site-nav,
    .top-nav {
        padding-top: max(0px, env(safe-area-inset-top, 0px));
    }

    @media (max-width: 960px) {
        [data-shell-navigation] {
            padding-top: 0;
        }
    }

    [data-shell-footer],
    .site-footer {
        padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
    }

    .shell--app,
    [data-shell-content] {
        padding-left: max(0px, env(safe-area-inset-left, 0px));
        padding-right: max(0px, env(safe-area-inset-right, 0px));
        padding-bottom: max(0px, env(safe-area-inset-bottom, 0px));
    }

    /* Reused staff surfaces: keep composers / toolbars above the home indicator. */
    .chat-composer,
    .chat-composer-panel {
        padding-bottom: max(0.85rem, env(safe-area-inset-bottom, 0px));
    }

    .page-toolbar,
    .shell-overlays {
        padding-left: max(0px, env(safe-area-inset-left, 0px));
        padding-right: max(0px, env(safe-area-inset-right, 0px));
    }
}

.pwa-install-tip {
    display: none;
    align-items: flex-start;
    gap: 0.75rem;
    color: var(--color-text-strong, var(--color-canvas, #111));
    font-family: inherit;
    line-height: 1.5;
}

.pwa-install-tip.is-visible {
    display: flex;
}

.pwa-install-tip__body {
    flex: 1;
    min-width: 0;
}

.pwa-install-tip__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex-shrink: 0;
    align-items: center;
}

.pwa-install-tip .button {
    min-height: 40px;
}