/* =====================================================================
   AvaPay — تب‌های زیر «گجت‌های من»: هر تب = یک کادر
   تبادل ارزی | قیمت ارز | تحلیل هوشمند | تراکنش‌ها | تخفیف | تبدیل ارز | دستیار مالی | حسابداری
   • نوار شیشه‌ای چسبان و افقی‌اسکرول، با نشانگر «مایع» که با فنر می‌پرد
   • هر تب رنگ خودش را دارد
   • سه ریل قبلی به .avt-stage منتقل می‌شوند و فقط کادر تب فعال (تمام‌عرض) دیده می‌شود
   ===================================================================== */
.avt{--t-a:#7C3AED;--t-b:#4F46E5;--t-glow:rgba(124,58,237,.55);margin:18px 0 10px;position:relative}
.avt[data-on="rates"]{--t-a:#0EA5A4;--t-b:#0369A1;--t-glow:rgba(14,165,164,.5)}
.avt[data-on="smart"]{--t-a:#DB2777;--t-b:#7E22CE;--t-glow:rgba(219,39,119,.5)}
.avt[data-on="activity"]{--t-a:#2563EB;--t-b:#1E3A8A;--t-glow:rgba(37,99,235,.5)}
.avt[data-on="discount"]{--t-a:#F43F5E;--t-b:#B91C1C;--t-glow:rgba(244,63,94,.5)}
.avt[data-on="convert"]{--t-a:#06B6D4;--t-b:#4F46E5;--t-glow:rgba(6,182,212,.5)}
.avt[data-on="advisor"]{--t-a:#8B5CF6;--t-b:#BE185D;--t-glow:rgba(139,92,246,.5)}
.avt[data-on="pf"]{--t-a:#10B981;--t-b:#0F766E;--t-glow:rgba(16,185,129,.5)}

/* ---------- نوار تب‌ها ---------- */
.avt-bar-wrap{position:sticky;top:calc(env(safe-area-inset-top) + 8px);z-index:40;margin:0 0 14px;
  border-radius:22px;
  background:rgba(21,16,52,.74);border:1px solid rgba(255,255,255,.09);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 14px 30px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme="light"] .avt-bar-wrap{background:rgba(255,255,255,.8);border-color:rgba(91,33,182,.10);
  box-shadow:0 14px 30px -20px rgba(76,29,149,.45),inset 0 1px 0 #fff}
.avt-bar{position:relative;display:flex;gap:4px;padding:5px;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}
.avt-bar::-webkit-scrollbar{display:none}

/* نشانگر مایع */
.avt-ink{position:absolute;top:5px;bottom:5px;right:0;width:0;border-radius:17px;z-index:0;pointer-events:none;
  background:linear-gradient(135deg,var(--t-a),var(--t-b));
  box-shadow:0 8px 20px -6px var(--t-glow),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .5s cubic-bezier(.34,1.32,.64,1),width .5s cubic-bezier(.34,1.32,.64,1),background .4s ease,box-shadow .4s ease}
.avt-ink::after{content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%)}
.avt.no-anim .avt-ink{transition:none}

.avt-tab{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;
  min-height:42px;padding:0 14px;border:0;border-radius:17px;background:none;cursor:pointer;
  font:700 12.5px/1.2 "Vazirmatn","IRANSans",sans-serif;color:var(--ava-mut,#9C93C8);
  transition:color .3s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.avt-tab[hidden]{display:none}
.avt-tab i{font-size:13px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.avt-tab.on{color:#fff}
.avt-tab.on i{transform:scale(1.15) rotate(-8deg)}
.avt-tab:active{transform:scale(.96)}
.avt-tab:focus-visible{outline:2px solid var(--t-a);outline-offset:-2px}
/* تم روشن روی همه‌ی span ها رنگ تیره می‌گذارد ⇒ برچسب از دکمه ارث ببرد */
html[data-theme][data-theme] body .avt-tab :is(span,i){color:inherit}
html[data-theme="light"] .avt-tab{color:#6B6390}
html[data-theme="light"] .avt-tab.on{color:#fff}

/* ---------- صحنه: فقط یک کادر، تمام‌عرض ---------- */
#mainDashboard #avaTabs .avt-off{display:none !important}
#mainDashboard #avaTabs .avt-stage .ava-quad-label,
#mainDashboard #avaTabs .avt-stage .avr-dots{display:none !important}
#mainDashboard #avaTabs .avt-stage [data-ava-rail]{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;overflow:visible !important;scroll-snap-type:none !important;margin:0 !important;padding:0 !important;gap:12px !important}
#mainDashboard #avaTabs .avt-stage [data-ava-rail] > *{flex:0 0 auto !important;max-width:100% !important;width:100% !important;margin:0 !important}
.avt-in-l{animation:avtInL .42s cubic-bezier(.22,1,.36,1)}
.avt-in-r{animation:avtInR .42s cubic-bezier(.22,1,.36,1)}
@keyframes avtInL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes avtInR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}

@media (min-width:768px){.avt-tab{font-size:13.5px;min-height:46px;padding:0 18px}}
@media (prefers-reduced-motion:reduce){.avt-ink,.avt-tab,.avt-tab i{transition:none}.avt-in-l,.avt-in-r{animation:none}}

/* ---------- کارت نرخ‌ها: نمودار کوچک ۲۴ ساعته دقیقاً وسطِ نام و قیمت + ارزهای پرطرفدار ---------- */
#avaRatesCard .ava-rate-row{gap:6px}
#avaRatesCard .ava-rate-id{flex:1 1 0 !important;min-width:0}
#avaRatesCard .ava-rate-mid{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;height:26px;overflow:hidden}
#avaRatesCard .ava-rate-mid :is(svg,img){display:block;width:64px !important;height:24px !important;max-width:100%;flex:none}
#avaRatesCard .ava-rate-price{flex:0 0 auto;min-width:86px;text-align:left}
#avaRatesCard .ava-rate-chg{flex:0 0 auto}
#avaRatesCard .ava-rate-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#avaRatesCard .ava-rate-sep{display:flex;align-items:center;gap:6px;margin:12px 0 2px;padding-top:10px;border-top:1px dashed var(--ava-line2,rgba(255,255,255,.12));
  font-size:.68rem;font-weight:800;color:var(--ava-txt)}
#avaRatesCard .ava-rate-sep i{color:#F97316}
#avaRatesCard .ava-rate-sep small{font-weight:500;color:var(--ava-mut);margin-inline-start:auto;font-size:.6rem}
#avaRatesCard .ava-rate-sugg .ava-star i{color:var(--ava-mut)}
@media (max-width:360px){#avaRatesCard .ava-rate-price{min-width:72px}#avaRatesCard .ava-rate-mid :is(svg,img){width:48px !important}}

/* ---------- تب «تحلیل هوشمند»: کادرها با اسکرول افقی ---------- */
#mainDashboard #avaTabs[data-on="smart"] .avt-stage #avaForecastGrid{flex-direction:row !important;align-items:stretch !important;overflow-x:auto !important;overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;gap:12px !important;padding:2px 2px 8px !important;margin:0 -2px !important;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#mainDashboard #avaTabs[data-on="smart"] .avt-stage #avaForecastGrid::-webkit-scrollbar{display:none}
#mainDashboard #avaTabs[data-on="smart"] .avt-stage #avaForecastGrid > *{flex:0 0 88% !important;width:88% !important;max-width:88% !important;scroll-snap-align:center;scroll-snap-stop:always}
#mainDashboard #avaTabs[data-on="smart"] .avt-stage #avaForecastGrid + .avr-dots{display:flex !important}
@media (min-width:768px){#mainDashboard #avaTabs[data-on="smart"] .avt-stage #avaForecastGrid > *{flex-basis:48% !important;width:48% !important;max-width:48% !important}}

/* ---------- پنجره‌های تخفیف / تبدیل ارز / تراکنش‌ها ---------- */
.avt-modal .avt-modal-body{display:block !important;overflow-y:auto;padding:14px 14px calc(24px + env(safe-area-inset-bottom)) !important}
.avt-modal .avt-modal-body > .ava-card{width:100% !important;max-width:640px !important;margin:0 auto !important;height:auto !important;min-height:0 !important;max-height:none !important}
.avt-modal #avaOrdTrCard .ava-ordtr-pane{max-height:none !important;overflow:visible !important}

/* ---------- پنجره‌ی «هشدار قیمت» همخوان با تم روشن ----------
   پوسته‌های رنگی (ava-palette.js) ممکن است به همه‌ی مدال‌ها زمینه‌ی تیره بدهند؛
   این پنجره در تم روشن همیشه روشن و خوانا می‌ماند. */
html[data-theme="light"] body #avaAlertSheet .ava-sheet-in{background:#FFFFFF !important;color:#1A1033 !important;
  border-top:1px solid rgba(124,58,237,.14) !important;box-shadow:0 -18px 40px -18px rgba(76,29,149,.35) !important}
html[data-theme="light"] body #avaAlertSheet .ava-sheet-in :is(h1,h2,h3,h4,p,span,b,strong,div,li,td):not([class*="badge"]):not([class*="chg"]):not([class*="dot"]):not(button):not(button *){color:#1A1033 !important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body #avaAlertSheet .ava-sheet-in :is(small,label,.ava-list-s,[class*="-sub"],[class*="-hint"]):not(button *){color:#5E5780 !important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body #avaAlertSheet .ava-sheet-in :is(input,select,textarea){background:#F7F5FF !important;color:#1A1033 !important;-webkit-text-fill-color:#1A1033;border:1px solid rgba(124,58,237,.2) !important}
html[data-theme="light"] body #avaAlertSheet .ava-sheet-in :is(input,select,textarea)::placeholder{color:#8E86AE !important;-webkit-text-fill-color:#8E86AE}
html[data-theme="light"] body #avaAlertSheet .ava-sheet-close{background:#F3EEFF !important;color:#1A1033 !important;border:1px solid rgba(124,58,237,.16) !important}
html[data-theme="light"] body #avaAlertSheet .ava-inv-switch{background:#F3EEFF !important;border-color:rgba(124,58,237,.14) !important}
html[data-theme="light"] body #avaAlertSheet .ava-inv-tab:not(.active){color:#5E5780 !important;-webkit-text-fill-color:currentColor}
html[data-theme="light"] body #avaAlertSheet .ava-alert-row{background:#FAF8FF !important;border-color:rgba(124,58,237,.12) !important}

/* ---------- سرعت ---------- */
/* محتوای زیر تب‌ها تا وقتی به دید نیامده رندر نمی‌شود */
#mainDashboard #avaTabs .avt-stage{content-visibility:auto;contain-intrinsic-size:auto 700px}
#avaRatesCard .ava-rate-row{contain:layout paint}
/* حالت سبک: نوار تب بدون بلور پشت‌زمینه، پرش نشانگر کوتاه‌تر */
html.ava-lite .avt-bar-wrap{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(21,16,52,.97) !important}
html.ava-lite[data-theme="light"] .avt-bar-wrap{background:rgba(255,255,255,.98) !important}
html.ava-lite .avt-ink{transition-duration:.28s !important;box-shadow:none !important}
html.ava-lite .avt-in-l,html.ava-lite .avt-in-r{animation-duration:.22s !important}
/* طلا و سکه: بدون نمودار کوچک */
#avaGoldList .ava-rate-mid,#avaGoldList .ava-rate-spark,#avaGoldList .ava-rate-row > svg{display:none !important}
#avaGoldList .ava-rate-id{flex:1 1 auto !important}