/* ظاهر دکمه‌ی نصب، زنگ اعلان، پنل و پیام‌ها */
.pwa-install-btn{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(127,127,127,.28);background:transparent;color:inherit;font:700 13px/1 inherit;font-family:inherit;cursor:pointer;transition:all .18s}
.pwa-install-btn:hover{border-color:var(--crimson,var(--acc-primary,#DC143C));color:var(--crimson,var(--acc-primary,#DC143C));background:rgba(220,20,60,.06)}
.pwa-install-btn[hidden],[data-pwa-box][hidden]{display:none!important}
@media (max-width:760px){.pwa-install-btn span{display:none}.pwa-install-btn{padding:0;width:42px;justify-content:center}}

.pwa-bell{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1.5px solid rgba(127,127,127,.28);background:transparent;color:inherit;cursor:pointer;transition:all .18s;flex-shrink:0}
.pwa-bell:hover{border-color:var(--crimson,var(--acc-primary,#DC143C));color:var(--crimson,var(--acc-primary,#DC143C))}
.pwa-dot{position:absolute;top:-5px;inset-inline-start:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:19px;background:var(--crimson,#DC143C);color:#fff;font:800 10.5px/19px inherit;font-family:inherit;font-style:normal;text-align:center;box-shadow:0 0 0 2px #fff}
.pwa-dot[hidden]{display:none}
.pwa-bell.floating{position:fixed;bottom:18px;inset-inline-start:18px;z-index:80;background:#fff;box-shadow:0 10px 26px -10px rgba(22,18,26,.5)}

.pwa-panel{position:absolute;z-index:200;width:340px;max-width:calc(100vw - 20px);max-height:min(70vh,520px);overflow:auto;background:#fff;color:#1B1620;border:1px solid #E9E6EE;border-radius:18px;box-shadow:0 30px 60px -24px rgba(22,18,26,.45);font-family:inherit;direction:rtl}
.pwa-panel-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #F0EDF3;position:sticky;top:0;background:#fff}
.pwa-x{background:none;border:0;color:#6B6475;cursor:pointer;display:grid;place-items:center;width:30px;height:30px;border-radius:9px}
.pwa-x:hover{background:#F6F5F8}
.pwa-panel-cta{display:flex;align-items:center;gap:10px;margin:12px;padding:12px;border-radius:14px;background:#FDEEF1;font-size:12.5px;line-height:1.8}
.pwa-panel-cta.muted{background:#F6F5F8;color:#6B6475}
.pwa-panel-cta button{flex-shrink:0;background:var(--crimson,#DC143C);color:#fff;border:0;border-radius:10px;padding:8px 14px;font:700 12.5px inherit;font-family:inherit;cursor:pointer}
.pwa-panel-list{padding:6px}
.pwa-item{display:block;padding:12px;border-radius:12px;color:inherit;text-decoration:none}
.pwa-item:hover{background:#F6F5F8}
.pwa-item.new{background:#FFF7F9}
.pwa-item b{display:block;font-size:13.5px}
.pwa-item span{display:block;font-size:12.5px;color:#6B6475;margin-top:2px;line-height:1.8}
.pwa-item small{display:block;font-size:11px;color:#9B94A6;margin-top:4px}
.pwa-empty{text-align:center;color:#9B94A6;padding:34px 12px;margin:0;font-size:13px}

.footer-app{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:34px;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14)}
.footer-app-ico img{border-radius:14px;display:block}
.footer-app-tx{flex:1;min-width:200px;display:grid;gap:2px;color:#fff}
.footer-app-tx b{font-size:15px}.footer-app-tx span{font-size:13px;opacity:.75}
.footer-app button{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#16121A;border:0;border-radius:14px;padding:13px 22px;font:800 14px inherit;font-family:inherit;cursor:pointer;transition:transform .18s}
.footer-app button:hover{transform:translateY(-2px)}

.pwa-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;font-family:inherit;direction:rtl}
.pwa-modal-bg{position:absolute;inset:0;background:rgba(22,18,26,.6);backdrop-filter:blur(3px)}
.pwa-modal-box{position:relative;background:#fff;color:#1B1620;border-radius:24px;padding:30px 26px 26px;width:100%;max-width:400px;text-align:center;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.pwa-modal-box .pwa-x{position:absolute;top:12px;inset-inline-start:12px}
.pwa-app-ico img{width:76px;height:76px;border-radius:20px;box-shadow:0 14px 30px -14px var(--crimson,#DC143C)}
.pwa-modal-box h3{margin:14px 0 6px;font-size:19px}
.pwa-modal-box p{margin:0 0 16px;color:#6B6475;font-size:13.5px;line-height:1.9}
.pwa-modal-box ol{text-align:right;margin:0;padding:0 20px 0 0;display:grid;gap:10px;font-size:13.5px;line-height:1.9}

.pwa-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:1100;background:#16121A;color:#fff;border-radius:14px;padding:12px 20px;font:700 13.5px inherit;font-family:inherit;transition:all .35s;max-width:calc(100vw - 30px);direction:rtl}
.pwa-toast.on{opacity:1;transform:translate(-50%,0)}
.pwa-ask{position:fixed;bottom:18px;inset-inline:14px;margin:auto;max-width:460px;z-index:900;display:flex;align-items:center;gap:10px;background:#16121A;color:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);font:600 13px inherit;font-family:inherit;direction:rtl}
.pwa-ask span{flex:1}
.pwa-ask [data-y]{background:var(--crimson,#DC143C);color:#fff;border:0;border-radius:11px;padding:9px 14px;font:800 12.5px inherit;font-family:inherit;cursor:pointer}
.pwa-ask [data-n]{background:none;border:0;color:#fff;opacity:.6;cursor:pointer;display:grid;place-items:center}

@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}}