/* =====================================================================
   AvaPay — «صورت‌حساب‌ها و فیش‌ها» — نسخه‌ی ساده و سبک
   (بدون انیمیشن، blur و سایه‌ی سنگین → باز شدن و اسکرول سریع)
   ===================================================================== */
#avaRecAccModal.apx-modal{--bg:#F6F5FA;--card:#FFFFFF;--tx:#16122A;--mut:#77718C;--ln:#ECE9F3;--a:#6D28D9;
  background:var(--bg) !important;color:var(--tx) !important;flex-direction:column !important;direction:rtl}
html[data-theme="dark"] #avaRecAccModal.apx-modal{--bg:#0F0C1A;--card:#181426;--tx:#F3F1FA;--mut:#9C96B3;--ln:#262137;--a:#A78BFA}

#avaRecAccModal .apx-top{flex:none;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:var(--card);border-bottom:1px solid var(--ln)}
#avaRecAccModal .apx-top-t{flex:1;min-width:0}
#avaRecAccModal .apx-top-t b{font-size:.92rem;font-weight:900;color:var(--tx)}
#avaRecAccModal .apx-x{order:2;flex:0 0 34px;height:34px;border:0;border-radius:11px;background:var(--bg);color:var(--tx);font-size:.8rem;cursor:pointer}

#avaRecAccModal .apx-body{flex:1;display:block !important;overflow-y:auto;padding:12px 12px calc(20px + env(safe-area-inset-bottom)) !important;background:transparent !important}
#avaRecAccModal .apx-card{width:100%;max-width:560px;margin:0 auto;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}

/* تب‌ها */
#avaRecAccModal .apx-seg{display:flex;gap:4px;padding:4px;border-radius:13px;background:var(--card);border:1px solid var(--ln)}
#avaRecAccModal .apx-seg-b{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0 !important;border-radius:10px !important;padding:9px 6px !important;margin:0 !important;
  font:inherit;font-size:.7rem !important;font-weight:800 !important;cursor:pointer;background:transparent !important;color:var(--mut) !important;box-shadow:none !important}
#avaRecAccModal .apx-seg-b.active{background:var(--a) !important;color:#fff !important}
#avaRecAccModal .apx-seg-b em{font-style:normal;min-width:17px;height:17px;line-height:17px;border-radius:9px;padding:0 5px;font-size:.55rem;background:var(--bg);color:var(--tx)}
#avaRecAccModal .apx-seg-b.active em{background:rgba(255,255,255,.25);color:#fff}
#avaRecAccModal .apx-dot{display:none !important;position:absolute;top:6px;left:8px;width:7px;height:7px;padding:0 !important;border-radius:50%;background:#EF4444 !important;font-size:0 !important}
#avaRecAccModal .apx-dot.on{display:block !important}

#avaRecAccModal .apx-tools{display:flex;justify-content:flex-end;margin:8px 2px}
#avaRecAccModal .apx-tools .ava-recacc-act{gap:6px}
#avaRecAccModal .apx-tool{border:0;background:none;padding:4px 2px;font:inherit;font-size:.62rem;font-weight:800;color:var(--a);cursor:pointer}

/* لیست */
#avaRecAccModal .apx-list{background:var(--card);border:1px solid var(--ln);border-radius:16px;overflow:hidden}
#avaRecAccModal .apx-row{--c:#6D28D9;display:flex !important;align-items:center;gap:10px;padding:12px !important;margin:0 !important;border:0 !important;border-radius:0 !important;
  border-bottom:1px solid var(--ln) !important;background:transparent !important;color:var(--tx) !important;text-decoration:none;cursor:pointer;box-shadow:none !important}
#avaRecAccModal .apx-row:last-child{border-bottom:0 !important}
#avaRecAccModal .apx-row:active{background:var(--bg) !important}
#avaRecAccModal .apx-row.t-g{--c:#059669}#avaRecAccModal .apx-row.t-b{--c:#2563EB}#avaRecAccModal .apx-row.t-y{--c:#D97706}
#avaRecAccModal .apx-ic{flex:0 0 36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--c);background:var(--bg)}
#avaRecAccModal .apx-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#avaRecAccModal .apx-m b{font-size:.74rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#avaRecAccModal .apx-m b em{font-style:normal;font-size:.56rem;font-weight:700;color:var(--mut)}
#avaRecAccModal .apx-m b u{text-decoration:none;font-size:.5rem;font-weight:900;padding:1px 5px;border-radius:5px;background:#EF4444;color:#fff;vertical-align:middle}
#avaRecAccModal .apx-m small{font-size:.58rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#avaRecAccModal .apx-v{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
#avaRecAccModal .apx-v b{font-size:.8rem;font-weight:900;font-variant-numeric:tabular-nums}
#avaRecAccModal .apx-v small{font-size:.54rem;color:var(--mut)}
#avaRecAccModal .apx-go{flex:none;font-size:.6rem;font-weight:900;padding:6px 10px;border-radius:9px;background:var(--c);color:#fff}
#avaRecAccModal .ava-receipt-item .apx-go{background:var(--bg);color:var(--a)}

#avaRecAccModal .apx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 16px;gap:4px;background:var(--card);border:1px solid var(--ln);border-radius:16px}
#avaRecAccModal .apx-empty span{font-size:1.5rem;color:var(--a);margin-bottom:6px}
#avaRecAccModal .apx-empty b{font-size:.8rem;font-weight:900}
#avaRecAccModal .apx-empty small{font-size:.62rem;color:var(--mut);line-height:1.8}

/* سرعت: وقتی این پنجره باز است، داشبوردِ پشتش نقاشی/انیمیشن نشود */
html.apx-open :is(.avh,#avaGadgetRow,.agx-shell,.avt,.ava-alert-carousel,.ava-mid-grid,.ava-card){visibility:hidden !important}
html.apx-open :is(.avh,#avaGadgetRow,.agx-shell,.avt,.ava-alert-carousel) *{animation-play-state:paused !important}
html.apx-open #avaRecAccModal{visibility:visible !important}
#avaRecAccModal .apx-seg-b.active,#avaRecAccModal .apx-seg-b.active *{color:#fff !important;-webkit-text-fill-color:#fff !important}
#avaRecAccModal .apx-row .apx-go{color:#fff !important;-webkit-text-fill-color:#fff !important}
#avaRecAccModal .ava-receipt-item .apx-go{color:var(--a) !important;-webkit-text-fill-color:var(--a) !important}
/* پنجره‌هایی که روی همین پنجره باز می‌شوند (پرداخت، نمایش فیش، آرشیو…) همیشه دیده شوند */
html.apx-open :is(.ava-fs-modal.open,.ava-sheet.open,.ava-fs-modal.open *,.ava-sheet.open *,[class*="modal"].open,[class*="overlay"].show,[class*="overlay"].open){visibility:visible !important}
/* سرعت (سراسری): وقتی هر پنجره‌ی تمام‌صفحه/شیت باز است، انیمیشن‌های داشبوردِ پشتش متوقف شوند */
html.ava-modal-open body *:not(.ava-fs-modal.open *):not(.ava-sheet.open *):not(.ava-fs-modal):not(.ava-sheet){animation-play-state:paused !important}
