.pwa-install-button {
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:36px;
  height:36px;
  padding:0 11px;
  border:1px solid var(--border,#ddd6eb);
  border-radius:9px;
  background:var(--card-bg,#fff);
  color:var(--accent,#5a3e8a);
  box-shadow:none;
  font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,opacity .16s ease;
}
.pwa-install-button:hover { border-color:var(--accent,#5a3e8a); background:var(--tab-hover,#f6f2fb); }
.pwa-install-button:focus-visible { outline:3px solid rgba(139,92,246,.35); outline-offset:3px; }
.pwa-install-button[hidden] { display:none !important; }
.pwa-install-button svg { flex:none; width:20px; height:20px; }
.s-topbar-right .pwa-install-button,
.t-topbar-right .pwa-install-button { width:36px; padding:0; }
.s-topbar-right .pwa-install-button span,
.t-topbar-right .pwa-install-button span { display:none; }

.pwa-install-dialog {
  width:min(450px,calc(100vw - 28px));
  border:1px solid var(--border,#ddd6eb);
  border-radius:20px;
  padding:0;
  background:var(--card-bg,#fff);
  color:var(--text,#241d30);
  box-shadow:0 28px 90px rgba(25,18,37,.3);
}
.pwa-install-dialog::backdrop { background:rgba(18,13,27,.52); backdrop-filter:blur(3px); }
.pwa-install-dialog__body { padding:26px; }
.pwa-install-dialog h2 { margin:0 0 10px; font-size:1.35rem; }
.pwa-install-dialog p { margin:0; color:var(--text-muted,#706879); line-height:1.5; }
.pwa-install-dialog ol { margin:18px 0 22px; padding-left:22px; line-height:1.65; }
.pwa-install-dialog__actions { display:flex; gap:9px; margin-top:20px; }
.pwa-install-dialog button { flex:1; padding:11px 16px; border:0; border-radius:11px; background:#5a3e8a; color:#fff; font:700 14px system-ui,-apple-system,"Segoe UI",sans-serif; cursor:pointer; }
.pwa-install-dialog [data-pwa-installed] { border:1px solid var(--border,#ddd6eb); background:transparent; color:var(--text,#241d30); }

.web-push-card { margin:0 0 28px; padding:20px; border:1px solid var(--border,#ded8e8); border-radius:16px; background:var(--card-bg,#fff); }
.web-push-card h2 { margin-top:0; }
.web-push-card__status { margin:10px 0 14px; color:var(--text-muted,#706879); }
.web-push-card__status.is-on { color:#18743b; }
.web-push-card__status.is-error { color:#b42318; }
.web-push-card__actions { display:flex; gap:9px; flex-wrap:wrap; }
.web-push-card__actions button { min-width:150px; }
.web-push-card__actions button.secondary { background:transparent; color:var(--text,#241d30); border:1px solid var(--border,#ded8e8); }

@media (max-width:560px) {
  .pwa-install-button { width:36px; padding:0; }
  .pwa-install-button span { display:none; }
  .pwa-install-dialog__actions { flex-direction:column; }
}