.pwa-install[hidden], .pwa-install [hidden] { display: none !important; }
.pwa-install {
    display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px;
    margin: 20px 0; padding: 18px 20px; border: 1px solid #d8e3ed;
    border-radius: 12px; background: #f5f9fd; color: #17324d;
    font: 14px/1.5 "Segoe UI", system-ui, sans-serif; text-align: left;
}
.pwa-install > div { flex: 1 1 240px; min-width: 0; }
.pwa-install strong { display: block; font-size: 15px; }
.pwa-install p { margin: 5px 0 0; color: #526b84; font-size: 13px; line-height: 1.5; }
.pwa-install [data-pwa-install-button] {
    flex: 0 0 auto; width: auto; min-height: 44px; margin: 0; padding: 10px 18px;
    border: 1px solid #1769aa; border-radius: 9px; background: #1769aa; color: #fff;
    font: 650 14px/1.5 "Segoe UI", system-ui, sans-serif; cursor: pointer;
}
.pwa-install [data-pwa-install-button]:hover { background: #125991; }
.pwa-install [data-pwa-install-button]:focus-visible { outline: 3px solid #80b6e5; outline-offset: 3px; }
.pwa-install [data-pwa-install-button]:disabled { opacity: .65; cursor: wait; }
.pwa-install .pwa-install-status { flex-basis: 100%; margin: 0; }
.pwa-install-status:empty { display: none; }
@media (max-width: 480px) {
    .pwa-install { padding: 16px; gap: 12px; }
    .pwa-install [data-pwa-install-button] { width: 100%; }
}