/* =====================================================================
 * کارت «موجودی کیف پول» داشبورد — طرح هولوگرافیک نئونی (تم شب و روز)
 * ===================================================================== */
@property --awx-a{syntax:'<angle>';inherits:false;initial-value:0deg}

.awx-card{
  --awx-base:#12062B;
  --awx-m1:#7C3AED; --awx-m2:#DB2777; --awx-m3:#2563EB; --awx-m4:#06B6D4;
  --awx-txt:#FFFFFF; --awx-mut:rgba(233,224,255,.72);
  --awx-glass:rgba(255,255,255,.08); --awx-glass2:rgba(255,255,255,.16);
  --awx-grid:rgba(255,255,255,.06);
  --awx-mesh-op:.9;
  --awx-sh:0 18px 50px -10px rgba(124,58,237,.55),0 8px 24px rgba(8,2,24,.6);
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;gap:10px;min-width:0;height:100%;
  padding:15px;border-radius:28px;background:var(--awx-base);color:var(--awx-txt);
  box-shadow:var(--awx-sh);font-family:inherit;
  transform:translateZ(0);
}
html[data-theme=light] .awx-card{
  --awx-base:#FBF8FF;
  --awx-m1:#C4B5FD; --awx-m2:#F9A8D4; --awx-m3:#A5B4FC; --awx-m4:#67E8F9;
  --awx-txt:#1A0B3B; --awx-mut:rgba(48,26,99,.66);
  --awx-glass:rgba(255,255,255,.55); --awx-glass2:rgba(255,255,255,.85);
  --awx-grid:rgba(91,33,182,.07);
  --awx-mesh-op:.85;
  --awx-sh:0 18px 44px -12px rgba(124,58,237,.35),0 4px 14px rgba(76,29,149,.08);
}

/* حاشیه‌ی نئونی چرخان */
.awx-ring{position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:3;pointer-events:none;
  background:conic-gradient(from var(--awx-a),transparent 0deg,var(--awx-m4) 50deg,var(--awx-m1) 110deg,transparent 170deg,transparent 190deg,var(--awx-m2) 260deg,var(--awx-m3) 320deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:awxSpin 6s linear infinite}
@keyframes awxSpin{to{--awx-a:360deg}}

/* گرادیان مِش هولوگرافیک */
.awx-mesh{position:absolute;inset:-30%;z-index:-3;opacity:var(--awx-mesh-op);filter:blur(28px) saturate(1.2);
  background:
    radial-gradient(38% 34% at 22% 22%,var(--awx-m1),transparent 70%),
    radial-gradient(34% 30% at 82% 26%,var(--awx-m2),transparent 70%),
    radial-gradient(40% 36% at 70% 84%,var(--awx-m3),transparent 70%),
    radial-gradient(30% 28% at 20% 82%,var(--awx-m4),transparent 70%);
  animation:awxMesh 14s ease-in-out infinite alternate}
@keyframes awxMesh{50%{transform:rotate(14deg) scale(1.08)}100%{transform:rotate(-10deg) scale(1.02) translate(4%,-3%)}}

/* شبکه‌ی ظریف + لایه‌ی تیره برای خوانایی */
.awx-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(var(--awx-grid) 1px,transparent 1px),linear-gradient(90deg,var(--awx-grid) 1px,transparent 1px);
  background-size:18px 18px;
  -webkit-mask:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 80%);mask:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 80%)}
.awx-card::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,3,30,.15) 0%,rgba(10,3,30,.55) 100%)}
html[data-theme=light] .awx-card::before{background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.7) 100%)}

/* درخشش عبوری */
.awx-shine{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.awx-shine::after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:awxShine 5.5s ease-in-out infinite}
@keyframes awxShine{0%,55%{left:-60%}100%{left:130%}}

/* گوی‌های شیشه‌ای */
.awx-orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),rgba(255,255,255,.06) 45%,transparent 70%);
  border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(2px)}
.awx-o1{width:92px;height:92px;top:-26px;left:-22px;animation:awxBob 7s ease-in-out infinite}
.awx-o2{width:54px;height:54px;bottom:46px;left:18%;opacity:.7;animation:awxBob 9s ease-in-out infinite reverse}
@keyframes awxBob{50%{transform:translateY(8px) rotate(8deg)}}

