/* ===== v1.6.3: لایهٔ «سایبر گرید» برای همهٔ تم‌ها =====
   خودکار از tools/gen_cyber.py ساخته می‌شود؛ دستی ویرایش نکنید (قالب: tools/cyber.tpl.css).
   هر تم فقط سه رنگ دارد: --c1 (اصلی)، --c2 (تأکیدی)، --con (رنگ متن روی دکمه)؛ بقیه از آن‌ها ساخته می‌شود. */

/* سوییچ‌ها (چک‌باکس) نباید ارتفاع فیلدها را بگیرند */
html[data-accent] input[type=checkbox],html[data-accent] input[type=radio]{min-height:0!important}

/* ---------- رنگ هر تم ---------- */
html[data-accent=indigo]{--c1:#5b50e8;--c2:#b9aaff;--con:#ffffff;--con2:#04101f}
html[data-accent=teal]{--c1:#0e9f9a;--c2:#8af5df;--con:#04101f;--con2:#04101f}
html[data-accent=rose]{--c1:#e0197d;--c2:#ffa5d4;--con:#04101f;--con2:#04101f}
html[data-accent=amber]{--c1:#d98a0b;--c2:#ffe29a;--con:#04101f;--con2:#04101f}
html[data-accent=emerald]{--c1:#0aa65a;--c2:#9dffc6;--con:#04101f;--con2:#04101f}
html[data-accent=blackgold]{--c1:#b8860b;--c2:#ffe08a;--con:#04101f;--con2:#04101f}
html[data-accent=persian]{--c1:#1b5fe0;--c2:#55d0ff;--con:#04101f;--con2:#04101f}
html[data-accent=pure]{--c1:#7d7d8a;--c2:#ffffff;--con:#04101f;--con2:#04101f}
html[data-accent=crystal]{--c1:#12d6c0;--c2:#6ff8ff;--con:#04101f;--con2:#04101f}
html[data-accent=neonrain]{--c1:#ff3d8b;--c2:#3d5bff;--con:#04101f;--con2:#ffffff}
html[data-accent=fusion]{--c1:#e0455e;--c2:#3a82e8;--con:#ffffff;--con2:#04101f}
html[data-accent=frost]{--c1:#ff8a3d;--c2:#4a8dff;--con:#04101f;--con2:#04101f}
html[data-accent=galaxy]{--c1:#4a6bff;--c2:#b78bff;--con:#04101f;--con2:#04101f}
html[data-accent=aurora]{--c1:#b48dff;--c2:#8fb4ff;--con:#04101f;--con2:#04101f}
html[data-accent=sunset]{--c1:#ff7a1a;--c2:#ffb36b;--con:#04101f;--con2:#04101f}
html[data-accent=neongreen]{--c1:#1fdc6a;--c2:#8dffb4;--con:#04101f;--con2:#04101f}
html[data-accent=amoled]{--c1:#5b50e8;--c2:#a99bff;--con:#ffffff;--con2:#04101f}
html[data-accent=nord]{--c1:#5e81ac;--c2:#88c0d0;--con:#04101f;--con2:#04101f}
html[data-accent=marzban]{--c1:#a9bffb;--c2:#c5d3ff;--con:#04101f;--con2:#04101f}
html[data-accent=moristar]{--c1:#7c3aed;--c2:#38bdf8;--con:#ffffff;--con2:#04101f;--a1:#7c3aed;--a2:#38bdf8;--pr:#7c3aed;--green:#38bdf8;--bg:#05030f;--tx:#eef2ff;--mu:#82a0c2;--gold:#38bdf8}
html[data-accent=msnight]{--c1:#6d28d9;--c2:#60a5fa;--con:#ffffff;--con2:#04101f;--a1:#6d28d9;--a2:#60a5fa;--pr:#6d28d9;--green:#60a5fa;--bg:#04020d;--tx:#eef2ff;--mu:#889cc2;--gold:#60a5fa}
html[data-accent=msaurora]{--c1:#8b5cf6;--c2:#22d3ee;--con:#04101f;--con2:#04101f;--a1:#8b5cf6;--a2:#22d3ee;--pr:#8b5cf6;--green:#22d3ee;--bg:#050414;--tx:#eef2ff;--mu:#7fa3c0;--gold:#22d3ee}
html[data-accent=msneon]{--c1:#a855f7;--c2:#38e8ff;--con:#04101f;--con2:#04101f;--a1:#a855f7;--a2:#38e8ff;--pr:#a855f7;--green:#38e8ff;--bg:#07030f;--tx:#eef2ff;--mu:#82a7c3;--gold:#38e8ff}
html[data-accent=msocean]{--c1:#4f46e5;--c2:#38bdf8;--con:#ffffff;--con2:#04101f;--a1:#4f46e5;--a2:#38bdf8;--pr:#4f46e5;--green:#38bdf8;--bg:#030818;--tx:#eef2ff;--mu:#82a0c2;--gold:#38bdf8}
html[data-accent=msroyal]{--c1:#5b21b6;--c2:#c4b5fd;--con:#ffffff;--con2:#04101f;--a1:#5b21b6;--a2:#c4b5fd;--pr:#5b21b6;--green:#c4b5fd;--bg:#060312;--tx:#eef2ff;--mu:#979fc2;--gold:#c4b5fd}
html[data-accent=mssky]{--c1:#2563eb;--c2:#7dd3fc;--con:#04101f;--con2:#04101f;--a1:#2563eb;--a2:#7dd3fc;--pr:#2563eb;--green:#7dd3fc;--bg:#040a1a;--tx:#eef2ff;--mu:#8ca3c2;--gold:#7dd3fc}
html[data-accent=msnebula]{--c1:#7c3aed;--c2:#e879f9;--con:#ffffff;--con2:#04101f;--a1:#7c3aed;--a2:#e879f9;--pr:#7c3aed;--green:#e879f9;--bg:#0a030f;--tx:#eef2ff;--mu:#9c96c2;--gold:#e879f9}
html[data-accent=msice]{--c1:#6366f1;--c2:#a5f3fc;--con:#04101f;--con2:#04101f;--a1:#6366f1;--a2:#a5f3fc;--pr:#6366f1;--green:#a5f3fc;--bg:#040716;--tx:#eef2ff;--mu:#92a8c2;--gold:#a5f3fc}
html[data-accent=msgalaxy]{--c1:#4338ca;--c2:#a78bfa;--con:#ffffff;--con2:#04101f;--a1:#4338ca;--a2:#a78bfa;--pr:#4338ca;--green:#a78bfa;--bg:#03030f;--tx:#eef2ff;--mu:#9399c2;--gold:#a78bfa}
html[data-accent=msplasma]{--c1:#7c3aed;--c2:#2dd4bf;--con:#ffffff;--con2:#04101f;--a1:#7c3aed;--a2:#2dd4bf;--pr:#7c3aed;--green:#2dd4bf;--bg:#04050f;--tx:#eef2ff;--mu:#80a4b9;--gold:#2dd4bf}
html[data-accent=msdusk]{--c1:#7c3aed;--c2:#f9a8d4;--con:#ffffff;--con2:#04101f;--a1:#7c3aed;--a2:#f9a8d4;--pr:#7c3aed;--green:#f9a8d4;--bg:#0b0412;--tx:#eef2ff;--mu:#9f9dbc;--gold:#f9a8d4}
html[data-accent=cybergrid]{--c1:#3d8bff;--c2:#22e0ff;--con:#04101f;--con2:#04101f}
html[data-accent=violet]{--c1:#8b5cf6;--c2:#d2b8ff;--con:#04101f;--con2:#04101f;--a1:#8b5cf6;--a2:#d2b8ff;--pr:#8b5cf6;--green:#d2b8ff;--bg:#07050f;--tx:#eef2ff;--mu:#999fc3;--gold:#d2b8ff}
html[data-accent=ruby]{--c1:#ff3355;--c2:#ff9db0;--con:#04101f;--con2:#04101f;--a1:#ff3355;--a2:#ff9db0;--pr:#ff3355;--green:#ff9db0;--bg:#0c0509;--tx:#eef2ff;--mu:#a09bb7;--gold:#ff9db0}
html[data-accent=lime]{--c1:#a3e635;--c2:#e6ff8f;--con:#04101f;--con2:#04101f;--a1:#a3e635;--a2:#e6ff8f;--pr:#a3e635;--green:#e6ff8f;--bg:#080c03;--tx:#eef2ff;--mu:#9caab2;--gold:#e6ff8f}
html[data-accent=ice]{--c1:#00b7ff;--c2:#8ff0ff;--con:#04101f;--con2:#04101f;--a1:#00b7ff;--a2:#8ff0ff;--pr:#00b7ff;--green:#8ff0ff;--bg:#031019;--tx:#eef2ff;--mu:#8fa8c3;--gold:#8ff0ff}
html[data-accent=magenta]{--c1:#e040fb;--c2:#f6a8ff;--con:#04101f;--con2:#04101f;--a1:#e040fb;--a2:#f6a8ff;--pr:#e040fb;--green:#f6a8ff;--bg:#0d0511;--tx:#eef2ff;--mu:#9e9dc3;--gold:#f6a8ff}
html[data-accent=volt]{--c1:#facc15;--c2:#fff29a;--con:#04101f;--con2:#04101f;--a1:#facc15;--a2:#fff29a;--pr:#facc15;--green:#fff29a;--bg:#0c0a02;--tx:#eef2ff;--mu:#a0a8b4;--gold:#fff29a}
html[data-accent=coral]{--c1:#ff6b5e;--c2:#ffc0b5;--con:#04101f;--con2:#04101f;--a1:#ff6b5e;--a2:#ffc0b5;--pr:#ff6b5e;--green:#ffc0b5;--bg:#0e0606;--tx:#eef2ff;--mu:#a0a1b8;--gold:#ffc0b5}
html[data-accent=mint]{--c1:#2de2a6;--c2:#b9ffe8;--con:#04101f;--con2:#04101f;--a1:#2de2a6;--a2:#b9ffe8;--pr:#2de2a6;--green:#b9ffe8;--bg:#031210;--tx:#eef2ff;--mu:#95aabf;--gold:#b9ffe8}
html[data-accent=steel]{--c1:#8fa3bf;--c2:#e3ebf7;--con:#04101f;--con2:#04101f;--a1:#8fa3bf;--a2:#e3ebf7;--pr:#8fa3bf;--green:#e3ebf7;--bg:#090d13;--tx:#eef2ff;--mu:#9ca7c1;--gold:#e3ebf7}
html[data-accent=sunsetgrid]{--c1:#ff6a3d;--c2:#ff3d9a;--con:#04101f;--con2:#04101f;--a1:#ff6a3d;--a2:#ff3d9a;--pr:#ff6a3d;--green:#ff3d9a;--bg:#0d0610;--tx:#eef2ff;--mu:#a08db4;--gold:#ff3d9a}
html[data-accent=oceanmint]{--c1:#2f7bff;--c2:#2de2a6;--con:#04101f;--con2:#04101f;--a1:#2f7bff;--a2:#2de2a6;--pr:#2f7bff;--green:#2de2a6;--bg:#040d16;--tx:#eef2ff;--mu:#80a6b5;--gold:#2de2a6}
html[data-accent=aurorali]{--c1:#1e88c8;--c2:#20b2a6;--con:#04101f;--con2:#04101f}
html[data-accent=frosted]{--c1:#5a54c8;--c2:#8e5cd0;--con:#ffffff;--con2:#ffffff}
html[data-accent=sand]{--c1:#d9822b;--c2:#e9a64a;--con:#04101f;--con2:#04101f}

/* ---------- متغیرهای مشترک (تیره) ---------- */
html[data-accent]{
  --card:color-mix(in srgb,var(--bg) 91%,var(--c1));--card2:color-mix(in srgb,var(--bg) 85%,var(--c1));
  --line:color-mix(in srgb,var(--bg) 80%,var(--c1));--side:color-mix(in srgb,var(--bg) 95%,var(--c1));--side2:var(--card2);
  --g:linear-gradient(135deg,var(--c1),color-mix(in srgb,var(--c1) 45%,var(--c2)));
  --gn:linear-gradient(135deg,color-mix(in srgb,var(--c1) 65%,var(--c2)),var(--c2));
  --on:var(--con);--glow-a:color-mix(in srgb,var(--c2) 55%,transparent);--glow-b:color-mix(in srgb,var(--c1) 35%,transparent);--card-r:18px;--ctl:46px;
  --fld:color-mix(in srgb,var(--bg) 82%,#000);--hdr:color-mix(in srgb,var(--bg) 82%,transparent);--ftr:color-mix(in srgb,var(--bg) 90%,#000);
  --cgsh:0 10px 30px -14px #000c;--spk:#fff;
  --pat:linear-gradient(color-mix(in srgb,var(--c1) 6%,transparent),transparent 1px) 0 0/38px 38px,linear-gradient(90deg,color-mix(in srgb,var(--c1) 6%,transparent),transparent 1px) 0 0/38px 38px;
}
html[data-accent][data-mode=light]{
  --card:#fff;--card2:color-mix(in srgb,#fff 90%,var(--c1));--line:color-mix(in srgb,var(--bg) 70%,var(--c1));--side:#fff;
  --fld:#fff;--hdr:color-mix(in srgb,var(--bg) 85%,transparent);--ftr:color-mix(in srgb,var(--bg) 80%,#fff);
  --cgsh:0 10px 26px -14px color-mix(in srgb,var(--c1) 55%,transparent);--spk:var(--c2);
  --pat:linear-gradient(color-mix(in srgb,var(--c1) 9%,transparent),transparent 1px) 0 0/38px 38px,linear-gradient(90deg,color-mix(in srgb,var(--c1) 9%,transparent),transparent 1px) 0 0/38px 38px;
}
html[data-accent] body{background:var(--pat),radial-gradient(900px 520px at 50% -10%,color-mix(in srgb,var(--c1) 28%,transparent),transparent 70%),radial-gradient(600px 400px at 100% 100%,color-mix(in srgb,var(--c2) 9%,transparent),transparent),var(--bg)}

/* ---------- کارت‌ها: گوشهٔ ۱۸، گرادیان، خط تأکیدی نازک بالا ---------- */
html[data-accent] :is(.card,.qcard,.pc,.how>div,.why>div,.faq,.stat,.box,.pcard,.wcard,.tile,.sc2 a,.inv,.fn>div,.sgrid>*,details,.tx){
  background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 72%,var(--bg)))!important;border:1px solid var(--line)!important;border-radius:var(--card-r)!important;
  box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--c2) 33%,transparent),var(--cgsh)!important;position:relative}
html[data-accent] :is(.card,.how>div,.why>div,.pcard,.wcard):hover{border-color:color-mix(in srgb,var(--c1) 45%,var(--line))!important}
html[data-accent] .inv{background:linear-gradient(135deg,color-mix(in srgb,var(--card) 80%,var(--c1)),var(--card))!important;border-color:color-mix(in srgb,var(--c1) 40%,var(--line))!important}
html[data-accent] .card{padding:18px}
html[data-accent] .card h3{font-size:1.02rem;font-weight:800;margin-bottom:6px}
html[data-accent] .sub{color:var(--mu);font-size:.88rem;line-height:1.9}

/* ---------- دکمه‌ها: مستطیل گرد، گرادیان تم، درخشش؛ اندازهٔ یکسان ---------- */
html[data-accent] :is(.btn,.hb:not(.line):not(.ghost),.neon,.pillbtn){
  background:var(--g)!important;color:var(--con)!important;border:0!important;border-radius:12px!important;font-weight:800;text-shadow:none;letter-spacing:0;text-transform:none;
  box-shadow:0 10px 26px -8px color-mix(in srgb,var(--c1) 80%,transparent),inset 0 1px 0 #ffffff40!important;transition:transform .15s,box-shadow .2s,filter .2s}
html[data-accent] :is(.btn,.hb){min-height:var(--ctl);padding-inline:22px;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3}
html[data-accent] :is(.btn,.hb,.pillbtn):hover{filter:brightness(1.1);box-shadow:0 12px 32px -6px color-mix(in srgb,var(--c1) 95%,transparent),inset 0 1px 0 #ffffff55!important}
html[data-accent] :is(.btn,.hb):active{transform:translateY(1px) scale(.985)}
html[data-accent] :is(.btn,.hb):disabled{opacity:.5;filter:saturate(.5);cursor:not-allowed;box-shadow:none!important}
html[data-accent] .hact .hb.pink,html[data-accent] .hh .hb.pink{background:var(--c2)!important;color:var(--con2)!important;box-shadow:0 0 24px color-mix(in srgb,var(--c2) 60%,transparent),0 8px 22px -8px color-mix(in srgb,var(--c2) 80%,transparent),inset 0 1px 0 #fff6!important}
html[data-accent] :is(.btn.ghost,.hb.ghost,.hb.line){background:var(--card)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:12px!important}
html[data-accent] :is(.hb.ghost,.hb.line,.btn.ghost):hover{border-color:color-mix(in srgb,var(--c2) 55%,transparent)!important;color:var(--c2)!important;filter:none}
@media(max-width:700px){html[data-accent] .card>.btn,html[data-accent] .card>form>.btn{width:100%}}

/* ---------- فیلدها ---------- */
html[data-accent] :is(input,select,textarea){background:var(--fld)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--tx)!important;box-shadow:none!important;min-height:var(--ctl);font-size:.95rem}
html[data-accent] textarea{min-height:96px;line-height:1.8}
html[data-accent] :is(input,select,textarea):focus{border-color:var(--c2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c2) 18%,transparent),0 0 18px -4px color-mix(in srgb,var(--c2) 55%,transparent)!important;outline:0}
html[data-accent] :is(input,select,textarea)::placeholder{color:color-mix(in srgb,var(--mu) 75%,transparent)}
html[data-accent] .fld{background:var(--fld)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}
html[data-accent] .fld:focus-within{border-color:var(--c2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c2) 16%,transparent)!important}
html[data-accent] .fld input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:0}
html[data-accent] .fld.cap .cq{background:color-mix(in srgb,var(--c1) 14%,var(--card));color:var(--c2);border-color:color-mix(in srgb,var(--c2) 25%,transparent)}
html[data-accent] label{font-size:.88rem;font-weight:600}

/* ---------- سربرگ، فوتر، ناوبری، تب‌ها، چیپ‌ها ---------- */
html[data-accent] .hh{background:var(--hdr);border-bottom:1px solid var(--line)}
html[data-accent] .hnav a{color:var(--mu);border-radius:10px;font-weight:600}
html[data-accent] .hnav a:hover{background:color-mix(in srgb,var(--c1) 12%,transparent);color:var(--c2)}
html[data-accent] .hf{background:var(--ftr);border-top:1px solid var(--line)}
html[data-accent] .mk,html[data-accent] .hlogo i{background:var(--gn)!important;color:var(--con)!important;border-radius:11px;box-shadow:0 0 22px color-mix(in srgb,var(--c2) 40%,transparent)}
html[data-accent] .fnav{background:color-mix(in srgb,var(--bg) 90%,transparent);border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 40px -12px #000d,0 0 0 1px color-mix(in srgb,var(--c2) 6%,transparent);backdrop-filter:blur(14px)}
html[data-accent][data-mode=light] .fnav{box-shadow:0 18px 40px -16px color-mix(in srgb,var(--c1) 55%,transparent)}
html[data-accent] .fnav a{border-radius:18px}
html[data-accent] .fnav a.on{background:color-mix(in srgb,var(--c1) 18%,var(--card));color:var(--c2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c2) 22%,transparent)}
html[data-accent] .fnav .fab{background:var(--gn);color:var(--con2);box-shadow:0 0 28px color-mix(in srgb,var(--c2) 50%,transparent),0 10px 24px -6px color-mix(in srgb,var(--c1) 80%,transparent);border-radius:22px}
html[data-accent] :is(.tabs .btn,.seg button){border-radius:12px!important}
html[data-accent] .chip,html[data-accent] .seg button{border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--mu);font-weight:700;min-height:38px;padding:0 16px}
html[data-accent] .chip.on,html[data-accent] .seg button.on{background:var(--g);color:var(--con);border-color:transparent;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--c1) 90%,transparent)}
html[data-accent] .tabbar{background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(14px)}

/* ---------- تیترها ---------- */
html[data-accent] :is(h1,h2,.pgt,.big){font-weight:900;letter-spacing:-.2px;text-shadow:none;-webkit-text-fill-color:currentColor;background:none}
html[data-accent] .pgt{color:var(--tx)}
html[data-accent] .pgt::after{content:none!important}
html[data-accent] .pgt::before{content:"";display:inline-block;width:6px;height:1em;vertical-align:-.14em;margin-inline-end:10px;border-radius:3px;background:linear-gradient(var(--c2),var(--c1));box-shadow:0 0 14px color-mix(in srgb,var(--c2) 60%,transparent)}
html[data-accent] .hero{background:radial-gradient(700px 420px at 50% 0,color-mix(in srgb,var(--c1) 28%,transparent),transparent),transparent!important}
html[data-accent] .hero h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--c2);color:var(--c2);text-shadow:0 0 28px color-mix(in srgb,var(--c2) 60%,transparent),0 0 60px color-mix(in srgb,var(--c2) 28%,transparent)}
html[data-accent][data-mode=light] .hero h1 em{text-shadow:none}
html[data-accent] .big{color:var(--tx);text-shadow:0 0 24px color-mix(in srgb,var(--c1) 40%,transparent)}
html[data-accent][data-mode=light] .big{text-shadow:none}

/* ---------- نمودار، نشان‌ها، گزینه‌ها ---------- */
html[data-accent] .nbars{background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),color-mix(in srgb,var(--c1) 9%,transparent) calc(25% - 1px),color-mix(in srgb,var(--c1) 9%,transparent) 25%)}
html[data-accent] .nbars>div i,html[data-accent] .bars i{border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--c2),var(--c1) 70%,color-mix(in srgb,var(--c1) 75%,#000))}
html[data-accent] .nbars>div:last-child i{box-shadow:0 0 18px color-mix(in srgb,var(--c2) 80%,transparent),0 0 40px color-mix(in srgb,var(--c1) 50%,transparent),inset 0 1px 0 #fff8}
html[data-accent] .bdgx,html[data-accent] .ib{border-radius:14px;background:color-mix(in srgb,var(--c1) 14%,var(--card));border:1px solid color-mix(in srgb,var(--c2) 27%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--c2) 13%,transparent)}
html[data-accent] .pill,html[data-accent] .on-dot{background:#22e0a01f;color:#22c98f;border:1px solid #22e0a044;border-radius:999px}
html[data-accent] .gw{border-radius:14px}
html[data-accent] .gw:has(input:checked){border-color:var(--c2);background:color-mix(in srgb,var(--c1) 14%,var(--card))!important;box-shadow:0 0 22px -6px color-mix(in srgb,var(--c2) 65%,transparent)!important}
html[data-accent] #f_ct a.ci{background:linear-gradient(145deg,color-mix(in srgb,var(--c2) 8%,transparent),color-mix(in srgb,var(--c1) 3%,transparent));border-color:color-mix(in srgb,var(--c2) 27%,transparent)}
html[data-accent] .chk input:checked+i,html[data-accent] .gw input[type=checkbox]:checked{background:var(--gn)!important}
html[data-accent] .sw.on{background:var(--gn);box-shadow:0 0 12px color-mix(in srgb,var(--c2) 55%,transparent)}
html[data-accent] .toast{background:var(--card2);border:1px solid color-mix(in srgb,var(--c2) 40%,transparent);border-radius:14px;box-shadow:0 14px 34px -10px #000c}

/* ---------- جدول‌ها ---------- */
html[data-accent] .tw{border-radius:var(--card-r);border:1px solid var(--line);background:var(--card)}
html[data-accent] .tw table{border-collapse:separate;border-spacing:0}
html[data-accent] .tw th{background:color-mix(in srgb,var(--c1) 10%,var(--card2));color:var(--mu);font-size:.8rem;font-weight:800;padding:11px 12px;white-space:nowrap}
html[data-accent] .tw td{padding:11px 12px;border-top:1px solid var(--line)}
html[data-accent] .tw tr:hover td{background:color-mix(in srgb,var(--c1) 6%,transparent)}

/* ---------- پنل مدیریت: منوی کناری و سربرگ ---------- */
html[data-accent] aside{background:var(--side);border-inline-start:1px solid var(--line)}
html[data-accent] aside .nav a{border-radius:12px;min-height:46px;font-weight:700;color:var(--mu);transition:background .15s,color .15s}
html[data-accent] aside .nav a:hover{background:color-mix(in srgb,var(--c1) 10%,transparent);color:var(--tx)}
html[data-accent] aside .nav a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 16%,transparent),color-mix(in srgb,var(--c2) 6%,transparent));color:var(--c2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c2) 22%,transparent)}
html[data-accent] aside .foot{background:var(--ftr);border-top:1px solid var(--line)}
html[data-accent] .bar{padding:4px 2px 2px}
html[data-accent] .bar h2{font-size:1.15rem;font-weight:900}
html[data-accent] .bar .mbtn,html[data-accent] .gbtn{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px!important;color:var(--c2)!important;box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--c2) 22%,transparent)!important}
html[data-accent] .tg{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:8px}
html[data-accent] .tg small{color:var(--mu)}

/* ---------- آمار پنل مدیریت (۱.۶.۳) ---------- */
.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 4px}
.kpi-top h3{margin:0;font-size:1.05rem;font-weight:900}
.kpi-top small{display:block;color:var(--mu);font-size:.78rem;margin-top:1px}
.kref{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--c2);font-weight:800;font-size:.84rem}
.kref:active{transform:scale(.97)}.kref.spin svg{animation:kspin .8s linear infinite}
@keyframes kspin{to{transform:rotate(360deg)}}
.kh{display:flex;align-items:center;gap:10px;margin:20px 2px 10px;font-size:.84rem;font-weight:800;color:var(--mu);letter-spacing:.2px}
.kh::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c2);box-shadow:0 0 10px var(--c2)}
.kh::after{content:"";flex:1;height:1px;background:linear-gradient(to left,var(--line),transparent)}
.kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpi{--k:var(--c1);position:relative;overflow:hidden;isolation:isolate;border-radius:20px;padding:14px 14px 13px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--k) 15%,var(--card)),var(--card) 72%);border:1px solid color-mix(in srgb,var(--k) 30%,var(--line));
  box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--k) 60%,transparent),0 12px 28px -18px #000c;animation:kin .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*45ms)}
.kpi::before{content:"";position:absolute;z-index:-1;left:-34px;bottom:-46px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--k) 32%,transparent),transparent 70%)}
.nov .kpi{animation:none}
.kpi .kt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kpi small{font-size:.8rem;color:var(--mu);font-weight:700;line-height:1.5}
.kpi .ki{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--k);background:color-mix(in srgb,var(--k) 15%,transparent);border:1px solid color-mix(in srgb,var(--k) 35%,transparent)}
.kpi b{font-size:1.5rem;font-weight:900;line-height:1.15;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;color:var(--tx);font-variant-numeric:tabular-nums}
.kpi b em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--mu)}
.kpi .kn{display:block;font-size:.74rem;color:var(--mu);font-weight:500;margin-top:2px}
.kpi.wide{grid-column:1/-1;min-height:128px}.kpi.wide b{font-size:2rem}
.kpi.hot .kt::before{content:"";position:absolute;top:12px;left:54px;width:9px;height:9px;border-radius:50%;background:var(--k);box-shadow:0 0 0 0 var(--k);animation:kpulse 1.8s infinite}
.kbar{height:7px;border-radius:9px;background:color-mix(in srgb,var(--tx) 10%,transparent);overflow:hidden}
.kbar i{display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:linear-gradient(90deg,var(--k),color-mix(in srgb,var(--k) 55%,var(--c2)));box-shadow:0 0 12px color-mix(in srgb,var(--k) 70%,transparent);transition:width 1s cubic-bezier(.2,.8,.2,1)}
@keyframes kin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes kpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--k) 70%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}
.kgrid.k3>.kpi:last-child:nth-child(odd){grid-column:1/-1}
@media(min-width:900px){.kgrid.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.kgrid.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.kgrid.k3>.kpi:last-child:nth-child(odd){grid-column:auto}.kpi{min-height:118px}}
@media(prefers-reduced-motion:reduce){.kpi,.kpi.hot .kt::before,.kref.spin svg{animation:none}.kbar i{transition:none}}

/* ===== نوار نوری چرخان دور کارت‌ها (یک زاویهٔ مشترک روی html؛ همه هماهنگ می‌چرخند) ===== */
@property --ang{syntax:"<angle>";inherits:true;initial-value:0deg}
html[data-accent]{animation:cgspin 5s linear infinite}
@keyframes cgspin{to{--ang:360deg}}
html[data-accent] :is(.gcard,.qcard,.pcard,.card,.how>div,.why>div,.faq,.stat,.box,.wcard,.tile,.sc2 a,.inv,.sgrid>*,.kpi,.tg,.ntf,.ntadv,.gw,.pk-sh){position:relative;isolation:isolate}
html[data-accent] :is(.gcard,.qcard,.pcard){background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 70%,var(--bg)))!important;border-radius:26px!important;box-shadow:0 24px 60px -24px #000,0 0 50px -18px color-mix(in srgb,var(--c2) 27%,transparent)!important}
html[data-accent][data-mode=light] :is(.gcard,.qcard,.pcard){box-shadow:0 24px 60px -28px color-mix(in srgb,var(--c1) 55%,transparent)!important}
html[data-accent] :is(.gcard,.qcard,.pcard,.card,.how>div,.why>div,.faq,.stat,.box,.wcard,.tile,.sc2 a,.inv,.sgrid>*,.kpi,.tg,.ntf,.ntadv,.gw,.pk-sh)::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:2;
  background:conic-gradient(from var(--ang),transparent 0 60%,var(--c1) 74%,var(--c2) 88%,var(--spk) 93%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
html[data-accent] :is(.gcard,.qcard,.pcard)::after{padding:2px;filter:drop-shadow(0 0 6px var(--c2)) drop-shadow(0 0 16px color-mix(in srgb,var(--c1) 60%,transparent))}
html[data-accent] :is(.tw,.empty)::after{display:none}
@media(prefers-reduced-motion:reduce){html[data-accent]{animation:none}}
/* ===== v1.8.1: نور چرخان روی همهٔ دکمه‌ها، آیکون‌ها، چیپ‌ها و نوارها (همان زاویهٔ مشترک --ang) =====
   بدون pseudo-element: ضخامت حاشیه شفاف است و نور در لایهٔ border-box پس‌زمینه می‌چرخد، پس با درخشش/شاین دکمه‌ها تداخل ندارد.
   --off فاز هر المان را کمی جابه‌جا می‌کند تا همه هم‌زمان در یک نقطه نباشند. */
html[data-accent]{--rw:1.5px}
html[data-accent] :is(.btn:not(.paybtn),.hb,.neon,.pillbtn,.kref,.gbtn,.bar .mbtn,.chip,.seg button,.ib,.bdgx,.mk,.hlogo i,.kpi .ki,.fnav .fab,.pk-btn,.pk-x){
  --rg:conic-gradient(from calc(var(--ang) + var(--off,0deg)),transparent 0 52%,color-mix(in srgb,var(--c1) 70%,transparent) 66%,var(--c2) 84%,var(--spk) 95%,transparent 100%);
  --rl:linear-gradient(color-mix(in srgb,var(--c2) 26%,transparent),color-mix(in srgb,var(--c2) 26%,transparent));
}
html[data-accent] :is(.btn:not(.paybtn),.hb,.neon,.pillbtn,.kref,.chip,.seg button,.fnav .fab,.pk-btn):nth-child(3n+2){--off:120deg}
html[data-accent] :is(.btn:not(.paybtn),.hb,.neon,.pillbtn,.kref,.chip,.seg button,.fnav .fab,.pk-btn):nth-child(3n){--off:240deg}
html[data-accent] :is(.ib,.bdgx,.mk,.kpi .ki):nth-child(2n){--off:180deg}
/* دکمه‌های پرشده (گرادیان تم) */
html[data-accent] :is(.btn:not(.ghost):not(.paybtn),.hb:not(.ghost):not(.line):not(.pink),.neon,.pillbtn){
  border:var(--rw) solid transparent!important;
  background:var(--g) padding-box,var(--rg) border-box,var(--rl) border-box!important}
html[data-accent] .hb.pink{border:var(--rw) solid transparent!important;background:var(--c2) padding-box,var(--rg) border-box,var(--rl) border-box!important}
/* دکمه‌های شیشه‌ای/خط‌دار */
html[data-accent] :is(.btn.ghost,.hb.ghost,.hb.line,.kref,.gbtn,.bar .mbtn,.chip:not(.on),.seg button:not(.on),.pk-btn,.pk-x){
  border:var(--rw) solid transparent!important;
  background:var(--card) padding-box,var(--rg) border-box,linear-gradient(var(--line),var(--line)) border-box!important}
/* چیپ/تب فعال */
html[data-accent] :is(.chip.on,.seg button.on){border:var(--rw) solid transparent!important;background:var(--g) padding-box,var(--rg) border-box,var(--rl) border-box!important}
/* آیکون‌ها: جعبهٔ شیشه‌ای رنگی با نور چرخان */
html[data-accent] .kpi .ki{border:var(--rw) solid transparent;
  background:linear-gradient(color-mix(in srgb,var(--k) 16%,transparent),color-mix(in srgb,var(--k) 16%,transparent)) padding-box,linear-gradient(var(--card),var(--card)) padding-box,
    conic-gradient(from calc(var(--ang) + var(--off,0deg)),transparent 0 48%,color-mix(in srgb,var(--k) 70%,transparent) 66%,var(--k) 84%,var(--spk) 95%,transparent 100%) border-box,
    linear-gradient(color-mix(in srgb,var(--k) 35%,transparent),color-mix(in srgb,var(--k) 35%,transparent)) border-box}
html[data-accent] :is(.ib,.bdgx){border:var(--rw) solid transparent;
  background:linear-gradient(color-mix(in srgb,var(--c1) 16%,transparent),color-mix(in srgb,var(--c1) 16%,transparent)) padding-box,linear-gradient(var(--card),var(--card)) padding-box,var(--rg) border-box,var(--rl) border-box}
html[data-accent] :is(.mk,.hlogo i){border:var(--rw) solid transparent;
  background:var(--gn) padding-box,var(--rg) border-box,var(--rl) border-box!important}
html[data-accent] .fnav .fab{border:var(--rw) solid transparent;background:var(--gn) padding-box,var(--rg) border-box,var(--rl) border-box}
/* ظاهر شیشه‌ای رنگی کارت‌ها (مثل کارت‌های آمار پنل مدیریت) */
html[data-accent] :is(.card,.tg,.ntf,.how>div,.why>div,.stat,.box,.wcard,.tile,.sc2 a,.faq){
  background:radial-gradient(150px 120px at 6% 118%,color-mix(in srgb,var(--c1) 20%,transparent),transparent 72%),linear-gradient(160deg,color-mix(in srgb,var(--c1) 11%,var(--card)),var(--card) 72%)!important;
  box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--c2) 22%,transparent),0 12px 28px -18px #000c}
html[data-accent][data-mode=light] :is(.card,.tg,.ntf,.how>div,.why>div,.stat,.box,.wcard,.tile,.sc2 a,.faq){box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--c2) 30%,transparent),0 12px 26px -16px color-mix(in srgb,var(--c1) 45%,transparent)}
/* منوی کناری و نوار پایین: آیکون فعال هم می‌درخشد */
html[data-accent] aside .nav a.on svg,html[data-accent] .fnav a.on svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--c2) 70%,transparent))}
/* خاموش‌کردن نور چرخان: حلقه‌ها ثابت می‌مانند */
html[data-fx=off][data-accent]{animation:none;--ang:200deg}
@media(prefers-reduced-motion:reduce){html[data-accent]{--ang:200deg}}
html[data-accent] :is(.btn,.hb,.neon,.pillbtn):disabled{--rg:linear-gradient(transparent,transparent)}