/* مدار — نوار «نصب اپ» (static/pwa/pwa.js). مستقل از ظاهر هر بخش: فونت را از صفحه می‌گیرد، رنگ‌ها ثابت. */
.pwa-banner {
    position: fixed; inset-inline: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 2147483000;
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; max-width: 560px; margin-inline: auto;
    padding: 12px 14px; border-radius: 22px; background: #2e2b25; color: #f9f4ed; direction: rtl;
    box-shadow: 0 12px 32px rgba(46, 43, 37, .35); font: inherit; font-size: 14px; line-height: 1.7;
}
.pwa-banner-icon { width: 40px; height: 40px; flex: none; border-radius: 12px; }
.pwa-banner-text { flex: 1 1 200px; margin: 0; }
.pwa-banner-actions { display: flex; gap: 8px; flex: none; }
.pwa-banner-btn {
    min-height: 40px; padding: 6px 16px; border-radius: 999px; border: 1px solid rgba(249, 244, 237, .3);
    background: transparent; color: inherit; font: inherit; font-weight: 700; cursor: pointer;
}
.pwa-banner-btn.is-primary { background: #c67139; border-color: #c67139; color: #fff; }
.pwa-banner-btn:focus-visible { outline: 2px solid #f6a06b; outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
    .pwa-banner { animation: pwa-up .25s ease-out; }
    @keyframes pwa-up { from { transform: translateY(12px); opacity: 0; } to { transform: none; opacity: 1; } }
}

/* فقط داخل اپ اندروید «مدار» (pwa.js، html.in-android-app)؛ مثل «تغییر فضای کاری» در نوار بالای پنل */
html:not(.in-android-app) [data-android-only] { display: none !important; }