/* سربرگ */
.awx-head{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}
.awx-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.84em;color:var(--awx-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}
.awx-title i{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:.85em;color:#fff;
  background:linear-gradient(135deg,#8B5CF6,#EC4899);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 6px 16px rgba(236,72,153,.45)}
.awx-eye{flex:none;width:32px;height:32px;border-radius:12px;border:1px solid var(--awx-glass2);background:var(--awx-glass);color:var(--awx-txt);
  display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .15s}
.awx-eye:active{transform:scale(.9)}

/* بخش مبلغ */
.awx-stage{position:relative;z-index:1;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:0;transition:opacity .27s,transform .27s,filter .27s}
.awx-stage.swap-out{opacity:0;transform:translateY(-8px) scale(.98);filter:blur(4px)}
.awx-stage.swap-in{animation:awxIn .55s cubic-bezier(.22,1,.36,1)}
@keyframes awxIn{from{opacity:0;transform:translateY(10px) scale(.98);filter:blur(4px)}}
.awx-cur{display:flex;align-items:center;gap:6px;min-width:0}
.awx-flag{flex:none;width:24px;height:24px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:14px;line-height:1;
  background:var(--awx-glass2);box-shadow:0 0 0 2px rgba(255,255,255,.2)}
.awx-flag img{width:100%;height:100%;object-fit:cover}
.awx-name{flex:1;min-width:0;font-size:.74em;font-weight:700;color:var(--awx-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html .awx-card .ava-hero-chg{flex:none;font-size:.68em!important;font-weight:800!important;padding:3px 8px!important;border-radius:99px!important;direction:ltr;
  border:1px solid var(--awx-glass2)!important;backdrop-filter:blur(8px)}
html .awx-card .ava-hero-chg.up{color:#4ADE80!important;background:rgba(34,197,94,.16)!important}
html .awx-card .ava-hero-chg.dn{color:#FB7185!important;background:rgba(244,63,94,.16)!important}
html[data-theme=light] .awx-card .ava-hero-chg.up{color:#15803D!important;background:rgba(220,252,231,.85)!important}
html[data-theme=light] .awx-card .ava-hero-chg.dn{color:#BE123C!important;background:rgba(255,228,230,.85)!important}

.awx-amt-row{display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap;margin-top:2px}
.awx-amt{font-size:clamp(21px,6.8vw,32px);font-weight:900;letter-spacing:-.6px;line-height:1.12;direction:ltr;font-feature-settings:"tnum";overflow-wrap:anywhere;
  background:linear-gradient(100deg,#FFFFFF 0%,#F5D0FE 35%,#C4B5FD 55%,#FFFFFF 75%,#A5F3FC 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 14px rgba(196,181,253,.45));animation:awxTxt 6s linear infinite}
html[data-theme=light] .awx-amt{background-image:linear-gradient(100deg,#1A0B3B 0%,#6D28D9 35%,#BE185D 55%,#1A0B3B 75%,#0E7490 100%);filter:none}
@keyframes awxTxt{to{background-position:-220% 0}}
.awx-unit{font-size:.76em;font-weight:800;color:var(--awx-mut);padding:1px 8px;border-radius:99px;background:var(--awx-glass);border:1px solid var(--awx-glass2)}
.awx-eq{font-size:.72em;color:var(--awx-mut);min-height:1.2em}
.awx-spark{width:100%;height:42px;display:block;margin-top:2px;filter:drop-shadow(0 4px 8px rgba(34,197,94,.35))}

/* تب‌های ارز — کپسول شیشه‌ای */
.awx-tabs{position:relative;z-index:1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-top:auto;padding:4px;border-radius:99px;
  background:var(--awx-glass);border:1px solid var(--awx-glass2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.awx-tabs::-webkit-scrollbar{display:none}
html .awx-card .ava-hero-dot{flex:1 0 auto;width:auto!important;height:auto!important;min-width:0;padding:5px 9px!important;border-radius:99px!important;
  border:0!important;background:transparent!important;color:var(--awx-mut)!important;font:800 .66em/1.3 inherit;cursor:pointer;
  transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:none!important;opacity:1!important}
html .awx-card .ava-hero-dot.on{color:#fff!important;background:linear-gradient(135deg,#8B5CF6,#EC4899)!important;
  box-shadow:0 4px 14px rgba(236,72,153,.45),inset 0 1px 0 rgba(255,255,255,.35)!important}

/* حالت مخفی موجودی */
body.ava-hidden-bal .awx-amt{letter-spacing:3px}
body.ava-hidden-bal .awx-eq{visibility:hidden}

@media (max-width:420px){.awx-card{padding:13px;border-radius:24px;gap:8px}}
@media (prefers-reduced-motion:reduce){.awx-ring,.awx-mesh,.awx-shine::after,.awx-orb,.awx-amt{animation:none!important}}