/* =====================================================================
   تەواف — ستایلی باڵانسی زیندوو
   ================================================================== */

[data-wallet-balance]{ transition:color .3s ease, transform .3s ease; }
[data-wallet-balance].wl-up  { animation:wlPop .8s ease; }
[data-wallet-balance].wl-down{ animation:wlPop .8s ease; }
@keyframes wlPop{
  0%  { transform:scale(1); }
  30% { transform:scale(1.09); }
  100%{ transform:scale(1); }
}

/* ---------- زەنگی ئاگادارکردنەوە ---------- */
[data-notify-count]{
  position:absolute; top:-5px; left:-5px; min-width:19px; height:19px; padding:0 5px;
  border-radius:99px; background:#dc2626; color:#fff;
  font-size:.6rem; font-weight:900; line-height:19px; text-align:center;
  box-shadow:0 0 0 2px #fff; font-variant-numeric:tabular-nums;
}
[data-notify-count].wl-ring{ animation:wlRing 1.3s ease; }
@keyframes wlRing{
  0%,100%{ transform:scale(1); }
  15%    { transform:scale(1.35); }
  30%    { transform:scale(1); }
  45%    { transform:scale(1.25); }
  60%    { transform:scale(1); }
}

#wlToast{
  position:fixed; z-index:9999; display:flex; flex-direction:column; gap:10px;
  top:calc(14px + env(safe-area-inset-top)); left:14px; right:14px;
  pointer-events:none;
}
@media(min-width:640px){
  #wlToast{ left:auto; right:20px; width:320px; }
}

.wl-toast{
  display:flex; align-items:center; gap:12px;
  background:#fff; border:1px solid #e2e8f0; border-radius:18px;
  padding:13px 15px; box-shadow:0 18px 38px -16px rgba(15,23,42,.45);
  font-family:'Noto Kufi Arabic',sans-serif; direction:rtl;
  opacity:0; transform:translateY(-14px); transition:.36s cubic-bezier(.22,1,.36,1);
}
.wl-toast.on{ opacity:1; transform:translateY(0); }

.wl-toast .wl-ic{
  width:38px; height:38px; border-radius:13px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; font-weight:900;
}
.wl-toast.in  .wl-ic{ background:#f8fafa; color:#0a5754; }
.wl-toast.out .wl-ic{ background:#fef2f2; color:#dc2626; }
.wl-toast.in  { border-right:4px solid #0a5754; }
.wl-toast.out { border-right:4px solid #dc2626; }

.wl-toast .wl-tx{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.wl-toast .wl-tx b{ font-size:.9rem; font-weight:900; }
.wl-toast.in  .wl-tx b{ color:#05403e; }
.wl-toast.out .wl-tx b{ color:#b91c1c; }
.wl-toast .wl-tx small{
  font-size:.68rem; color:#64748b; font-weight:600; line-height:1.5;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

@media (prefers-reduced-motion:reduce){
  .wl-toast{ transition:none; }
  [data-wallet-balance].wl-up, [data-wallet-balance].wl-down{ animation:none; }
}