html {
    min-height: 100%;
}

body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}

body.pwa-standalone .navbar {
    padding-top: max(10px, env(safe-area-inset-top));
}

.pwa-install-banner[hidden] {
    display: none !important;
}

.pwa-install-banner {
    display: none;
}

@media (max-width: 767px), (pointer: coarse) {
    .pwa-install-banner {
        display: grid;
        gap: 12px;
        margin: 0 0 14px;
        padding: 14px;
        border: 1px solid rgba(22, 163, 74, .28);
        border-radius: var(--radius, 8px);
        background: #ecfdf5;
        color: var(--text, #162026);
        box-shadow: var(--shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
    }

    .pwa-install-copy {
        display: grid;
        gap: 4px;
    }

    .pwa-install-copy strong {
        font-size: 1rem;
    }

    .pwa-install-copy p {
        margin: 0;
        color: var(--muted, #65727c);
        font-size: .94rem;
    }

    .pwa-ios-help {
        padding: 9px 10px;
        border-radius: var(--radius, 8px);
        background: #fff;
        color: var(--text, #162026) !important;
    }

    .pwa-install-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .pwa-install-actions .btn {
        width: 100%;
    }
}