/* Interface isolada: sem alterações no layout do tema. */
.sf-pwa-install[hidden], .sf-pwa-help[hidden] { display: none !important; }
.sf-pwa-install, .sf-pwa-help, .sf-pwa-install *, .sf-pwa-help * { box-sizing: border-box; }
.sf-pwa-install {
  position: fixed; right: 14px; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); z-index: 975;
  max-width: min(365px, calc(100vw - 28px)); display: flex; gap: 10px; align-items: center;
  background: #17121b; color: #fff; padding: 10px 10px 10px 11px; border-radius: 15px;
  border: 1px solid rgba(255, 211, 134, .3);
  box-shadow: 0 15px 40px rgba(0, 0, 0, .42);
  font: 13px/1.35 system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.sf-pwa-install img { border-radius: 11px; flex: 0 0 38px; }
.sf-pwa-install .sf-pwa-text { flex: 1; min-width: 0; }
.sf-pwa-install strong, .sf-pwa-install small { display: block; }
.sf-pwa-install strong { font-size: 12px; color: #fff; }
.sf-pwa-install small { font-size: 10px; color: #d0c1cb; margin-top: 2px; }
.sf-pwa-install button { margin: 0; cursor: pointer; font: inherit; border: 0; }
.sf-pwa-install .sf-pwa-action { background: #c63742; color: #fff; padding: 8px 10px; border-radius: 8px; font-weight: 700; font-size: 11px; }
.sf-pwa-install .sf-pwa-action:focus-visible, .sf-pwa-install .sf-pwa-close:focus-visible { outline: 2px solid #ffdb8f; outline-offset: 2px; }
.sf-pwa-install .sf-pwa-close { background: transparent; color: #cdbbc7; font-size: 21px; padding: 0 3px; align-self: flex-start; line-height: 1; }
.sf-pwa-help { position: fixed; inset: 0; z-index: 100005; display: grid; place-items: center; padding: 20px; background: rgba(5,5,8,.72); }
.sf-pwa-help__card { width: min(410px,100%); position: relative; color: #f8f4f5; background: #1a141f; border: 1px solid #7b3744; border-radius: 17px; padding: 26px 22px 22px; font: 15px/1.5 system-ui, sans-serif; }
.sf-pwa-help__card h2 { font: 700 23px/1.2 system-ui, sans-serif; color: #fff; margin: 0 28px 12px 0; }
.sf-pwa-help__card p { margin: 0 0 20px; }
.sf-pwa-help__close { position: absolute; right: 15px; top: 9px; background: transparent; border: none; color: white; font-size: 27px; cursor: pointer; }
.sf-pwa-help__ok { border: 0; border-radius: 9px; padding: 11px 20px; background: #c63742; color: #fff; cursor: pointer; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .sf-pwa-install, .sf-pwa-help { animation: none !important; } }