/* ============================================================
   SIMOTO — تم نئونی (فقط حالت تاریک)
   ------------------------------------------------------------
   این فایل فقط ظاهر را عوض می‌کند؛ هیچ JavaScript و هیچ id/ساختار
   HTML دست نخورده است. فقط وقتی `data-theme="dark"` باشد اعمال می‌شود،
   پس حالت روشن بدون تغییر می‌ماند.
   پالت: زمینه‌ی جوهری، کارت‌های سطح‌دار، آبی‌مایل نئونی (فیروزه‌ای) به‌عنوان
   رنگ اصلی، بنفش برای تأکیدهای فرعی، و نقطه‌ی درخشان فقط در موارد کلیدی.
   فونت: وزیرمتن (همان فونت برنامه) با ارقام جدولی.
   ============================================================ */

:root[data-theme="dark"]{
  --primary:#2EE6D6; --primary-hover:#63F3E6; --primary-tint:rgba(46,230,214,.10); --primary-soft:rgba(46,230,214,.18);
  --accent:#9B7BFF;  --accent-tint:rgba(155,123,255,.12);
  --success:#5CF2A0; --success-tint:rgba(92,242,160,.10);
  --danger:#FF5C8A;  --danger-tint:rgba(255,92,138,.12);
  --warning:#FFB547; --warning-tint:rgba(255,181,71,.12);
  --info:#9B7BFF;    --info-tint:rgba(155,123,255,.12);
  --bg:#07090D; --bg-2:#0A0E15;
  --card:#0E141D; --card-2:#131B27;
  --border:#1B2531; --border-strong:#273445; --line:#1B2531;
  --text:#E7EEF6; --heading:#FFFFFF; --muted:#7D8BA0; --faint:#56637A;
  --input-bg:#0A0F17; --table-header:#131B27;
  --toast-bg:rgba(14,20,29,.97);
  --dp-bg:#0E141D; --dp-day-hover:#151D29;
  --overlay:rgba(3,5,8,.72);
  --decor-1:rgba(46,230,214,.07); --decor-2:rgba(155,123,255,.06); --decor-3:rgba(255,92,138,.05);
  --ring:0 0 0 4px rgba(46,230,214,.18);
  --shadow-card:0 0 0 1px rgba(46,230,214,.03), 0 20px 44px -26px rgba(0,0,0,.85);
  --shadow-pop:0 30px 80px -24px rgba(0,0,0,.92), 0 0 0 1px rgba(46,230,214,.14);
  --shadow-btn:0 0 0 1px rgba(46,230,214,.45), 0 0 24px -6px rgba(46,230,214,.6);
  color-scheme:dark;
}

/* پس‌زمینه: دو درخشش بسیار ملایم، بدون الگوی شلوغ */
:root[data-theme="dark"] body{
  background-color:#07090D;
  background-image:
    radial-gradient(circle at 92% 0%, rgba(46,230,214,.08) 0, transparent 38%),
    radial-gradient(circle at 0% 100%, rgba(155,123,255,.07) 0, transparent 42%);
  background-attachment:fixed;
}
:root[data-theme="dark"] .bg-decor{opacity:.35;}

/* کارت‌ها: لبه‌ی درخشان ظریف به‌جای سایه‌ی خاکستری */
:root[data-theme="dark"] .card{
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    linear-gradient(160deg,rgba(46,230,214,.32),rgba(27,37,49,.6) 35%,rgba(155,123,255,.22)) border-box;
}

/* دکمه‌ی اصلی: متن تیره روی فیروزه‌ای برای کنتراست کافی */
:root[data-theme="dark"] .btn-action{color:#04110F;font-weight:800;}
:root[data-theme="dark"] .btn-action:hover:not(:disabled){box-shadow:0 0 0 1px rgba(46,230,214,.6),0 0 30px -4px rgba(46,230,214,.75);}
:root[data-theme="dark"] .btn-outline,
:root[data-theme="dark"] .btn-action.btn-outline{
  background:transparent;color:var(--primary);border:1px solid rgba(46,230,214,.4);box-shadow:none;
}

/* تب‌ها و ناوبری فعال: متن تیره روی زمینه‌ی روشن برای خوانایی */
:root[data-theme="dark"] .tab-btn.active,
:root[data-theme="dark"] .admin-nav-btn.active,
:root[data-theme="dark"] .mode-btn.active{color:#04110F;}
:root[data-theme="dark"] .tab-btn.active .tab-ico,
:root[data-theme="dark"] .admin-nav-btn.active .nav-ico{background:rgba(4,17,15,.14);color:#04110F;}
:root[data-theme="dark"] .subtab-btn.active{color:var(--primary);border-bottom-color:var(--primary);text-shadow:0 0 14px rgba(46,230,214,.45);}

/* فیلدها: تأکید نئونی روی فوکوس */
:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] select:focus,
:root[data-theme="dark"] textarea:focus{border-color:rgba(46,230,214,.7);box-shadow:var(--ring);}

/* مودال‌ها و پاپ‌آپ‌ها: لبه‌ی درخشان */
:root[data-theme="dark"] .modal-box,
:root[data-theme="dark"] .datepicker-modal-box{
  border-color:rgba(46,230,214,.22);
  box-shadow:var(--shadow-pop);
}

/* اعداد و ارقام جدولی برای خوانایی آمار */
:root[data-theme="dark"] .stat-card .stat-val,
:root[data-theme="dark"] .tstat .tstat-val,
:root[data-theme="dark"] .pstat .pstat-val{font-variant-numeric:tabular-nums;}

/* حالت‌ها و پیام‌ها: رنگ‌ها از متغیرها می‌آیند؛ فقط مطمئن می‌شویم متن روی زمینه خوانا است */
:root[data-theme="dark"] .toast{border:1px solid rgba(46,230,214,.2);}
:root[data-theme="dark"] .app-banner{border:1px solid rgba(255,92,138,.25);}

/* احترام به کاهش حرکت */
@media (prefers-reduced-motion: reduce){
  :root[data-theme="dark"] *{transition-duration:1ms !important;animation-duration:1ms !important;}
}

/* عناصری که رنگ ثابتِ آبی دارند: لوگو و دکمه‌ی حالت خودکار */
:root[data-theme="dark"] .brand-mark{
  color:#04110F;
  background:linear-gradient(140deg,#7CF7EC 0%,#2EE6D6 55%,#14B8AC 100%);
  box-shadow:0 0 0 1px rgba(46,230,214,.4),0 0 26px -4px rgba(46,230,214,.6);
}
:root[data-theme="dark"] #btnModeAuto.active{
  color:#04110F;
  box-shadow:0 0 0 1px rgba(46,230,214,.45),0 0 24px -6px rgba(46,230,214,.6);
}