.pwa-banner {
  position: fixed; z-index: 99990; left: 50%; top: calc(10px + env(safe-area-inset-top));
  width: min(94%, 460px); display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  direction: rtl; font-family: 'Samim', 'Vazirmatn', Tahoma, sans-serif; color: #f1f5f9;
  background: rgba(18, 18, 20, 0.92); border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 18px;
  -webkit-backdrop-filter: blur(24px) saturate(1.6); backdrop-filter: blur(24px) saturate(1.6);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.45);
  opacity: 0; transform: translate(-50%, -14px); transition: opacity 0.3s ease, transform 0.3s ease;
}
.pwa-banner[hidden] { display: none !important; }
.pwa-banner.show { opacity: 1; transform: translate(-50%, 0); }
.pwa-logo { width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0; object-fit: cover; }
.pwa-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pwa-txt b { font-size: 0.88rem; font-weight: 800; }
.pwa-txt small { font-size: 0.74rem; line-height: 1.7; color: #94a3b8; }
.pwa-txt small i { color: #21f1a8; margin: 0 2px; }
.pwa-acts { display: flex; flex-shrink: 0; }
.pwa-btn { display: inline-flex; align-items: center; justify-content: center; padding: 7px 15px; border-radius: 999px; font-family: inherit; font-size: 0.8rem; font-weight: 800; text-decoration: none; cursor: pointer; color: #f1f5f9; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); }
.pwa-btn.pri { color: #04150c; background: #21f1a8; border-color: #21f1a8; }
.pwa-close { width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 0.8rem; color: #94a3b8; background: transparent; border: none; }
.pwa-banner .pwa-only-android, .pwa-banner .pwa-only-ios, .pwa-banner .pwa-only-push { display: none; }
.pwa-banner.is-android .pwa-only-android, .pwa-banner.is-ios .pwa-only-ios, .pwa-banner.is-push .pwa-only-push { display: inline-flex; }
.pwa-banner.is-android small.pwa-only-android, .pwa-banner.is-ios small.pwa-only-ios, .pwa-banner.is-push small.pwa-only-push { display: block; }

:root[data-theme="light"] .pwa-banner { color: #0f172a; background: rgba(255, 255, 255, 0.95); border-color: rgba(15, 23, 42, 0.10); box-shadow: 0 14px 38px rgba(15, 23, 42, 0.14); }
:root[data-theme="light"] .pwa-txt small { color: #475569; }
:root[data-theme="light"] .pwa-txt small i { color: #047857; }
:root[data-theme="light"] .pwa-btn { color: #0f172a; background: rgba(15, 23, 42, 0.05); border-color: rgba(15, 23, 42, 0.12); }
:root[data-theme="light"] .pwa-btn.pri { color: #ffffff; background: #047857; border-color: #047857; }
:root[data-theme="light"] .pwa-close { color: #475569; }
a[x-apple-data-detectors], a[href^="x-apple-data-detectors:"] { color: inherit !important; text-decoration: none !important; font: inherit !important; pointer-events: none; }