/* ===== v1.8.2: نوار نوری چرخان دور «همهٔ» دکمه‌ها، آیکون‌ها و لوگو (مثل حلقهٔ دور لوگو) =====
   زاویهٔ مشترک --ang روی html در cyber.css می‌چرخد (cgspin)؛ این فایل فقط ظاهر نوار را پررنگ‌تر می‌کند
   و آن را به المان‌هایی می‌رساند که تا 1.8.1 نداشتند: آیکون‌های منوی کناری، دکمه‌های گرد هدر، لوگو،
   دکمه‌های خط‌دار صفحهٔ ورود، بستن پنجرهٔ تم، تم انتخاب‌شده و ردیف فعال منو.
   باید آخرین فایل CSS هر صفحه باشد. بدون pseudo-element است؛ پس با ::before/::after دکمه‌ها تداخل ندارد. */

html[data-accent]{--rw:2px}

/* ---- ۱) نوار نوری پررنگ‌تر و بلندتر برای همهٔ المان‌ها ---- */
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,
  .rbtn,.mbtn2,.hmb,.ghostb,.back,.thx,.thc.on,.why>div>span,.hfeat span,.how i,.tx .ic,.pcard .ring,aside .nav a>svg.ic-s,aside .nav a.on,.fnav a.on,
  aside .logo i,.au .brand i,.brandfull){
  --rg:conic-gradient(from calc(var(--ang) + var(--off,0deg)),transparent 0 38%,color-mix(in srgb,var(--c1) 78%,transparent) 58%,var(--c2) 80%,var(--spk) 93%,var(--spk) 95%,transparent 100%);
  --rl:linear-gradient(color-mix(in srgb,var(--c2) 34%,transparent),color-mix(in srgb,var(--c2) 34%,transparent));
}
/* فاز هر المان کمی جابه‌جا تا همه هم‌زمان در یک نقطه نباشند */
html[data-accent] :is(.rbtn,.mbtn2,.hmb,.ghostb,.back,.thx,.why>div>span,.hfeat span,.how i,.tx .ic,aside .nav a>svg.ic-s):nth-child(3n+2){--off:120deg}
html[data-accent] :is(.rbtn,.mbtn2,.hmb,.ghostb,.back,.thx,.why>div>span,.hfeat span,.how i,.tx .ic,aside .nav a>svg.ic-s):nth-child(3n){--off:240deg}
html[data-accent] aside .nav a:nth-child(2n)>svg.ic-s{--off:180deg}

/* ---- ۲) دکمه‌های گرد و آیکون‌های قاب‌دار (قبلاً حلقهٔ ثابت بنفش داشتند) ---- */
html[data-accent] :is(.rbtn,.mbtn2,.why>div>span,.hfeat span,.how i,.tx .ic,.pcard .ring,aside .nav a>svg.ic-s){
  border:var(--rw) solid transparent!important;
  background:
    linear-gradient(color-mix(in srgb,var(--ic,var(--c1)) 14%,transparent),color-mix(in srgb,var(--ic,var(--c1)) 14%,transparent)) padding-box,
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--rg) border-box,var(--rl) border-box!important;
}
html[data-accent] aside .nav a>svg.ic-s{padding:6px!important}

/* ---- ۳) دکمه‌های شیشه‌ای/خط‌دار که تا حالا حلقه نداشتند ---- */
html[data-accent] :is(.ghostb,.back,.hmb,.thx){
  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] .thc.on{
  border:var(--rw) solid transparent;box-shadow:0 0 18px color-mix(in srgb,var(--c1) 55%,transparent);
  background:var(--tb) padding-box,var(--rg) border-box,var(--rl) border-box}

/* ---- ۵) ردیف فعال منوی کناری و گزینهٔ فعال نوار پایین ---- */
html[data-accent] aside .nav a{border:var(--rw) solid transparent}
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)) padding-box,
    linear-gradient(var(--side),var(--side)) padding-box,var(--rg) border-box,var(--rl) border-box;box-shadow:none}
html[data-accent] .fnav a.on{
  border:var(--rw) solid transparent;
  background:linear-gradient(color-mix(in srgb,var(--c1) 18%,transparent),color-mix(in srgb,var(--c1) 18%,transparent)) padding-box,
    linear-gradient(var(--card),var(--card)) padding-box,var(--rg) border-box,var(--rl) border-box;box-shadow:none}

/* ---- ۶) لوگو (منوی کناری مدیریت و داشبورد، هدر صفحهٔ اصلی، صفحهٔ ورود) ----
   logo.css پس‌زمینه را با !important ثابت می‌کند؛ با دو بار [data-accent] اولویت را می‌گیریم. */
html[data-accent][data-accent] :is(.mk,.hlogo i,aside .logo i,.au .brand i){
  padding:0!important;overflow:hidden;border:var(--rw) solid transparent!important;
  background:#01010a padding-box,var(--rg) border-box,var(--rl) border-box!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--c1) 50%,transparent)!important}
html[data-accent] :is(.mk,.hlogo i,aside .logo i,.au .brand i) img{border-radius:calc(12px - var(--rw))}
html[data-accent][data-accent] .brandfull{
  padding:0;border:var(--rw) solid transparent;
  background:var(--rg) border-box,var(--rl) border-box!important}

/* ---- ۷) دکمه‌های غیرفعال و حالت «کاهش حرکت» ---- */
html[data-accent] :is(.btn,.hb,.neon,.pillbtn,.rbtn,.ghostb,.back,.hmb,.thx):disabled{--rg:linear-gradient(transparent,transparent)}
html[data-fx=off][data-accent]{--ang:200deg}
@media(prefers-reduced-motion:reduce){html[data-accent]{--ang:200deg}}

/* ---- ۸) حالت روشن: نوار کمی پررنگ‌تر روی زمینهٔ روشن ---- */
html[data-accent][data-mode=light] :is(.rbtn,.ghostb,.back,.hmb,.thx,aside .nav a>svg.ic-s){--rl:linear-gradient(color-mix(in srgb,var(--c1) 30%,transparent),color-mix(in srgb,var(--c1) 30%,transparent))}