.pwa-install-button {
    position: fixed;
    z-index: 1100;
    right: max(18px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
    display: none;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: var(--sys-color-primary, #343a40);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .25);
    font-weight: 700;
    cursor: pointer;
}
.pwa-install-button.is-visible { display: flex; }
.is-offline body::before {
    position: fixed;
    z-index: 1200;
    right: 12px;
    top: 12px;
    padding: .45rem .75rem;
    border-radius: 999px;
    color: #fff;
    background: #c82333;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .2);
    content: 'Sem conexão';
    font-size: .8rem;
    font-weight: 700;
}
@media (display-mode: standalone) { .pwa-install-button { display: none !important; } }