/* ===== v1.4.0: دکمه‌های نئونی + ۵ تم با شخصیت مستقل (همه‌جا سازگار: داشبورد، پنل مدیریت، ورود، صفحهٔ اول) ===== */
:root{
  --on:#0d0b24;--btn-r:999px;--card-r:28px;
  --gn:linear-gradient(90deg,color-mix(in srgb,var(--a1) 80%,#fff 20%),var(--a2));
  --glow-a:color-mix(in srgb,var(--a1) 75%,transparent);--glow-b:color-mix(in srgb,var(--a1) 38%,transparent);
  --ring:linear-gradient(135deg,var(--a2),var(--a1) 50%,var(--a2));
  --fill:radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--a1) 36%,#0b0b16) 0,color-mix(in srgb,var(--a1) 14%,#0b0b16) 60%,#0a0a12 100%);
  --fab-anim:breathe 3s ease-in-out infinite}

/* ---------- ۱) نیلی نئونی (پیش‌فرض): نرم، ستاره‌ای، دکمه‌های قرصی ---------- */
html[data-accent=indigo],html:not([data-accent]){
  --ic-gold:#f4b942;--ic-cyan:#2fd8e8;--ic-teal:#3fe0b2;--ic-pink:#ff6b8f;--ic-violet:#b9a8ff;--ic-blue:#6fa3ff}
html[data-accent=indigo] body,html:not([data-accent]) body{
  background:radial-gradient(#ffffff12 1px,transparent 1.3px) 0 0/90px 90px,radial-gradient(#ffffff0b 1px,transparent 1.3px) 45px 45px/90px 90px,
  radial-gradient(900px 480px at 85% -8%,color-mix(in srgb,var(--a1) 30%,transparent),transparent),
  radial-gradient(700px 400px at -10% 110%,color-mix(in srgb,var(--a1) 16%,transparent),transparent),var(--bg)}

/* ---------- ۲) اقیانوس: شیشه‌ای، شبکهٔ ظریف، خط نورانی بالای کارت ---------- */
html[data-accent=teal]{
  --a1:#0e9f9a;--a2:#8af5df;--pr:#17bdb6;--green:#4fe3d0;--bg:#041012;--btn-r:999px;--card-r:26px;
  --ic-gold:#ffd166;--ic-cyan:#7cf3ff;--ic-teal:#4fe3d0;--ic-pink:#ff8fb1;--ic-violet:#8fd0ff}
html[data-accent=teal] body{
  background:linear-gradient(#ffffff09 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff09 1px,transparent 1px) 0 0/34px 34px,
  radial-gradient(900px 480px at 85% -8%,color-mix(in srgb,var(--a1) 34%,transparent),transparent),
  radial-gradient(700px 400px at -10% 110%,color-mix(in srgb,var(--a2) 14%,transparent),transparent),var(--bg)}
html[data-accent=teal] :is(.card,.qcard,.sc2 a,.inv){box-shadow:inset 0 1px 0 color-mix(in srgb,var(--a2) 35%,transparent),0 10px 30px #0008!important;
  backdrop-filter:blur(8px)}
html[data-accent=teal] .pgt::after{content:"";display:block;width:48px;height:3px;border-radius:3px;background:var(--g);margin-top:6px;box-shadow:0 0 12px var(--a1)}
html[data-accent=teal] :is(.btn,.hb:not(.line),.neon){box-shadow:inset 0 2px 0 #ffffff55,inset 0 -3px 8px #00000030,0 0 16px var(--glow-a),0 0 40px var(--glow-b),0 8px 22px #0008!important}

/* ---------- ۳) سایبر رُز: لبه‌های تیز‌تر، نئون دوبل صورتی/بنفش، خطوط اسکن ---------- */
html[data-accent=rose]{
  --a1:#e0197d;--a2:#ffa5d4;--pr:#ff3d9a;--green:#ff7fb8;--bg:#0b050c;--btn-r:14px;--card-r:18px;--on:#2a0316;
  --glow-a:color-mix(in srgb,#ff2d95 80%,transparent);--glow-b:color-mix(in srgb,#8b3dff 45%,transparent);
  --ring:linear-gradient(135deg,#ff6ab5,#8b3dff 55%,#ff6ab5);
  --ic-gold:#ffd166;--ic-cyan:#7ee8ff;--ic-teal:#6ff5c9;--ic-pink:#ff4f9a;--ic-violet:#d58bff}
html[data-accent=rose] body{
  background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 4px),
  radial-gradient(900px 480px at 85% -8%,#e0197d44,transparent),radial-gradient(700px 420px at -10% 110%,#8b3dff30,transparent),var(--bg)}
html[data-accent=rose] :is(.card,.qcard,.sc2 a,.inv){border-color:color-mix(in srgb,#ff4f9a 40%,#25253b)!important;
  box-shadow:0 0 0 1px #8b3dff30,0 0 26px #e0197d1c,0 10px 30px #0009!important}
html[data-accent=rose] :is(.pgt,h1,h2){text-shadow:0 0 16px color-mix(in srgb,#ff2d95 65%,transparent)}
html[data-accent=rose] :is(.btn,.hb:not(.line),.neon){box-shadow:0 0 0 1px #ffd0ea88 inset,0 0 12px #ff2d95cc,-6px 0 26px #8b3dff66,6px 0 26px #ff2d9555,0 8px 22px #0009!important}
html[data-accent=rose]{--fab-anim:flicker 4s steps(1,end) infinite}

/* ---------- ۴) طلایی لوکس: فلزی، لبهٔ گرد-مستطیل، خط طلایی، متن گرادیانی ---------- */
html[data-accent=amber]{
  --a1:#d98a0b;--a2:#ffe29a;--pr:#f0a020;--green:#ffc857;--bg:#0b0804;--btn-r:18px;--card-r:24px;--on:#2a1500;
  --gn:linear-gradient(180deg,#ffeaae,#f3b43c 52%,#d98a12);
  --glow-a:color-mix(in srgb,#ffb52e 70%,transparent);--glow-b:color-mix(in srgb,#ff9a00 34%,transparent);
  --ring:linear-gradient(135deg,#ffe29a,#c98200 50%,#ffe29a);
  --ic-gold:#ffc857;--ic-cyan:#ffe7a8;--ic-teal:#a5ecb0;--ic-pink:#ffa070;--ic-violet:#ffd98a;--fab-anim:none}
html[data-accent=amber] body{
  background:radial-gradient(#ffffff10 1px,transparent 1.4px) 0 0/22px 22px,
  radial-gradient(900px 480px at 85% -8%,#f0a02030,transparent),radial-gradient(700px 420px at -10% 110%,#ffc85716,transparent),var(--bg)}
html[data-accent=amber] :is(.card,.qcard,.sc2 a,.inv){border-color:#5a4313!important;border-top:2px solid var(--a2)!important;
  background:linear-gradient(160deg,#1a1408,#0e0b05)!important;box-shadow:0 10px 30px #000a,inset 0 0 26px #f0a02010!important}
html[data-accent=amber] .pgt{background:linear-gradient(90deg,#fff1c4,#f3b43c);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-accent=amber] :is(.btn,.hb:not(.line),.neon){box-shadow:inset 0 2px 0 #fff8,inset 0 -3px 0 #a5660a88,0 0 16px var(--glow-a),0 0 40px var(--glow-b),0 8px 22px #000a!important;
  font-weight:800;letter-spacing:.2px}

/* ---------- ۵) زمرد ماتریکس: فنی و مستطیلی، نقطه‌چین سبز، نوار نئونی کنار کارت ---------- */
html[data-accent=emerald]{
  --a1:#0aa65a;--a2:#9dffc6;--pr:#18c96f;--green:#4dff9f;--bg:#03090a;--btn-r:10px;--card-r:14px;--on:#02170c;
  --glow-a:color-mix(in srgb,#2bff8f 75%,transparent);--glow-b:color-mix(in srgb,#0aa65a 40%,transparent);
  --ic-gold:#e8ff6a;--ic-cyan:#5ff5d6;--ic-teal:#3dff95;--ic-pink:#ff6bb0;--ic-violet:#a8ffcc}
html[data-accent=emerald] body{
  background:radial-gradient(color-mix(in srgb,var(--a2) 22%,transparent) 1px,transparent 1.4px) 0 0/26px 26px,
  radial-gradient(900px 480px at 85% -8%,#0aa65a30,transparent),radial-gradient(700px 400px at -10% 110%,#2bff8f14,transparent),var(--bg)}
html[data-accent=emerald] :is(.card,.qcard,.sc2 a,.inv){border-inline-start:3px solid var(--a1)!important;
  box-shadow:0 0 22px #0aa65a1a,0 10px 30px #000a!important}
html[data-accent=emerald] .pgt::before{content:"";display:inline-block;width:8px;height:1em;vertical-align:-.15em;margin-inline-end:10px;border-radius:2px;background:var(--a1);box-shadow:0 0 12px var(--a1)}
html[data-accent=emerald] :is(.btn,.hb:not(.line),.neon){box-shadow:0 0 0 1px #c9ffe155 inset,0 0 12px var(--glow-a),0 0 34px var(--glow-b),0 8px 22px #000a!important;text-transform:none;letter-spacing:.3px}

/* ================= دکمه‌های نئونی اصلی ================= */
.btn,.hb:not(.line),.neon,.chip.on{
  background:var(--gn)!important;color:var(--on)!important;border:1px solid color-mix(in srgb,var(--a2) 75%,#fff 12%)!important;
  border-radius:var(--btn-r);position:relative;overflow:hidden;isolation:isolate;font-weight:800;text-shadow:none;
  box-shadow:0 0 0 1px #ffffff2a inset,0 0 14px var(--glow-a),0 0 36px var(--glow-b),0 8px 22px #0008;
  transition:box-shadow .25s,transform .15s,filter .25s}
.btn::after,.hb:not(.line)::after,.neon::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 32%,#ffffff66 50%,transparent 68%);transform:translateX(-130%);animation:nsh 5s ease-in-out infinite}
.fnav .fab{background:var(--gn)!important;color:var(--on);box-shadow:0 0 18px var(--glow-a),0 0 46px var(--glow-b),0 8px 24px #000a;animation:var(--fab-anim)}
.pillbtn i{background:var(--gn);box-shadow:0 0 12px var(--glow-a)}
@media(hover:hover){.btn:hover,.hb:not(.line):hover,.neon:hover{filter:brightness(1.08) saturate(1.1);box-shadow:0 0 0 1px #ffffff44 inset,0 0 20px var(--glow-a),0 0 54px var(--glow-a),0 10px 26px #000a}}
.btn:active,.hb:active,.neon:active,.fab:active{transform:scale(.97)}
.btn:disabled,.neon:disabled,.btn[disabled]{filter:grayscale(.6) brightness(.7);box-shadow:none!important;cursor:not-allowed}
.btn:disabled::after,.neon:disabled::after{display:none}
.btn.red,.btn.danger,.btn.bad{--a1:#e11d48;--a2:#ff9bb0;--on:#2a0310;--gn:linear-gradient(90deg,#f43f6a,#ff9bb0);--glow-a:#ff3b6acc;--glow-b:#ff3b6a55}

/* ===== دکمه‌های ثانویه: کانتور نئونی ===== */
.ghostb,.hb.line,.back,.chip:not(.on),.pillbtn{
  border:1.5px solid color-mix(in srgb,var(--a2) 52%,transparent)!important;color:var(--a2);
  background:color-mix(in srgb,var(--a1) 9%,#0b0b14)!important;border-radius:var(--btn-r);
  box-shadow:0 0 12px color-mix(in srgb,var(--a1) 30%,transparent),inset 0 0 14px color-mix(in srgb,var(--a1) 14%,transparent);
  transition:box-shadow .25s,border-color .25s,transform .15s}
@media(hover:hover){.ghostb:hover,.hb.line:hover,.back:hover,.chip:not(.on):hover,.pillbtn:hover{border-color:var(--a2)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--a1) 55%,transparent),inset 0 0 18px color-mix(in srgb,var(--a1) 24%,transparent)}}
.ghostb:active,.hb.line:active,.pillbtn:active{transform:scale(.97)}
.rbtn{box-shadow:0 0 14px color-mix(in srgb,var(--ic) 32%,transparent),inset 0 0 14px #5b50e82e}

/* ===== فوکوس نئونی روی فیلدها ===== */
input:focus,select:focus,textarea:focus,.fld:focus-within{border-color:var(--a2)!important;outline:0;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--a1) 28%,transparent),0 0 18px color-mix(in srgb,var(--a1) 32%,transparent)!important}
::selection{background:color-mix(in srgb,var(--a1) 55%,transparent);color:#fff}
*{scrollbar-color:color-mix(in srgb,var(--a1) 60%,#222) transparent}

/* شعاع کارت‌ها از تم */
.card,.qcard,.sc2 a,.inv{border-radius:var(--card-r)}
.sc2 a,.inv{background:linear-gradient(160deg,color-mix(in srgb,var(--a1) 15%,#14142a),#0d0d18)}
.chk input:checked+i,.gw input[type=checkbox]:checked{background:var(--gn)!important}

@keyframes nsh{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes breathe{0%,100%{box-shadow:0 0 18px var(--glow-a),0 0 40px var(--glow-b),0 8px 24px #000a}50%{box-shadow:0 0 26px var(--glow-a),0 0 64px var(--glow-a),0 8px 24px #000a}}
@keyframes flicker{0%,92%,100%{opacity:1}93%{opacity:.78}94%{opacity:1}96%{opacity:.85}97%{opacity:1}}
@media(prefers-reduced-motion:reduce){.btn::after,.hb::after,.neon::after,.fnav .fab{animation:none!important}}