.pwa-install[hidden], .pwa-install [hidden] { display: none !important; }
.pwa-install { margin: 0 0 24px; padding: 14px 18px; border: 1px solid #233449; border-radius: 14px; background: #091322; color: #eff6ff; }
.pwa-install-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pwa-install-icon { width: 44px; height: 44px; border-radius: 10px; flex: 0 0 auto; }
.pwa-install-copy { flex: 1 1 200px; }
.pwa-install-copy strong { display: block; font-size: 14px; line-height: 1.5; }
.pwa-install p { color: #a7b8cc; font-size: 13px; line-height: 1.8; margin-top: 4px; }
.pwa-install-copy p { font-size: 12px; line-height: 1.6; margin-top: 2px; }
.pwa-install button { min-height: 44px; border: 1px solid #32677c; border-radius: 10px; padding: 10px 16px; background: #0e2837; color: #a5f3fc; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.pwa-install button:hover { background: #15394b; }
.pwa-install button:disabled { opacity: .65; cursor: wait; }
.pwa-install button:focus-visible, .pwa-install input:focus-visible, #pwaHelpTitle:focus-visible { outline: 2px solid #67e8f9; outline-offset: 4px; }
.pwa-help { margin-top: 20px; padding-top: 18px; border-top: 1px solid #233449; }
.pwa-help h3 { font-size: 16px; line-height: 1.6; }
.pwa-help ol { margin: 12px 0 14px; padding-left: 24px; color: #d0dfef; font-size: 14px; line-height: 1.9; }
.pwa-help li { padding: 3px 0 3px 4px; }
.pwa-store-url { display: block; width: 100%; min-height: 44px; margin: 12px 0; border: 1px solid #32677c; border-radius: 8px; background: #050c16; color: #e0f2fe; padding: 10px; font: inherit; font-size: 14px; }
.pwa-help-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
@media (max-width: 600px) {
  .pwa-install { padding: 12px; }
  .pwa-install-row { gap: 10px; }
  .pwa-install-copy { flex-basis: calc(100% - 56px); }
  #pwaInstallButton { width: 100%; }
}
@media (display-mode: standalone), (display-mode: minimal-ui) { .pwa-install { display: none !important; } }