/* ===== v1.3.3: آیکن‌ها در قاب دایره‌ای با حلقهٔ گرادیانی (سبک پنل BotPro) ===== */
:root{--ic-gold:#f4b942;--ic-cyan:#2fd8e8;--ic-teal:#3fe0b2;--ic-pink:#ff6b8f;--ic-violet:#b9a8ff;--ic-blue:#6fa3ff;
  --ring:linear-gradient(135deg,#8a9bff,#5b50e8 48%,#c0b2ff);
  --fill:radial-gradient(circle at 32% 24%,#34346c 0,#1b1b3d 58%,#111127 100%)}
.bdgx,.rbtn,.inv .ib,.why>div>span,.hfeat span,.how i,.tx .ic,aside .nav a>svg.ic-s,.pcard .ring{
  --ic:var(--ic-violet);color:var(--ic);border:1.5px solid transparent!important;
  background:var(--fill) padding-box,var(--ring) border-box!important;
  box-shadow:0 0 0 0 transparent,0 6px 18px color-mix(in srgb,var(--ic) 14%,transparent),inset 0 0 14px #5b50e82e}
.bdgx{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;flex:none;margin:0 auto 6px}
.bdgx svg{stroke-width:1.7}
/* دکمه‌های گرد هدر */
.rbtn{border-radius:50%}
#tgt{--ic:var(--ic-gold)}#bell{--ic:var(--ic-cyan)}#shd{--ic:var(--ic-teal)}.mbtn2{--ic:var(--ic-violet)}
/* منوی کناری */
aside .nav a>svg.ic-s{width:42px;height:42px;padding:10px;border-radius:50%;flex:none;transition:.2s}
aside .nav a:hover>svg.ic-s,aside .nav a.on>svg.ic-s{box-shadow:0 0 18px color-mix(in srgb,var(--ic) 45%,transparent),inset 0 0 14px #5b50e84d}
aside .nav a[data-k=home]>svg{--ic:var(--ic-cyan)}aside .nav a[data-k=order]>svg,aside .nav a[data-k=credit]>svg,aside .nav a.adm>svg{--ic:var(--ic-gold)}
aside .nav a[data-k=orders]>svg,aside .nav a[data-k=multi]>svg,aside .nav a[data-k=refill]>svg{--ic:var(--ic-teal)}
aside .nav a[data-k=tickets]>svg,aside .nav a[data-k=wheel]>svg,#out>svg{--ic:var(--ic-pink)}
aside .nav a[data-k=api]>svg,aside .nav a[data-k=services]>svg{--ic:var(--ic-blue)}
/* کارت‌های آماری و دعوت */
.sc2 a,.inv{border:1.5px solid #34346a!important;background:linear-gradient(160deg,#1a1a38,#10101f)!important;
  box-shadow:0 10px 30px #0008,inset 0 0 24px #5b50e817}
.sc2 a{padding:16px 8px 14px}.sc2 a b{margin-top:2px}
.inv .ib{width:64px;height:64px;border-radius:50%;--ic:var(--ic-gold)}
.sc2 a:nth-child(1) .bdgx{--ic:var(--ic-teal)}.sc2 a:nth-child(2) .bdgx{--ic:var(--ic-pink)}.sc2 a:nth-child(3) .bdgx{--ic:var(--ic-gold)}
/* صفحهٔ اول */
.why>div>span{width:54px;height:54px;border-radius:50%}
.why>div:nth-child(3n+1)>span{--ic:var(--ic-gold)}.why>div:nth-child(3n+2)>span{--ic:var(--ic-cyan)}.why>div:nth-child(3n)>span{--ic:var(--ic-teal)}
.hfeat span{width:34px;height:34px;border-radius:50%}
.hfeat li:nth-child(1) span{--ic:var(--ic-gold)}.hfeat li:nth-child(2) span{--ic:var(--ic-cyan)}.hfeat li:nth-child(3) span{--ic:var(--ic-pink)}
.how i{width:50px;height:50px;color:var(--ic-gold)!important}
/* تراکنش‌ها */
.tx .ic{border-radius:50%}.tx .ic.ok{--ic:var(--ic-teal)}.tx .ic.fail{--ic:var(--ic-pink)}.tx .ic.pend{--ic:var(--ic-gold)}
.tx .ic .ckm{margin:0}
/* نوار پایین: رنگ آیکن فعال */
.fnav a svg{stroke-width:1.7}.fnav a.on svg{color:var(--ic-cyan);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ic-cyan) 55%,transparent))}
.rules li::before{content:""!important;display:inline-block;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;margin-inline-end:6px;vertical-align:middle}
.cr svg{width:18px;height:18px}

/* ===== v1.3.4: چک‌باکس تمیز و شیک (بدون قاب دوبل) ===== */
.chk i,.gw input[type=checkbox]{
  width:24px!important;height:24px!important;border-radius:8px!important;flex:none;
  border:1.8px solid #5d5aa6!important;background:transparent!important;box-shadow:none!important;
  display:grid;place-items:center;transition:background .18s,border-color .18s,transform .18s}
.chk:hover i,.gw:hover input[type=checkbox]{border-color:var(--a2)!important}
.chk input:checked+i,.gw input[type=checkbox]:checked{
  background:var(--g)!important;border-color:transparent!important;box-shadow:0 3px 10px color-mix(in srgb,var(--a1) 45%,transparent)!important;
  animation:ckpop .22s ease}
.chk input:checked+i::after,.gw input[type=checkbox]:checked::after{width:14px!important;height:14px!important;background:#0d0b24!important}
.chk input:focus-visible+i{outline:2px solid var(--a2);outline-offset:3px}
@keyframes ckpop{0%{transform:scale(.8)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
/* رادیو: دایرهٔ ساده با نقطهٔ وسط */
.gw input[type=radio]{width:24px!important;height:24px!important;border:1.8px solid #5d5aa6!important;background:transparent!important;box-shadow:none!important}
.gw input[type=radio]:checked{border-color:var(--a2)!important;background:transparent!important;box-shadow:none!important}
.gw input[type=radio]:checked::after{content:"";width:12px!important;height:12px!important;border-radius:50%;background:var(--g)!important}