@font-face { font-family:'Vazirmatn'; src:url('fonts/Vazirmatn-Light.woff2') format('woff2'); font-weight:300; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('fonts/Vazirmatn-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('fonts/Vazirmatn-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('fonts/Vazirmatn-SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('fonts/Vazirmatn-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('fonts/Vazirmatn-ExtraBold.woff2') format('woff2'); font-weight:800; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('fonts/Vazirmatn-Black.woff2') format('woff2'); font-weight:900; font-display:swap; }
/* فونتِ یکدستِ همه‌ی صفحه‌ها: وزیرمتن (دستورِ صریحِ مالک ۱۴۰۵/۷/۲۷) */
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a,span,div,label,td,th{font-family:'Vazirmatn',Tahoma,sans-serif}

/* ============================================================================
   پالتِ مرکزیِ رنگ‌ها (۱۴۰۵/۷/۲۸) — تنها جایی که «کدِ رنگ» نوشته می‌شود.
   همه‌ی صفحه‌ها به‌جای کد، اسمِ رنگ (var(--c-…)) صدا می‌زنند؛ برای عوض‌کردنِ یک رنگ در کلِ سایت
   فقط مقدارش را همین‌جا عوض کن. مقدارِ فعلی دقیقاً همان کدِ قدیمی است (هیچ تغییرِ ظاهری).
   اسم‌ها: خانواده + شماره (۰۱ = روشن‌ترین). جدول کامل: docs/COLOR-PALETTE.md
   ========================================================================== */
:root{
  --c-black:#000000;
  --c-blue-01:#f3f6fb;
  --c-blue-02:#f1f5fc;
  --c-blue-03:#eef4ff;
  --c-blue-04:#eef2ff;
  --c-blue-05:#f2f5fa;
  --c-blue-06:#f1f4f9;
  --c-blue-07:#f3f4f6;
  --c-blue-08:#edf1f7;
  --c-blue-09:#e2eaf6;
  --c-blue-10:#e3e9f2;
  --c-blue-11:#c7d2fe;
  --c-blue-12:#c7d4ec;
  --c-blue-13:#5b9bff;
  --c-blue-14:#6366f1;
  --c-blue-15:#8fa1c0;
  --c-blue-16:#94a3b8;
  --c-blue-17:#6c5ce7;
  --c-blue-18:#7c93b8;
  --c-blue-19:#3b82f6;
  --c-blue-20:#2e6bff;
  --c-blue-21:#4f46e5;
  --c-blue-22:#2563eb;
  --c-blue-23:#6e7e99;
  --c-blue-24:#6b7a93;
  --c-blue-25:#1d4ed8;
  --c-blue-26:#64748b;
  --c-blue-27:#1a53c9;
  --c-blue-28:#5b6b84;
  --c-blue-29:#3730a3;
  --c-blue-30:#1e40af;
  --c-blue-31:#475569;
  --c-blue-32:#1e3a8a;
  --c-blue-33:#374151;
  --c-blue-34:#334155;
  --c-blue-35:#172554;
  --c-blue-36:#1f2a4a;
  --c-blue-37:#1e1b4b;
  --c-blue-38:#1a2a4a;
  --c-blue-39:#1f2a44;
  --c-blue-40:#1b2a44;
  --c-blue-41:#1a2340;
  --c-blue-42:#1e293b;
  --c-blue-43:#16233d;
  --c-blue-44:#16203c;
  --c-blue-45:#182339;
  --c-blue-46:#141b31;
  --c-blue-47:#0f1b33;
  --c-blue-48:#111a30;
  --c-blue-49:#0a1931;
  --c-blue-50:#0a1730;
  --c-blue-51:#0f172a;
  --c-blue-52:#111827;
  --c-blue-53:#0b1220;
  --c-blue-54:#020617;
  --c-gray-01:#e5e7eb;
  --c-gray-02:#d1d5db;
  --c-gray-03:#9ca3af;
  --c-gray-04:#6b7280;
  --c-gray-05:#4b5563;
  --c-gray-06:#1c1c1c;
  --c-gray-07:#111111;
  --c-green-01:#f0fdf4;
  --c-green-02:#ecfdf5;
  --c-green-03:#dcfce7;
  --c-green-04:#d1fae5;
  --c-green-05:#a7f3d0;
  --c-green-06:#86efac;
  --c-green-07:#6ee7a0;
  --c-green-08:#4ade80;
  --c-green-09:#47cf73;
  --c-green-10:#34d399;
  --c-green-11:#2fbf7c;
  --c-green-12:#22c55e;
  --c-green-13:#10b981;
  --c-green-14:#1e9e62;
  --c-green-15:#16a34a;
  --c-green-16:#0d9467;
  --c-green-17:#059669;
  --c-green-18:#15803d;
  --c-green-19:#047857;
  --c-green-20:#166534;
  --c-green-21:#065f46;
  --c-green-22:#0f5132;
  --c-orange-01:#f4f2ee;
  --c-orange-02:#e7e2d8;
  --c-orange-03:#f0c299;
  --c-orange-04:#fdba74;
  --c-orange-05:#ffc371;
  --c-orange-06:#fbbf57;
  --c-orange-07:#ffc24d;
  --c-orange-08:#d9b36a;
  --c-orange-09:#fb923c;
  --c-orange-10:#d9a441;
  --c-orange-11:#f5a623;
  --c-orange-12:#f97316;
  --c-orange-13:#f2a516;
  --c-orange-14:#c2793f;
  --c-orange-15:#f59e0b;
  --c-orange-16:#d29a2e;
  --c-orange-17:#d99a1e;
  --c-orange-18:#ea580c;
  --c-orange-19:#d97706;
  --c-orange-20:#8a6d3b;
  --c-orange-21:#b45309;
  --c-orange-22:#a16207;
  --c-orange-23:#92400e;
  --c-orange-24:#78350f;
  --c-orange-25:#3e2a17;
  --c-orange-26:#4a2f00;
  --c-orange-27:#3b2600;
  --c-orange-28:#2a1a00;
  --c-pink-01:#ffb6d9;
  --c-pink-02:#ffa6d9;
  --c-pink-03:#ff8fc7;
  --c-pink-04:#ff6fb5;
  --c-pink-05:#ff3d8a;
  --c-pink-06:#9c5d78;
  --c-pink-07:#7a1550;
  --c-pink-08:#5c1140;
  --c-pink-09:#3b0a24;
  --c-purple-01:#a78bfa;
  --c-purple-02:#c86dff;
  --c-purple-03:#a66cff;
  --c-purple-04:#8b5cf6;
  --c-purple-05:#7c3aed;
  --c-red-01:#fee2e2;
  --c-red-02:#fecaca;
  --c-red-03:#ffb3bf;
  --c-red-04:#f5b5ba;
  --c-red-05:#fca5a5;
  --c-red-06:#ff8080;
  --c-red-07:#fb7185;
  --c-red-08:#f87171;
  --c-red-09:#ff5f6d;
  --c-red-10:#ff5c7a;
  --c-red-11:#ef4444;
  --c-red-12:#d64550;
  --c-red-13:#dc2626;
  --c-red-14:#c2303c;
  --c-red-15:#b91c1c;
  --c-red-16:#8c1d2e;
  --c-red-17:#7f1d1d;
  --c-sky-01:#eff6ff;
  --c-sky-02:#f1f5f9;
  --c-sky-03:#f0f4f8;
  --c-sky-04:#dbeafe;
  --c-sky-05:#e2e8f0;
  --c-sky-06:#d6e4f5;
  --c-sky-07:#d6e0ec;
  --c-sky-08:#bfdbfe;
  --c-sky-09:#bae6fd;
  --c-sky-10:#cbd5e1;
  --c-sky-11:#93c5fd;
  --c-sky-12:#a9c5e0;
  --c-sky-13:#7dbbff;
  --c-sky-14:#60a5fa;
  --c-sky-15:#4fb3f7;
  --c-sky-16:#7f9bba;
  --c-sky-17:#38b6ff;
  --c-sky-18:#38bdf8;
  --c-sky-19:#2b8af3;
  --c-sky-20:#1ea4f6;
  --c-sky-21:#0ea5e9;
  --c-sky-22:#5b7189;
  --c-sky-23:#3a6da8;
  --c-sky-24:#2e6da8;
  --c-sky-25:#1d6fb8;
  --c-sky-26:#0b5bb8;
  --c-sky-27:#2e5c94;
  --c-sky-28:#0369a1;
  --c-sky-29:#1e4f80;
  --c-sky-30:#0f4c81;
  --c-sky-31:#0c4a6e;
  --c-sky-32:#0f2a4a;
  --c-sky-33:#0f2a44;
  --c-sky-34:#082f49;
  --c-sky-35:#06213a;
  --c-sky-36:#06172c;
  --c-sky-37:#0a1420;
  --c-teal-01:#f0fdfa;
  --c-teal-02:#22d3ee;
  --c-teal-03:#2dd4bf;
  --c-teal-04:#14b8a6;
  --c-teal-05:#0f766e;
  --c-teal-06:#022c22;
  --c-white:#ffffff;
  --c-white-01:#f8fafc;
  --c-white-02:#f9fafb;
  --c-white-03:#fff3f8;
  --c-white-04:#fef2f2;
  --c-yellow-01:#fbf3df;
  --c-yellow-02:#f1ece2;
  --c-yellow-03:#f2ead6;
  --c-yellow-04:#fef3c7;
  --c-yellow-05:#f5e7c6;
  --c-yellow-06:#f1d9a6;
  --c-yellow-07:#f5dfa0;
  --c-yellow-08:#fde68a;
  --c-yellow-09:#f7d27a;
  --c-yellow-10:#ffd166;
  --c-yellow-11:#ffe45e;
  --c-yellow-12:#ffd75e;
  --c-yellow-13:#f0c96a;
  --c-yellow-14:#fcd34d;
  --c-yellow-15:#f5c451;
  --c-yellow-16:#fbbf24;
  --c-yellow-17:#d4a947;
  --c-yellow-18:#facc15;
  --c-yellow-19:#c29334;
  --c-yellow-20:#eab308;
  --c-yellow-21:#b98f2f;
  --c-yellow-22:#e0a800;
  --c-yellow-23:#b8860b;
  --c-yellow-24:#9a7a22;
  --c-yellow-25:#2a1e06;
  --c-yellow-26:#2b1d00;
}

/* ============================================================================
   ui-kit.css — تنها منبعِ ظاهرِ اجزای پوسته‌ی آراسته (۱۴۰۵/۷/۲۴ — انتخاب‌های صریحِ مالک)
   ----------------------------------------------------------------------------
   ۲۴ دسته (از «صفحه‌ی انتخاب سبک اجزا»؛ انتخابِ روز و شبِ مالک جدا):
   دکمه‌ها: تأیید نهایی، اقدام اصلی، ثانویه، انصراف، هشدار، جفتِ پاپ‌آپ، غیرفعال، گرد آیکونی، هوش مصنوعی
   ناوبری: منوی کناری، نوار پایین، تب‌ها، نوار بالا
   کادرها: کادر معمولی، کادر ویژه، فیلد ورودی، بوردر، شدتِ سایه
   بقیه: برچسب وضعیت، کلید روشن/خاموش، جدول، قاب پاپ‌آپ، اعلان کوتاه، تاگل روز/شب
   قانون: هر ظاهرِ جدید فقط اینجا عوض می‌شود. صفحه‌ای که باید مستثنا شود کلاسِ «uk-skip» می‌گیرد.
   دانشگاه آراسته (university*.html) عمداً این فایل را لود نمی‌کند (دستورِ مالک — محیطِ بازی).
   ========================================================================== */

/* ---------- توکن‌ها: شب (پیش‌فرضِ سایت) ---------- */
:root{
  --uk-ink:#FFFFFF; --uk-muted:#A9C5E0; --uk-soft:#7F95BB;
  --uk-card-a:#26345D; --uk-card-b:#26345D;
  --uk-edge:rgba(255,255,255,.11); --uk-rim:rgba(0,0,0,.40);
  --uk-amb:rgba(0,0,0,.70); --uk-near:rgba(0,0,0,.30); --uk-con:rgba(0,0,0,.60);
  --uk-ln:rgba(255,255,255,.16);
  --uk-pri:#3D86D6; --uk-pri-ink:#FFFFFF; --uk-pri-sh:rgba(0,0,0,.60);
  --uk-warm:#435689; --uk-warm-ink:#E4EFFC; --uk-warm-rim:rgba(0,0,0,.40); --uk-warm-sh:rgba(0,0,0,.60);
  --uk-acc:#8EC0F9; --uk-acc-side:#3F7FC0; --uk-acc-sh:rgba(46,109,168,.45); --uk-acc-ink:#0B2B4C;
  --uk-dan:#C2303C; --uk-ok:#4ADE80; --uk-wait:#FBBF24; --uk-bad:#F87171;
  --uk-bar-a:#2A3965; --uk-bar-b:#24325A; --uk-bar-rim:rgba(0,0,0,.30);
  --uk-feat:linear-gradient(215deg,#EAF2FB 0%,#8DB8E3 45%,#2E6DA8 100%); --uk-feat-ink:#0B2B4C;
  --uk-field-ink:#FFFFFF;
  --uk-sh-card:0 1.5px 2.5px -1px var(--uk-near),6px 14px 22px -12px var(--uk-amb),2px 4px 8px -4px var(--uk-con);
  --uk-chamfer:inset 2px 2px 0 var(--uk-edge),inset -2px -2px 0 var(--uk-rim);
  --uk-knob:#FFFFFF;
  --uk-nav-act-bg:var(--uk-pri); --uk-nav-act-ink:var(--uk-pri-ink);
  --uk-nav-act-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.22),inset -1.5px -1.5px 0 rgba(0,0,0,.22),0 6px 10px -4px var(--uk-pri-sh);
  --uk-submit-bg:var(--uk-acc); --uk-submit-ink:var(--uk-acc-ink);
  /* دکمه‌های تخت با لبه‌ی فارسی‌بر (بدون کپسول) */
  --uk-capN:#3D86D6; --uk-capN-ink:#FFFFFF;
  --uk-capN-sh:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.30),3px 7px 10px -4px rgba(0,0,0,.6);
  --uk-capL:#435689; --uk-capL-ink:#E4EFFC;
  --uk-capL-sh:inset 2px 2px 0 rgba(255,255,255,.18),inset -2px -2px 0 rgba(0,0,0,.34),3px 7px 10px -4px rgba(0,0,0,.55);
}
/* ---------- توکن‌ها: روز ---------- */
html[data-theme="light"]{
  --uk-ink:#0F2A44; --uk-muted:#5B6B84; --uk-soft:#8B98B0;
  --uk-card-a:#F4F7FB; --uk-card-b:#F4F7FB;
  --uk-edge:rgba(255,255,255,.95); --uk-rim:rgba(15,42,68,.13);
  --uk-amb:rgba(15,42,68,.36); --uk-near:rgba(15,42,68,.12); --uk-con:rgba(10,30,55,.30);
  --uk-ln:rgba(15,42,68,.14);
  --uk-pri:#0F4C81; --uk-pri-ink:#FFFFFF; --uk-pri-sh:rgba(8,32,60,.60);
  --uk-warm:#E6EEF8; --uk-warm-ink:#0F4C81; --uk-warm-rim:rgba(15,76,129,.24); --uk-warm-sh:rgba(15,42,68,.48);
  --uk-ok:#15803D; --uk-wait:#B8860B; --uk-bad:#C2303C;
  --uk-bar-a:#F8FBFE; --uk-bar-b:#FFFFFF; --uk-bar-rim:rgba(15,76,129,.16);
  --uk-feat:linear-gradient(200deg,#1D5590 0%,#12365E 35%,#0E2747 65%,#0B1C34 100%); --uk-feat-ink:#C8DDF5;
  --uk-field-ink:#0F2A44;
  --uk-sh-card:0 2px 3px -1px rgba(0,0,0,.45),4px 10px 14px -6px rgba(0,0,0,.45);
  --uk-nav-act-bg:linear-gradient(180deg,var(--uk-card-a),#EAF0F7); --uk-nav-act-ink:var(--uk-ink);
  --uk-nav-act-sh:inset 2px 2px 0 var(--uk-edge),inset -2px -2px 0 var(--uk-rim),var(--uk-sh-card);
  --uk-submit-bg:var(--uk-pri); --uk-submit-ink:var(--uk-pri-ink);
  --uk-capN:#0F4C81; --uk-capN-ink:#FFFFFF;
  --uk-capN-sh:inset 2px 2px 0 rgba(255,255,255,.30),inset -2px -2px 0 rgba(0,0,0,.28),3px 7px 10px -4px rgba(8,32,60,.6);
  --uk-capL:#E6EEF8; --uk-capL-ink:#0F4C81;
  --uk-capL-sh:inset 2px 2px 0 rgba(255,255,255,.95),inset -2px -2px 0 rgba(15,76,129,.22),3px 7px 10px -4px rgba(15,42,68,.45);
}

/* ---------- ۱.۵) هر دکمه‌ی دیگری که کلاسش «btn» دارد: ثانویه‌ی روشنِ کپسولی (وزن صفر؛ همه‌ی قاعده‌های بعدی مقدم‌اند) ---------- */
:where(button[class*="btn"],a[class*="btn"],button.chip-btn):where(:not(.uk-skip,[class*="fab"],[class*="close"],[class*="toggle"],[class*="link"],.mbn-item,.btn-ai-gradient,.sidebar-nav-item,.view-tab-btn,.tab-btn,.sub-tab-btn,.period-tab-btn,.nav-btn,.mode-btn,.scope-switch-btn,.ai-gradient-icon,[class*="swatch"],[class*="star"],[class*="reaction"],[class*="emoji"])){
  background:var(--uk-capL) !important; color:var(--uk-capL-ink) !important; border:0 !important; border-radius:12px !important;
  box-shadow:var(--uk-capL-sh) !important;
}

/* ---------- ۱) فیلد ورودی (کادر روشن برجسته) ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="image"]):not(.uk-skip),
select:not(.uk-skip), textarea:not(.uk-skip){
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important;
  color:var(--uk-field-ink) !important;
  border:0 !important; border-radius:16px !important;
  box-shadow:var(--uk-sh-card) !important;
}
input:not(.uk-skip)::placeholder, textarea:not(.uk-skip)::placeholder{color:var(--uk-soft) !important;opacity:1}
input:not(.uk-skip):focus, select:not(.uk-skip):focus, textarea:not(.uk-skip):focus{
  outline:0 !important;
  box-shadow:var(--uk-sh-card),0 0 0 3px color-mix(in srgb,var(--uk-pri) 32%,transparent) !important;
}
select:not(.uk-skip) option{background:#FFFFFF;color:#0F2A44}

/* ---------- ۲) دکمه‌های کپسولیِ مشترک ---------- */
.btn-primary,.btn.primary,.pulse-submit,.okr-btn-primary,.prompt-modal-copy,.partner-share-link-row button,.inv-goal-actions button.primary,.rp-btn-reward,
.btn-outline,.otp-toggle-btn,.btn.secondary,.btn.ghost,.btn-secondary,.btn-ghost,.btn-sm.ghost,.btn-cancel,.cancel-btn,
.btn-danger,.btn.danger,.btn-delete,.delete-btn,.danger-btn,
.submit-btn,.save-btn,.btn-save,.btn-submit,
.quick-action-btn,.suggest-btn,.shift-btn{
  border-radius:12px !important; border:0 !important; font-weight:800;
  transition:transform .15s,box-shadow .15s;
}
/* اقدام اصلی: سرمه‌ای/آبیِ تخت با لبه‌ی فارسی‌بر */
.btn-primary,.btn.primary,.pulse-submit,.okr-btn-primary,.prompt-modal-copy,.partner-share-link-row button,.inv-goal-actions button.primary,.rp-btn-reward{
  background:var(--uk-capN) !important; color:var(--uk-capN-ink) !important;
  box-shadow:var(--uk-capN-sh) !important;
}
/* تأیید نهایی: روز = سرمه‌ای تخت، شب = آبیِ تأکیدی با ضخامت */
.submit-btn,.save-btn,.btn-save,.btn-submit{
  background:var(--uk-submit-bg) !important; color:var(--uk-submit-ink) !important;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.3),inset -1.5px -1.5px 0 rgba(0,0,0,.14),0 2px 2.5px -.5px var(--uk-pri-sh),2px 9px 13px -5px var(--uk-pri-sh) !important;
}
html:not([data-theme="light"]) .submit-btn,html:not([data-theme="light"]) .save-btn,html:not([data-theme="light"]) .btn-save,html:not([data-theme="light"]) .btn-submit{
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.5),inset -1.5px -1.5px 0 rgba(0,0,0,.12),0 4px 0 var(--uk-acc-side),2px 11px 12px -5px var(--uk-acc-sh) !important;
  margin-bottom:4px;
}
/* ثانویه و انصراف: روشنِ ملایم */
.btn-outline,.otp-toggle-btn,.btn.secondary,.btn.ghost,.btn-secondary,.btn-ghost,.btn-sm.ghost,.btn-cancel,.cancel-btn,.quick-action-btn,.suggest-btn,.shift-btn{
  background:var(--uk-capL) !important; color:var(--uk-capL-ink) !important;
  box-shadow:var(--uk-capL-sh) !important;
}
/* هشدار / حذف */
.btn-danger,.btn.danger,.btn-delete,.delete-btn,.danger-btn{
  background:var(--uk-dan) !important; color:#fff !important;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.22),inset -1.5px -1.5px 0 rgba(0,0,0,.22),0 2px 2.5px -.5px rgba(80,10,18,.6),2px 9px 13px -5px rgba(80,10,18,.6) !important;
}
.btn-primary:hover,.btn-outline:hover,.btn-danger:hover,.btn-secondary:hover,.submit-btn:hover,.save-btn:hover{transform:translateY(-1px)}
.btn-primary:active,.btn-outline:active,.btn-danger:active,.btn-secondary:active,.submit-btn:active,.save-btn:active{transform:translateY(2px)}
/* غیرفعال: فرورفته */
.btn-primary:disabled,.btn-outline:disabled,.btn-danger:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.submit-btn:disabled,.save-btn:disabled,.pulse-submit:disabled{
  background:var(--uk-card-b) !important; color:var(--uk-soft) !important; opacity:.8; cursor:not-allowed; transform:none;
  box-shadow:inset 2px 2px 5px rgba(0,0,0,.18),inset -1px -1px 0 var(--uk-edge) !important;
}
/* گرد آیکونی */
.icon-btn,.pbv-icon-btn{
  border-radius:50% !important; border:0 !important;
  background:var(--uk-pri) !important; color:var(--uk-pri-ink) !important;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.22),inset -1.5px -1.5px 0 rgba(0,0,0,.22),0 6px 10px -4px var(--uk-pri-sh) !important;
}
/* هوش مصنوعی: سفید/کارتی با قابِ گرادیانِ هفت‌رنگ */
.btn-ai-gradient{
  background:linear-gradient(var(--uk-card-a),var(--uk-card-a)) padding-box,linear-gradient(90deg,#FF5F6D,#FFC371,#47CF73,#38B6FF,#A66CFF) border-box !important;
  border:2px solid transparent !important; color:var(--uk-ink) !important; text-shadow:none !important;
  border-radius:12px !important; animation:none !important; box-shadow:var(--uk-sh-card) !important;
}
.ai-gradient-icon{border:0}

/* ---------- ۳) کادرها: کادر معمولی (لبه‌ی فارسی‌بر ۲px + سایه) ---------- */
.card,.stats-card,.tool-card,.panel-card,.rank-card,.arasteh-card,.mini-card,.listing-card,.applicant-card,.score-card,.role-card,.property-card,
.morning-card,.ind-card,.equiv-card,.pcard,.dup-match-card,.dm-advisor-card,.suggest-group-card,.end-card,.capsule-card,.admin-top-card,
.inv-goal-card,.pos-asset-card,.notif-queue-item,.training-item,.results-test-block,.page-header-title-card{
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important;
  border:0 !important; border-radius:24px !important;
  box-shadow:var(--uk-chamfer),var(--uk-sh-card) !important;
}
/* کادر ویژه */
.big-card,.featured-card,.hero-card,.star-card{
  background:var(--uk-feat) !important; color:var(--uk-feat-ink) !important;
  border:0 !important; border-radius:22px !important;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.14),inset -2px -2px 0 rgba(0,0,0,.3),var(--uk-sh-card) !important;
}

/* ---------- ۴) منوی کناری: روز = کادر روشن برجسته، شب = کادر سرمه‌ای فارسی‌بر ---------- */
.sidebar-nav-item.active,.dashboard-sidebar .sidebar-nav-item.active,.admin-sidebar .sidebar-nav-item.active{
  background:var(--uk-nav-act-bg) !important; color:var(--uk-nav-act-ink) !important;
  border-radius:14px !important; box-shadow:var(--uk-nav-act-sh) !important;
}
html:not([data-theme="light"]) .sidebar-nav-item.active{border-radius:12px !important}
.sidebar-nav-item.active .tool-help{color:inherit !important;opacity:.75}
.sidebar-nav-item:not(.active){background:var(--uk-card-a) !important; border-radius:12px !important; box-shadow:var(--uk-chamfer) !important; color:var(--uk-muted) !important}
.sidebar-nav-item:hover:not(.active){background:color-mix(in srgb,var(--uk-pri) 10%,transparent) !important}

/* ---------- ۵) نوار پایین: نوارِ فارسی‌بر + موردِ فعالِ کادری ---------- */
.mobile-bottom-nav.mbn-v2 .mbn-pill{
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important; border-radius:18px !important;
  box-shadow:var(--uk-chamfer),0 1.5px 2.5px -1px var(--uk-near),5px 14px 20px -10px var(--uk-amb) !important;
}
.mobile-bottom-nav.mbn-v2 .mbn-item.active{
  color:var(--uk-pri-ink) !important; background:var(--uk-pri); border-radius:12px; padding:6px 0 !important;
}
.mobile-bottom-nav.mbn-v2 .mbn-item{color:var(--uk-muted) !important}
.bottom-nav{
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important;
  box-shadow:var(--uk-chamfer),0 -4px 16px var(--uk-near) !important; border-top:0 !important;
}
.bottom-nav .nav-btn.active,.nav-btn.active{
  color:var(--uk-pri-ink) !important; background:var(--uk-pri) !important; border-radius:12px !important;
}

/* ---------- ۶) تب‌ها: نوارِ فرورفته با موردِ برجسته ---------- */
.view-tabs,.sub-tabs,.period-tabs,.scope-switch,.txn-toggle,.source-toggle,.mode-toggle{
  background:var(--uk-card-b) !important; border:0 !important; border-radius:14px !important;
  box-shadow:inset 3px 3px 6px var(--uk-near),inset -2px -2px 0 var(--uk-edge),inset 2px 2px 0 var(--uk-rim) !important; padding:4px !important; gap:3px !important;
}
.view-tab-btn:not(.sidebar-nav-item),.sub-tab-btn,.tab-btn,.subtab,.period-tab-btn,.scope-switch-btn,.mode-btn{
  border:0 !important; border-bottom:0 !important; border-radius:10px !important;
  background:var(--uk-card-a) !important; box-shadow:var(--uk-chamfer) !important; color:var(--uk-muted) !important;
}
.view-tab-btn.active:not(.sidebar-nav-item),.sub-tab-btn.active,.tab-btn.active,.subtab.active,.period-tab-btn.active,.scope-switch-btn.active,.mode-btn.active{
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-warm)) !important; color:var(--uk-ink) !important;
  box-shadow:var(--uk-chamfer),3px 6px 9px -3px var(--uk-amb) !important; transform:translateY(-1px);
}

/* ---------- ۷) نوار بالا ---------- */
.top-header{
  background:linear-gradient(270deg,var(--uk-bar-a),var(--uk-bar-b)) !important;
  color:var(--uk-ink) !important;
  box-shadow:inset 2px 2px 0 var(--uk-edge),inset -2px -2px 0 var(--uk-bar-rim),4px 10px 16px -8px var(--uk-amb) !important;
  border:0 !important;
}
.top-header a,.top-header .desktop-nav a{color:var(--uk-ink) !important}

/* ---------- ۸) برچسب وضعیت: برجسته با نقطه‌ی رنگی ---------- */
.status-chip,.status-badge,.stat-chip,.recruit-status-badge,.notif-status-pill,.test-status-pill{
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important; color:var(--uk-ink) !important;
  border:0 !important; border-radius:10px !important; box-shadow:var(--uk-chamfer),var(--uk-sh-card) !important;
}
.status-chip::before,.status-badge::before,.recruit-status-badge::before{
  content:""; display:inline-block; width:8px; height:8px; border-radius:50%; margin-inline-end:6px; vertical-align:middle; background:var(--uk-ok);
}
.status-chip.pending::before,.status-badge.pending::before,.status-chip.wait::before{background:var(--uk-wait)}
.status-chip.rejected::before,.status-badge.rejected::before,.status-chip.bad::before{background:var(--uk-bad)}

/* ---------- ۹) کلید روشن/خاموش: فرورفته با دستگیره‌ی قرصی ---------- */
.notif-switch-slider{background:var(--uk-card-b) !important; box-shadow:inset 2px 2px 5px rgba(0,0,0,.18) !important; border:0 !important}
.notif-switch-slider::before,.notif-switch-slider::after{background:linear-gradient(180deg,#fff,#E2E5EC) !important; box-shadow:3px 5px 7px -2px rgba(0,0,0,.45) !important}
.notif-switch input:checked + .notif-switch-slider,.master-switch.on,.master-switch input:checked + span{background:var(--uk-pri) !important}

/* ---------- ۱۰) جدول: ردیف‌های کارتی ---------- */
.rounded-table,.re-table,.league-table,.ttr-ss-table,.data-table{border-collapse:separate !important;border-spacing:0 6px !important;background:transparent !important}
.rounded-table td,.re-table td,.league-table td,.ttr-ss-table td,.data-table td{
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important; border:0 !important;
  box-shadow:0 3px 6px -3px var(--uk-con) !important;
}
.rounded-table td:first-child,.re-table td:first-child,.league-table td:first-child,.ttr-ss-table td:first-child,.data-table td:first-child{border-radius:0 12px 12px 0 !important}
.rounded-table td:last-child,.re-table td:last-child,.league-table td:last-child,.ttr-ss-table td:last-child,.data-table td:last-child{border-radius:12px 0 0 12px !important}

/* ---------- ۱۱) قاب پاپ‌آپ: کادر برجسته با گوشه‌ی بزرگ ---------- */
.crm-modal,.ed-modal,.modal-box,.modal-content,.prompt-modal,.popup-box{
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important; color:var(--uk-ink) !important;
  border:0 !important; border-radius:24px !important;
  box-shadow:var(--uk-chamfer),0 24px 44px -12px rgba(0,0,0,.45) !important;
}

/* ---------- ۱۲) اعلان کوتاه: کپسولِ تیره ---------- */
.toast{
  background:linear-gradient(180deg,#17304F,#0E2240) !important; color:#fff !important;
  border:0 !important; border-radius:12px !important; box-shadow:0 12px 18px -8px rgba(0,0,0,.5) !important;
}

/* تاگل روز/شب: خورشید و ماه — فقط در theme.js (injectStyles) */

@media (prefers-reduced-motion:reduce){.btn-primary,.btn-outline,.btn-danger,.submit-btn{transition:none !important}}


/* ---------- قرصِ سفیدِ سیقلی (فقط دکمه‌ی راهنما و یکی‌دو جای ویژه) ---------- */
.uk-pill-white,.btn-ai-gradient.uk-pill-white{
  background:radial-gradient(120% 140% at 50% 30%,#FFFFFF 0%,#F1F5FA 55%,#D5DFEC 100%) !important; color:#0F2A44 !important;
  border:0 !important; border-radius:999px !important; animation:none !important;
  box-shadow:inset 0 3px 3px #fff,inset 0 -7px 10px rgba(15,76,129,.18),inset 6px 0 9px -4px rgba(15,76,129,.12),inset -6px 0 9px -4px rgba(15,76,129,.12),0 5px 7px -2px rgba(0,0,0,.45),0 0 22px rgba(0,0,0,.22),0 16px 22px -8px rgba(0,0,0,.45) !important;
}

/* ---------- فرورفته‌ی فارسی‌بر (نوار مشخصات کارت فایل، کادر مشاور) ---------- */
.uk-inset{
  background:var(--uk-card-b) !important; border:0 !important; border-radius:12px !important;
  box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge) !important;
}

/* کارت فایل: نوار مشخصات و کادر مشاور = فرورفته‌ی فارسی‌بر */
.property-specs,.listing-agent-contact{
  background:var(--uk-card-b) !important; border:0 !important; border-radius:12px !important;
  box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge) !important;
}
.property-specs{padding:12px 8px !important}
.listing-agent-contact{padding:8px 10px !important}

/* ============================================================================
   اجزای تازه‌ی پوسته (۱۴۰۵/۷/۲۶) — فقط کلاس‌های uk-*؛ نمونه‌ی زنده‌شان: ui-kit-sheet.html
   ========================================================================== */
.uk-raised{background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b));border-radius:14px;box-shadow:var(--uk-chamfer),var(--uk-sh-card);color:var(--uk-ink)}
.uk-inset{color:var(--uk-ink)}
/* چک‌باکس و رادیو */
.uk-check,.uk-radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--uk-ink);font-size:13px}
.uk-check input,.uk-radio input{position:absolute;opacity:0;pointer-events:none}
.uk-check i,.uk-radio i{width:22px;height:22px;border-radius:7px;background:var(--uk-card-b);box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge);display:inline-block;position:relative;flex:none}
.uk-radio i{border-radius:50%}
.uk-check input:checked + i,.uk-radio input:checked + i{background:var(--uk-pri);box-shadow:var(--uk-chamfer)}
.uk-check input:checked + i::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--uk-pri-ink);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}
.uk-radio input:checked + i::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--uk-pri-ink)}
.uk-check input:focus-visible + i,.uk-radio input:focus-visible + i{outline:2px solid var(--uk-acc);outline-offset:2px}
/* کلید روشن/خاموش و کلید گرد */
.uk-switch{position:relative;display:inline-block;width:54px;height:28px;flex:none}
.uk-switch input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:2;margin:0}
.uk-switch i{position:absolute;inset:0;border-radius:10px;background:var(--uk-card-b);box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge);transition:background .2s}
.uk-switch i::after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:8px;background:linear-gradient(180deg,#fff,#DDE4EE);box-shadow:2px 4px 6px -2px rgba(0,0,0,.5);transition:right .2s}
.uk-switch input:checked + i{background:var(--uk-pri)}
.uk-switch input:checked + i::after{right:29px}
.uk-switch.round i,.uk-switch.round i::after{border-radius:999px}
/* تب دوحالته */
.uk-seg{display:flex;padding:4px;gap:3px;border-radius:14px;background:var(--uk-card-b);box-shadow:inset 3px 3px 6px var(--uk-near),inset -2px -2px 0 var(--uk-edge),inset 2px 2px 0 var(--uk-rim)}
.uk-seg button{flex:1;border:0;border-radius:10px;padding:8px 12px;background:transparent;color:var(--uk-muted);font:700 13px inherit;font-family:inherit;cursor:pointer}
.uk-seg button.on{background:linear-gradient(180deg,var(--uk-card-a),var(--uk-warm));color:var(--uk-ink);box-shadow:var(--uk-chamfer),3px 6px 9px -3px var(--uk-amb)}
/* اسلایدر و نوار پیشرفت */
.uk-range{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:8px;background:var(--uk-card-b);box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge);outline:0}
.uk-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:9px;background:var(--uk-pri);box-shadow:var(--uk-chamfer),3px 6px 8px -2px var(--uk-pri-sh)}
.uk-range::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:9px;background:var(--uk-pri);box-shadow:var(--uk-chamfer)}
.uk-progress{height:14px;border-radius:8px;background:var(--uk-card-b);box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge);overflow:hidden}
.uk-progress b{display:block;height:100%;border-radius:8px;background:var(--uk-pri);box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.25)}
/* نمودار میله‌ای و عمودی و مایع */
.uk-bars{display:flex;align-items:flex-end;gap:8px;height:96px;padding:10px;border-radius:12px;background:var(--uk-card-b);box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge)}
.uk-bars span{flex:1;border-radius:8px 8px 4px 4px;background:var(--uk-pri);opacity:.45;box-shadow:inset 2px 2px 0 rgba(255,255,255,.25)}
.uk-bars span.on{opacity:1}
.uk-liquid{position:relative;width:54px;height:110px;border-radius:27px;background:var(--uk-card-b);box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge);overflow:hidden}
.uk-liquid b{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--uk-acc),var(--uk-pri))}
/* آواتار، تولتیپ، هشدار، اسکلت، اسپینر، خالی */
.uk-avatar{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;background:var(--uk-pri);color:var(--uk-pri-ink);font-weight:800;box-shadow:var(--uk-chamfer)}
.uk-tip{position:relative;display:inline-block;padding:6px 12px;border-radius:9px;background:#0E2240;color:#fff;font-size:12px;box-shadow:2px 5px 9px -3px rgba(0,0,0,.5)}
.uk-alert{display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:12px;background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b));box-shadow:var(--uk-chamfer),var(--uk-sh-card);color:var(--uk-ink);font-size:13px;border-inline-start:4px solid var(--uk-ok)}
.uk-alert.warn{border-inline-start-color:var(--uk-wait)}.uk-alert.bad{border-inline-start-color:var(--uk-bad)}
.uk-skeleton{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--uk-card-b),var(--uk-edge),var(--uk-card-b));background-size:200% 100%;animation:uk-sk 1.4s linear infinite}
@keyframes uk-sk{to{background-position:-200% 0}}
.uk-spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--uk-ln);border-top-color:var(--uk-pri);animation:uk-sp .8s linear infinite}
@keyframes uk-sp{to{transform:rotate(360deg)}}
.uk-empty{text-align:center;color:var(--uk-muted);padding:18px;border-radius:14px;box-shadow:inset 3px 3px 6px var(--uk-near),inset 2px 2px 0 var(--uk-rim),inset -2px -2px 0 var(--uk-edge);background:var(--uk-card-b)}
/* ناوبری: مسیر صفحه، صفحه‌بندی */
.uk-crumbs{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--uk-muted)}
.uk-crumbs b{color:var(--uk-ink)}
.uk-pager{display:flex;gap:6px}
.uk-pager button{width:34px;height:34px;border:0;border-radius:10px;background:var(--uk-card-a);color:var(--uk-muted);font-weight:700;font-family:inherit;box-shadow:var(--uk-chamfer);cursor:pointer}
.uk-pager button.on{background:var(--uk-pri);color:var(--uk-pri-ink)}
@media (prefers-reduced-motion:reduce){.uk-skeleton,.uk-spinner{animation:none}}

/* ============================================================================
   پوسته‌ی کپسولی (۱۴۰۵/۷/۲۶ — شیتِ «پوسته کپسولی»؛ تصمیمِ تازه‌ی مالک، جایگزینِ «کپسول ممنوع»)
   ----------------------------------------------------------------------------
   * همه‌ی مقدارها توکن‌اند: گوشه‌ها (--uk-r-*)، پس‌زمینه (--uk-page/--uk-glow*) و سه نوعِ دکمه.
     کدهای رنگ فعلاً پالتِ «سایت»ِ خودِ شیت‌اند؛ پالتِ نهایی فقط با عوض‌کردنِ بلوکِ توکن‌های بالای فایل.
   * سه دکمه: اصلی = تختِ مات (pri) · ثانویه = گنبدی (warm) · تأکیدی/تأیید = تخت با ضخامت (acc).
   * این بلوک عمداً آخرِ فایل است تا بدونِ دست‌زدن به قاعده‌های بالا مقدم باشد.
   ========================================================================== */
:root{
  --uk-r-btn:999px; --uk-r-card:24px; --uk-r-panel:20px; --uk-r-field:20px; --uk-r-chip:999px;
  --uk-page:#141B30; --uk-glow:rgba(96,165,250,.14); --uk-glow2:rgba(255,255,255,.03);
  --uk-panel-a:#1F2847; --uk-panel-b:#1A2240;
  --uk-dome:radial-gradient(120% 140% at 50% 25%,rgba(255,255,255,.14) 0%,transparent 60%);
}
html[data-theme="light"]{
  --uk-page:#E3E9F1; --uk-glow:rgba(96,165,250,.32); --uk-glow2:rgba(255,255,255,.85);
  --uk-panel-a:#EBF0F6; --uk-panel-b:#DEE5EE;
  --uk-dome:radial-gradient(120% 140% at 50% 25%,rgba(255,255,255,.85) 0%,transparent 62%);
}
/* پس‌زمینه‌ی چندلایه (نور شعاعی گوشه‌ای + رنگ صفحه) هم‌خانواده‌ی دکمه‌های سه‌بعدی */
html:not(:has(link[href*="club-bg.css"])) body:not(.uk-skip):not([style*="background"]){
  background-color:var(--uk-page) !important;
  background-image:radial-gradient(circle at 0% 42%,var(--uk-glow),transparent 42%),radial-gradient(circle at 100% 0%,var(--uk-glow2),transparent 40%) !important;
  background-attachment:fixed;
}
/* گوشه‌ها */
.btn-primary,.btn.primary,.pulse-submit,.okr-btn-primary,.prompt-modal-copy,.partner-share-link-row button,.inv-goal-actions button.primary,.rp-btn-reward,
.btn-outline,.otp-toggle-btn,.btn.secondary,.btn.ghost,.btn-secondary,.btn-ghost,.btn-sm.ghost,.btn-cancel,.cancel-btn,
.btn-danger,.btn.danger,.btn-delete,.delete-btn,.danger-btn,.submit-btn,.save-btn,.btn-save,.btn-submit,
.quick-action-btn,.suggest-btn,.shift-btn,.btn-ai-gradient{border-radius:var(--uk-r-btn) !important}
:where(button[class*="btn"],a[class*="btn"],button.chip-btn):where(:not(.uk-skip,[class*="fab"],[class*="close"],[class*="toggle"],[class*="link"],.mbn-item,.btn-ai-gradient,.sidebar-nav-item,.view-tab-btn,.tab-btn,.sub-tab-btn,.period-tab-btn,.nav-btn,.mode-btn,.scope-switch-btn,.ai-gradient-icon,[class*="swatch"],[class*="star"],[class*="reaction"],[class*="emoji"])){border-radius:var(--uk-r-btn) !important}
/* ثانویه: گنبدی مثلِ بالش (وسط روشن، دورتادور سایه‌ی داخلی) */
.btn-outline,.otp-toggle-btn,.btn.secondary,.btn.ghost,.btn-secondary,.btn-ghost,.btn-sm.ghost,.btn-cancel,.cancel-btn,.quick-action-btn,.suggest-btn,.shift-btn,
:where(button[class*="btn"],a[class*="btn"],button.chip-btn):where(:not(.uk-skip,[class*="fab"],[class*="close"],[class*="toggle"],[class*="link"],.mbn-item,.btn-ai-gradient,.sidebar-nav-item,.view-tab-btn,.tab-btn,.sub-tab-btn,.period-tab-btn,.nav-btn,.mode-btn,.scope-switch-btn,.ai-gradient-icon,[class*="swatch"],[class*="star"],[class*="reaction"],[class*="emoji"])){
  background-image:var(--uk-dome) !important;
}
/* تأکیدی/تأیید: تخت + ضخامتِ دیده‌شده‌ی بدنه (مثلِ سکه)؛ در روز هم مثلِ شب */
.submit-btn,.save-btn,.btn-save,.btn-submit,.uk-cap-acc{
  background:var(--uk-acc) !important; color:var(--uk-acc-ink) !important; margin-bottom:4px;
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.5),inset -1.5px -1.5px 0 rgba(0,0,0,.12),0 4px 0 var(--uk-acc-side),2px 11px 12px -5px var(--uk-acc-sh) !important;
}
html[data-theme="light"] .submit-btn,html[data-theme="light"] .save-btn,html[data-theme="light"] .btn-save,html[data-theme="light"] .btn-submit{
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.5),inset -1.5px -1.5px 0 rgba(0,0,0,.12),0 4px 0 var(--uk-acc-side),2px 11px 12px -5px var(--uk-acc-sh) !important;
}
.submit-btn:active,.save-btn:active,.btn-save:active,.btn-submit:active,.uk-cap-acc:active{transform:translateY(3px);box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.5),inset -1.5px -1.5px 0 rgba(0,0,0,.12),0 1px 0 var(--uk-acc-side) !important}
/* کلاس‌های صریحِ سه‌گانه برای دکمه‌ی تازه */
.uk-cap-pri,.uk-cap-warm,.uk-cap-acc{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding-inline:24px;border:0;border-radius:var(--uk-r-btn);font:700 13px inherit;font-family:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}
.uk-cap-pri{background:var(--uk-capN);color:var(--uk-capN-ink);box-shadow:var(--uk-capN-sh)}
.uk-cap-warm{background:var(--uk-capL);color:var(--uk-capL-ink);box-shadow:var(--uk-capL-sh)}
.uk-cap-pri:hover,.uk-cap-warm:hover{transform:translateY(-1px)}
.uk-cap-pri:active,.uk-cap-warm:active{transform:translateY(1px)}
/* کارت/فیلد/پاپ‌آپ/چیپ با توکن گوشه */
.card,.stats-card,.tool-card,.panel-card,.rank-card,.arasteh-card,.mini-card,.listing-card,.applicant-card,.score-card,.role-card,.property-card,
.morning-card,.ind-card,.equiv-card,.pcard,.dup-match-card,.dm-advisor-card,.suggest-group-card,.end-card,.capsule-card,.admin-top-card,
.inv-goal-card,.pos-asset-card,.notif-queue-item,.training-item,.results-test-block,.page-header-title-card,
.crm-modal,.ed-modal,.modal-box,.modal-content,.prompt-modal,.popup-box{border-radius:var(--uk-r-card) !important}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="image"]):not(.uk-skip),
select:not(.uk-skip),textarea:not(.uk-skip){border-radius:var(--uk-r-field) !important}
.status-chip,.status-badge,.stat-chip,.recruit-status-badge,.notif-status-pill,.test-status-pill{border-radius:var(--uk-r-chip) !important}
/* نوار بالا و پایین: گردِ کامل */
.mobile-bottom-nav.mbn-v2 .mbn-pill{border-radius:999px !important}

/* ---------- حالتِ «انتخاب‌شده» برای دکمه‌های انتخابی (۱۴۰۵/۷/۲۷، دستورِ صریحِ مالک) ----------
   قاعده‌ی ۱.۵ هر دکمه‌ای را که کلاسش «btn» دارد (مثلِ .num-pick-btn در نبضِ مشاور،
   انتخابِ تعداد خواب و …) با !important «ثانویه‌ی روشن» می‌کند و استایلِ .active/.selected
   خودِ صفحه را می‌بلعید؛ پس گزینه‌ی انتخاب‌شده با انتخاب‌نشده یکی دیده می‌شد.
   این قاعده بعد از همه می‌آید و گزینه‌ی انتخاب‌شده را همیشه «سرمه‌ای پررنگ + نوشته‌ی
   سفید» می‌کند. تب‌ها (.tab-btn و …) قاعده‌ی خودشان را دارند و اینجا نیستند. */
:is(button,a,label,[role="button"])[class*="btn"]:is(.active,.selected,.is-active,.is-selected,.checked,.chosen,.on,.sel,.picked,[aria-pressed="true"],[aria-checked="true"],[aria-selected="true"]):not(.uk-skip,.mbn-item,.sidebar-nav-item,.view-tab-btn,.tab-btn,.sub-tab-btn,.period-tab-btn,.nav-btn,.mode-btn,.scope-switch-btn){
  background:var(--uk-capN) !important;
  color:var(--uk-capN-ink) !important; font-weight:900 !important;
  box-shadow:var(--uk-capN-sh) !important;
}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۱: دکمه‌ها (۱۴۰۵/۷/۲۷ — طبقِ «پیش‌نمایش پوسته‌ی آبی»، تأییدِ مالک)
   ----------------------------------------------------------------------------
   فقط توکن‌های دکمه عوض می‌شوند؛ هر دکمه‌ی سایت از همین سه قالب می‌خواند:
     اصلی (btn-primary…)        = --uk-capN  (گرادیانتِ آبی آسمانی)
     فرعی/انصراف (btn-outline…)  = --uk-capL  (نرم؛ روز سفید-آبی، شب آبیِ تیره)
     تأیید نهایی (submit/save…)  = --uk-confirm-*  (روز آبیِ پررنگ، شب سفید — وارونه)
   ========================================================================== */
:root{
  --uk-capN:linear-gradient(135deg,#2B8AF3,#8CC3FB); --uk-capN-ink:#FFFFFF;
  --uk-capN-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -2px 0 rgba(0,70,160,.28),0 10px 20px -8px rgba(13,134,248,.45);
  --uk-capL:linear-gradient(180deg,#12406A,#0B3157); --uk-capL-ink:#DCEBFC;
  --uk-capL-sh:inset 1.5px 1.5px 0 rgba(160,205,255,.14),inset -1.5px -1.5px 0 rgba(0,8,20,.55),0 8px 18px -8px rgba(0,6,16,.7);
  --uk-dome:var(--uk-capL);
  --uk-confirm-bg:linear-gradient(180deg,#FFFFFF,#DCE9F8); --uk-confirm-ink:#00203A;
  --uk-confirm-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.7),inset -1.5px -1.5px 0 rgba(0,40,90,.18),0 10px 20px -8px rgba(0,10,25,.6);
}
html[data-theme="light"]{
  --uk-capN:linear-gradient(135deg,#2B8AF3,#8CC3FB); --uk-capN-ink:#FFFFFF;
  --uk-capN-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.55),inset -1.5px -2px 0 rgba(0,70,160,.28),0 10px 20px -8px rgba(13,134,248,.38);
  --uk-capL:linear-gradient(180deg,#FFFFFF,#EAF1FA); --uk-capL-ink:#0B4F9E;
  --uk-capL-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1.5px -1.5px 0 rgba(15,42,70,.10),0 8px 18px -8px rgba(15,42,70,.22);
  --uk-confirm-bg:linear-gradient(180deg,#0B5BB8,#07448F); --uk-confirm-ink:#FFFFFF;
  --uk-confirm-sh:inset 1.5px 1.5px 0 rgba(255,255,255,.35),inset -1.5px -1.5px 0 rgba(0,0,0,.25),0 10px 20px -8px rgba(7,50,110,.45);
}
html:not(#uk) :is(.submit-btn,.save-btn,.btn-save,.btn-submit,.uk-cap-acc){
  background:var(--uk-confirm-bg) !important; color:var(--uk-confirm-ink) !important;
  box-shadow:var(--uk-confirm-sh) !important; margin-bottom:0 !important;
}
html:not(#uk) :is(.submit-btn,.save-btn,.btn-save,.btn-submit,.uk-cap-acc):active{transform:translateY(1px);box-shadow:var(--uk-confirm-sh) !important}
html:not(#uk) :is(.icon-btn,.pbv-icon-btn){background:var(--uk-capL) !important;color:var(--uk-capL-ink) !important;box-shadow:var(--uk-capL-sh) !important}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۲: کادرها (کارت معمولی، ویژه، آمار، لیست، پاپ‌آپ)
   فقط توکن‌های سطح؛ هر کارتِ سایت از همین‌ها می‌خواند. روز: #FFFFFF→#F5F7FB، شب: #0C3050→#082744.
   ========================================================================== */
:root{
  --uk-card-a:#0C3050; --uk-card-b:#082744;
  --uk-edge:rgba(160,205,255,.12); --uk-rim:rgba(0,8,20,.55);
  --uk-amb:rgba(0,6,16,.70); --uk-near:rgba(0,6,16,.40); --uk-con:rgba(0,6,16,.60);
  --uk-sh-card:0 2px 4px -1px var(--uk-near),0 10px 24px -10px var(--uk-amb);
  --uk-feat:linear-gradient(135deg,#1F86F2,#6CB4FB); --uk-feat-ink:#FFFFFF;
}
html[data-theme="light"]{
  --uk-card-a:#FFFFFF; --uk-card-b:#F5F7FB;
  --uk-edge:rgba(255,255,255,.95); --uk-rim:rgba(15,42,70,.10);
  --uk-amb:rgba(15,42,70,.18); --uk-near:rgba(15,42,70,.10); --uk-con:rgba(15,42,70,.14);
  --uk-sh-card:0 2px 4px -1px var(--uk-near),0 10px 24px -10px var(--uk-amb);
  --uk-feat:linear-gradient(135deg,#1F86F2,#6CB4FB); --uk-feat-ink:#FFFFFF;
}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۳: بردرها (فیلد، فوکوس، پاپ‌آپ، کادر خط‌چین)
   بردر استاندارد = ۱px با --uk-line (روز #E5ECF5، شب آبیِ روشنِ کم‌رنگ)؛ فوکوس = بردر آسمانی + حلقه‌ی ۴px.
   ========================================================================== */
:root{ --uk-line:rgba(160,205,255,.18); --uk-ln:var(--uk-line); --uk-sky:#3AA0FF; --uk-field-bg:#0A2B49; }
html[data-theme="light"]{ --uk-line:#E5ECF5; --uk-ln:var(--uk-line); --uk-sky:#0D86F8; --uk-field-bg:#FFFFFF; }
html:not(#uk) :is(input:not([type="checkbox"],[type="radio"],[type="range"],[type="file"],[type="color"],[type="submit"],[type="button"],[type="hidden"],[type="image"],.uk-skip),select:not(.uk-skip),textarea:not(.uk-skip)){
  background:var(--uk-field-bg) !important; border:1px solid var(--uk-line) !important;
  box-shadow:inset 2px 2px 5px var(--uk-near),inset -1.5px -1.5px 0 var(--uk-edge) !important;
}
html:not(#uk) :is(input:not([type="checkbox"],[type="radio"],[type="range"],[type="file"],[type="color"],[type="submit"],[type="button"],[type="hidden"],[type="image"],.uk-skip),select:not(.uk-skip),textarea:not(.uk-skip)):focus{
  border-color:var(--uk-sky) !important;
  box-shadow:inset 2px 2px 5px var(--uk-near),0 0 0 4px color-mix(in srgb,var(--uk-sky) 25%,transparent) !important;
}
html:not(#uk) :is(input,select,textarea):is(:invalid[required]:not(:placeholder-shown),.err,.error,.is-invalid){border-color:var(--uk-bad) !important}
html:not(#uk) :is(.crm-modal,.ed-modal,.modal-box,.modal-content,.prompt-modal,.popup-box){border:1px solid var(--uk-line) !important}
.uk-dashed{border:2px dashed var(--uk-line);border-radius:20px}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۴: کلیدهای روشن/خاموش (و چک‌باکس، رادیو، اسلایدر، نوار پیشرفت)
   یک قالب برای همه‌ی ساختارهای سایت: .notif-switch-slider · .switch i · .round-toggle-track · .uk-switch i
   خاموش = مسیرِ فرورفته؛ روشن = گرادیانت آبی؛ دستگیره = قرصِ سفیدِ برجسته.
   ========================================================================== */
:root{ --uk-track:#06223D; --uk-knob:linear-gradient(180deg,#FFFFFF,#E3EBF5); }
html[data-theme="light"]{ --uk-track:#E5ECF5; }
html:not(#uk) :is(.notif-switch-slider,.switch i,.round-toggle-track,.uk-switch i){
  background:var(--uk-track) !important; border:0 !important;
  box-shadow:inset 2px 2px 5px var(--uk-near),inset -1px -1px 0 var(--uk-edge) !important;
}
html:not(#uk) :is(.notif-switch input:checked + .notif-switch-slider,.switch input:checked + i,.round-toggle input:checked + .round-toggle-track,.uk-switch input:checked + i,.master-switch.on,.master-switch input:checked + span){
  background:var(--uk-capN) !important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),0 4px 10px -4px rgba(13,134,248,.5) !important;
}
html:not(#uk) .notif-switch-slider::before,
html:not(#uk) .notif-switch-slider::after,
html:not(#uk) .switch i::after,
html:not(#uk) .round-toggle-track::before,
html:not(#uk) .uk-switch i::after{
  background:var(--uk-knob) !important; box-shadow:2px 4px 7px -2px var(--uk-con) !important;
}
html:not(#uk) :is(.uk-check input:checked + i,.uk-radio input:checked + i){background:var(--uk-capN) !important}
html:not(#uk) .uk-range::-webkit-slider-thumb{background:var(--uk-knob) !important;border:0;box-shadow:3px 5px 9px -2px var(--uk-con),inset 0 0 0 6px color-mix(in srgb,var(--uk-sky) 22%,#fff) !important}
html:not(#uk) .uk-range::-moz-range-thumb{background:var(--uk-knob) !important;box-shadow:3px 5px 9px -2px var(--uk-con) !important}
html:not(#uk) .uk-progress b{background:var(--uk-capN) !important}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۵: خطوط (جداکننده، خطِ جدول و لیست، hr)
   خطِ استاندارد = --uk-line. متغیرِ سراسریِ --border (که خطوطِ همه‌ی صفحه‌ها از آن می‌خوانند) هم به آن وصل شد؛
   در شب با html[data-theme=dark] (specificity بالاتر از :root ِ صفحه‌ها) تا صفحه‌های دارای تعریفِ خودشان هم بگیرند.
   ========================================================================== */
html[data-theme="dark"]{ --border:var(--uk-line); --border-soft:rgba(160,205,255,.10); --border-strong:rgba(160,205,255,.28); }
html[data-theme="light"]{ --border:var(--uk-line); --border-soft:#EDF2F8; --border-strong:#C9D6E6; }
html:not(#uk) :is(hr,.divider,.sep,.separator,.hr){border:0 !important;height:1px;background:var(--uk-line) !important;opacity:1;margin-block:12px}
html:not(#uk) :is(.uk-line-b){border-bottom:1px solid var(--uk-line)}
html:not(#uk) table:not(.rounded-table,.re-table,.league-table,.ttr-ss-table,.data-table) :is(th,td){border-color:var(--uk-line)}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۶: قالب زیرین سایت (زمینه‌ی اصلی، سطح‌ها)
   روز: زمینه #E9EFF5 (خاکستریِ آبی‌سفید) + نور آبیِ گوشه؛ شب: زمینه #00203A (آبی پررنگ) + نور آبی.
   متغیرهای سراسریِ صفحه‌ها (--bg / --surface …) هم به همین رنگ‌ها وصل شدند تا صفحه‌های دارای تعریفِ خودشان هم بگیرند.
   ========================================================================== */
:root{ --uk-page:#00203A; --uk-glow:rgba(13,134,248,.30); --uk-glow2:rgba(120,190,255,.07); --uk-panel-a:#0A2B49; --uk-panel-b:#082744; }
html[data-theme="light"]{ --uk-page:#E9EFF5; --uk-glow:rgba(13,134,248,.20); --uk-glow2:rgba(255,255,255,.90); --uk-panel-a:#EEF3F9; --uk-panel-b:#E3EAF3; }
html[data-theme="dark"]{ --bg:#00203A; --surface:#0C3050; --surface-2:#0A2B49; --bg-panel:#0C3050; --bg-elevated:#0C3050; --bg-elevated-2:#0A2B49; --bg-soft:#0A2B49; --field-bg:#0A2B49; --bg-input:#0A2B49; }
html[data-theme="light"]{ --bg:#E9EFF5; --surface:#FFFFFF; --surface-2:#F5F7FB; --bg-soft:#EEF3F9; }
html[data-theme="dark"] body:not(.uk-skip):not([style*="background"]),html[data-theme="light"] body:not(.uk-skip):not([style*="background"]){background-color:var(--uk-page)}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۷: ناوبری (نوار بالا، تب‌ها، منوی کناری، نوار پایین)
   مسیرِ تب‌ها فرورفته (--uk-track)؛ مورد فعالِ همه‌ی ناوبری‌ها = قالبِ دکمه‌ی اصلی (--uk-capN).
   ========================================================================== */
:root{ --uk-bar-a:#0C3050; --uk-bar-b:#082744; --uk-bar-rim:rgba(0,8,20,.55);
  --uk-nav-act-bg:var(--uk-capN); --uk-nav-act-ink:#FFFFFF; --uk-nav-act-sh:var(--uk-capN-sh); }
html[data-theme="light"]{ --uk-bar-a:#FFFFFF; --uk-bar-b:#F5F7FB; --uk-bar-rim:rgba(15,42,70,.10);
  --uk-nav-act-bg:var(--uk-capN); --uk-nav-act-ink:#FFFFFF; --uk-nav-act-sh:var(--uk-capN-sh); }
html:not(#uk) :is(.view-tabs,.sub-tabs,.period-tabs,.scope-switch,.txn-toggle,.source-toggle,.mode-toggle){
  background:var(--uk-track) !important; border-radius:999px !important;
  box-shadow:inset 3px 3px 7px var(--uk-near),inset -2px -2px 0 var(--uk-edge) !important;
}
html:not(#uk) :is(.view-tab-btn:not(.sidebar-nav-item),.sub-tab-btn,.tab-btn,.subtab,.period-tab-btn,.scope-switch-btn,.mode-btn){
  background:transparent !important; box-shadow:none !important; border-radius:999px !important; color:var(--uk-muted) !important;
}
html:not(#uk) :is(.view-tab-btn.active:not(.sidebar-nav-item),.sub-tab-btn.active,.tab-btn.active,.subtab.active,.period-tab-btn.active,.scope-switch-btn.active,.mode-btn.active){
  background:var(--uk-capN) !important; color:#FFFFFF !important; box-shadow:var(--uk-capN-sh) !important; transform:none !important;
}
/* انتخاب دوگزینه‌ای (آقا/خانم، خرید/فروش…): مسیرِ فرورفته + هر گزینه بدونِ کادرِ جدا؛ گزینه‌ی انتخاب‌شده مثلِ تب فعال. */
html:not(#uk) .txn-toggle label{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:999px !important;
  color:var(--uk-muted) !important;
}
html:not(#uk) .txn-toggle label:has(input:checked){
  background:var(--uk-capN) !important; color:#FFFFFF !important; box-shadow:var(--uk-capN-sh) !important;
}
html:not(#uk) .txn-toggle label:has(input:checked) span{color:#FFFFFF !important}
html:not(#uk) :is(.mobile-bottom-nav.mbn-v2 .mbn-item.active,.bottom-nav .nav-btn.active,.nav-btn.active){
  background:var(--uk-capN) !important; color:#FFFFFF !important; box-shadow:var(--uk-capN-sh) !important; border-radius:999px !important;
}
html:not(#uk) .sidebar-nav-item.active{border-radius:16px !important}
html:not(#uk) .mobile-bottom-nav.mbn-v2 .mbn-item.active{padding:6px 14px !important}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۸: برچسب وضعیت، جدول، پاپ‌آپ، اعلان
   برچسب = قرصِ رنگی‌شده (سبز/زرد/قرمز/آبی) با --sc؛ اعلان = قالبِ «تأیید نهایی» (روز آبیِ پررنگ، شب سفید).
   ========================================================================== */
html:not(#uk) :is(.status-chip,.status-badge,.stat-chip,.recruit-status-badge,.notif-status-pill,.test-status-pill){
  --sc:var(--uk-ok); background:color-mix(in srgb,var(--sc) 16%,transparent) !important; color:var(--sc) !important;
  border-radius:14px !important; box-shadow:inset 1px 1px 0 var(--uk-edge) !important; font-weight:700;
}
html:not(#uk) :is(.status-chip,.status-badge,.stat-chip,.recruit-status-badge,.notif-status-pill,.test-status-pill):is(.pending,.wait){--sc:var(--uk-wait)}
html:not(#uk) :is(.status-chip,.status-badge,.stat-chip,.recruit-status-badge,.notif-status-pill,.test-status-pill):is(.rejected,.bad){--sc:var(--uk-bad)}
html:not(#uk) :is(.status-chip,.status-badge,.recruit-status-badge)::before{background:var(--sc) !important}
html:not(#uk) .toast{background:var(--uk-confirm-bg) !important;color:var(--uk-confirm-ink) !important;box-shadow:var(--uk-confirm-sh) !important;border-radius:16px !important}
html:not(#uk) :is(.rounded-table,.re-table,.league-table,.ttr-ss-table,.data-table) td{box-shadow:0 4px 10px -6px var(--uk-amb) !important}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۹: نوار بالا
   * صفحه‌های عمومی (فریملس): بالای صفحه همان هدرِ شفافِ روی هیرو؛ بعد از اسکرول = نوارِ گردِ شناور (مثلِ پیش‌نمایش)
     با رنگِ کارت، لینک‌های تیره، مورد فعالِ گرادیانت آبی. دکمه‌ی «ورود/حساب» همیشه قالبِ دکمه‌ی اصلی.
   * داشبوردها (.top-header): گوشه‌ی پایین گرد + سایه‌ی تازه.
   ========================================================================== */
html:not(#uk)[data-free="1"] #authArea :is(.btn-outline,.btn-primary,a){
  background:var(--uk-capN) !important; color:#FFFFFF !important; border:0 !important; border-radius:999px !important;
  box-shadow:var(--uk-capN-sh) !important; text-shadow:0 1px 2px rgba(0,60,140,.35);
}
html:not(#uk)[data-free="1"] body.header-scrolled header{
  top:10px !important; left:16px !important; right:16px !important; width:auto !important; border-radius:999px !important;
  padding:6px 22px !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  background:linear-gradient(180deg,color-mix(in srgb,var(--uk-bar-a) 94%,transparent),color-mix(in srgb,var(--uk-bar-b) 94%,transparent)) !important;
  box-shadow:inset 1.5px 1.5px 0 var(--uk-edge),inset -1.5px -1.5px 0 var(--uk-bar-rim),0 12px 26px -12px var(--uk-amb) !important;
}
html:not(#uk)[data-free="1"] body.header-scrolled header .logo-mark{height:46px !important;filter:none}
html:not(#uk)[data-free="1"] body.header-scrolled nav.desktop-nav a{
  color:var(--uk-ink) !important; border:0 !important; background:transparent !important; text-shadow:none !important;
}
html:not(#uk)[data-free="1"] body.header-scrolled nav.desktop-nav a:hover{background:var(--uk-track) !important}
html:not(#uk)[data-free="1"] body.header-scrolled nav.desktop-nav a.active{background:var(--uk-capN) !important;color:#FFFFFF !important;box-shadow:var(--uk-capN-sh) !important}
html:not(#uk) .top-header{border-radius:0 0 24px 24px !important}
@media (max-width:768px){html:not(#uk)[data-free="1"] body.header-scrolled header{left:8px !important;right:8px !important;padding:4px 12px !important}}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۱۰: تب‌ها و منوی کناری (بازبینی روی پنل‌های واقعی)
   منو = یک کادرِ یکپارچه (رنگِ کارت، بردر ۱px، گوشه ۲۴)؛ آیتم‌ها تخت و شفاف؛ هاور = مسیرِ فرورفته؛
   فعال = قالبِ دکمه‌ی اصلی. هدرِ گروه‌ها هم تخت (فقط هاور).
   ========================================================================== */
html:not(#uk) :is(.admin-sidebar,.dashboard-sidebar){
  background:linear-gradient(180deg,var(--uk-card-a),var(--uk-card-b)) !important;
  border:1px solid var(--uk-line) !important; border-radius:24px !important; box-shadow:var(--uk-chamfer),var(--uk-sh-card) !important;
}
html:not(#uk) :is(.sidebar-nav-item:not(.active),.sidebar-group-header){
  background:transparent !important; box-shadow:none !important; border:0 !important; border-radius:14px !important; color:var(--uk-muted) !important;
}
html:not(#uk) :is(.sidebar-nav-item:not(.active):hover,.sidebar-group-header:hover){background:var(--uk-track) !important;color:var(--uk-ink) !important}
html:not(#uk) :is(.sidebar-group-items){background:transparent !important;box-shadow:none !important;border:0 !important}
html:not(#uk) .sidebar-nav-item.active{background:var(--uk-capN) !important;color:#FFFFFF !important;box-shadow:var(--uk-capN-sh) !important}
html:not(#uk) :is(.sidebar-search-wrap,.sidebar-search-section) :is(input){border-radius:999px !important}

/* ---------- مرحله ۱۱: لوگوی روز روی هیروی عکس (فریملس) ----------
   در حالت روز لوگوی تیره روی عکسِ تیره کم‌کنتراست بود؛ پشتش یک قرصِ شیشه‌ایِ روشن می‌گیرد (فقط بالای صفحه؛
   بعد از اسکرول هدر خودش نوارِ روشن است). */
html:not(#uk)[data-theme="light"][data-free="1"] body:not(.header-scrolled) header .header-brand .logo-mark{
  background:rgba(255,255,255,.88); border-radius:18px; padding:4px 12px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.9),0 8px 18px -8px rgba(0,20,50,.45); filter:none !important;
}
html:not(#uk)[data-theme="light"][data-free="1"] body:not(.header-scrolled) header .header-brand .logo-mark{height:64px !important;display:inline-flex;align-items:center}
html:not(#uk)[data-theme="light"][data-free="1"] body:not(.header-scrolled) header .header-brand .logo-mark img{height:100%;width:auto}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۱۲: رنگ‌های داخل صفحه‌ها از طریق متغیرهای سراسری
   بیشترِ رنگ‌های صفحه‌ها از var(--primary/--accent/--heading/--body/--muted/--success/--danger …) می‌آید؛
   با html[data-theme] (specificity بالاتر از :root ِ هر صفحه) یک‌جا عوض می‌شوند، بدونِ دست‌زدن به هگزها.
   شب: «آبی پررنگ ⇄ سفید» وارونه (primary سفید، متنِ روی آن #00203A).
   ========================================================================== */
html[data-theme="dark"]{
  --primary:#FFFFFF; --on-primary:#00203A; --accent:#3AA0FF; --secondary:#6FB0F0;
  --heading:#F1F7FF; --body:#9DB6D3; --muted:#9DB6D3; --text:#F1F7FF; --text-dim:#9DB6D3; --text-muted:#9DB6D3; --text-faint:#7F9BBD;
  --line:var(--uk-line); --success:#4ADE9A; --danger:#FF8A80;
}
html[data-theme="light"]{
  --primary:#0B5BB8; --on-primary:#FFFFFF; --accent:#0D86F8; --secondary:#2F6EB5;
  --heading:#0F172A; --body:#64748B; --muted:#64748B; --text:#0F172A; --text-dim:#64748B; --text-muted:#64748B; --text-faint:#8B98B0;
  --line:var(--uk-line); --success:#0F9D6B; --danger:#D9483B;
}

/* مرحله ۱۳: رنگ‌های ثابتِ سرمه‌ای/آبیِ قدیمی که داخل <style> صفحه‌ها نوشته شده بود به این توکن‌ها وصل شدند
   (#1C2541→--navy-1، #243157→--navy-2، #112855→--navy-3، #0F4C81→--blue-deep، #2E6DA8→--blue-mid). رنگِ جدیدِ همه‌ی آن‌ها فقط اینجا عوض می‌شود. */
:root{ --navy-1:#00203A; --navy-2:#0C3050; --navy-3:#082744; --blue-deep:#0B5BB8; --blue-mid:#2F6EB5; --blue-light:#3E8FE4; }

/* مرحله ۱۴: ورودیِ فایل (دکمه‌ی «Choose File» هم‌قالبِ دکمه‌ی فرعی؛ زمینه‌ی سفیدِ سرخود حذف) */
html:not(#uk) input[type="file"]{background:transparent !important;border:0 !important;box-shadow:none !important;color:var(--uk-muted) !important}
html:not(#uk) input[type="file"]::file-selector-button{
  background:var(--uk-capL);color:var(--uk-capL-ink);border:0;border-radius:999px;padding:7px 16px;margin-inline-end:10px;
  font:700 12px 'Vazirmatn',sans-serif;cursor:pointer;box-shadow:var(--uk-capL-sh);
}

/* مرحله ۱۴: کارتِ تیترِ روی عکسِ هیرو (CRM، جستجو، ثبت فایل/متقاضی) = شیشه‌ی تیره‌ی نیمه‌شفاف در هر دو حالت (متنِ سفید).
   عمداً بدونِ :not(#uk) تا قاعده‌ی فریملس (که آن را کاملاً شفاف می‌کند) همچنان مقدم بماند. */
html .page-header-title-card{background:rgba(0,32,58,.48) !important;box-shadow:none !important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* مرحله ۱۴: دکمه‌ی انتخاب تاریخ (jalali-picker) هم‌قالبِ فیلدها — نسخه‌ی jp-light دیگر در شب سفید نمی‌ماند */
html:not(#uk) .jalali-picker-trigger{
  background:var(--uk-field-bg) !important; color:var(--uk-ink) !important; border:1px solid var(--uk-line) !important;
  border-radius:var(--uk-r-field) !important; box-shadow:inset 2px 2px 5px var(--uk-near),inset -1.5px -1.5px 0 var(--uk-edge) !important;
}

/* ============================================================================
   پوسته‌ی آبی v2 — مرحله ۱۷: نوار اسکرول (مدلِ «آیفونیِ نازک»، مرکزی برای کلِ سایت)
   دستگیره‌ی گردِ نازک (۴px) که فقط وقتی موس/لمس روی همان کادرِ اسکرول‌دار است پدیدار می‌شود و با هاور روی خودش ضخیم‌تر
   (۸px) می‌شود؛ مسیر شفاف. رنگ از --uk-ink (روز تیره، شب روشن). Firefox هم با scrollbar-width/color.
   هر صفحه‌ای که ::-webkit-scrollbar ِ خودش را داشت (مثلِ سایدبارِ مدیر) زیرِ همین قرار می‌گیرد.
   ========================================================================== */
:root{ --uk-sb:rgba(15,23,42,.38); --uk-sb-hi:rgba(15,23,42,.6); }
html[data-theme="dark"]{ --uk-sb:rgba(241,247,255,.38); --uk-sb-hi:rgba(241,247,255,.62); }
*{ scrollbar-width:thin; scrollbar-color:transparent transparent }
*:hover{ scrollbar-color:var(--uk-sb) transparent }
html:not(#uk) *::-webkit-scrollbar{ width:11px; height:11px; background:transparent }
html:not(#uk) *::-webkit-scrollbar-track{ background:transparent; margin:6px 0 }
html:not(#uk) *::-webkit-scrollbar-corner{ background:transparent }
html:not(#uk) *::-webkit-scrollbar-thumb{
  border-radius:11px; border:3.5px solid transparent; background-clip:padding-box;
  background-color:transparent; background-image:none; box-shadow:none; transition:background-color .3s,border-width .2s;
}
html:not(#uk) *:hover::-webkit-scrollbar-thumb{ background-color:var(--uk-sb) }
html:not(#uk) *::-webkit-scrollbar-thumb:hover,html:not(#uk) *::-webkit-scrollbar-thumb:active{ background-color:var(--uk-sb-hi); border-width:1.5px }

/* ریشه‌ی صفحه (html) هم همان نوار را بگیرد + حذفِ دکمه‌های فلشِ بالا/پایین (سبکِ ویندوز ۹۸) از همه‌ی نوارها */
html:not(#uk)::-webkit-scrollbar{ width:11px; height:11px; background:transparent }
html:not(#uk)::-webkit-scrollbar-track{ background:transparent; margin:6px 0 }
html:not(#uk)::-webkit-scrollbar-thumb{ border-radius:11px; border:3.5px solid transparent; background-clip:padding-box; background-color:var(--uk-sb); background-image:none; box-shadow:none }
html:not(#uk)::-webkit-scrollbar-thumb:hover{ background-color:var(--uk-sb-hi); border-width:1.5px }
html:not(#uk) *::-webkit-scrollbar-button,html:not(#uk)::-webkit-scrollbar-button{ display:none !important; width:0 !important; height:0 !important }

/* «قالب» (عکس پس‌زمینه‌ی داشبورد، public/theme-bg.js): وقتی روشن است <html class="abg"> می‌شود و لایه‌ی عکس
   (#abgLayer، z-index:-1) باید دیده شود؛ رنگِ صفحه‌ی بالا روی body آن را می‌پوشاند و فقط توسیِ ساده می‌ماند. */
html.abg:not(:has(link[href*="club-bg.css"])) body:not(.uk-skip):not([style*="background"]),
html.abg[data-theme] body:not(.uk-skip){
  background-color:transparent !important;
  background-image:none !important;
}

/* ---------- منوی کناریِ دسکتاپ: دکمه‌ی فعال همرنگِ صفحه و چسبیده به آن (۱۴۰۵/۸/۳، دستورِ صریحِ مالک؛ مرجع: تصویرِ نمونه) ----------
   داشبوردِ مشاور و پنلِ مدیر هر دو از همین قاعده می‌خوانند. منو به محتوا می‌چسبد (بدونِ فاصله)، دکمه‌ی فعال تا لبه‌ی منو
   کشیده می‌شود و رنگش = رنگِ صفحه (--uk-page) پس انگار منو و صفحه یک تکه‌اند؛ دو گوشه‌ی مقعر بالا و پایینِ دکمه حالتِ «زبانه» می‌دهد.
   روز و شب خودکار جدا هستند (--uk-page در هر تم مقدارِ خودش را دارد). فقط ≥۹۶۰px؛ موبایل و حالتِ اپ دست‌نخورده. */
@media (min-width:960px){
  html:not(#uk):not(#uk2) :is(.admin-layout,.dashboard-layout){gap:0 !important}
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar){
    border-left:0 !important; border-radius:0 24px 24px 0 !important; box-shadow:none !important; padding-left:0 !important;
  }
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar) nav{padding-left:8px}
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar) .sidebar-group.open > .sidebar-group-items{overflow:visible !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar) .sidebar-nav-item.active{
    position:relative; margin-left:-8px !important; width:calc(100% + 8px) !important; border:0 !important; border-radius:0 16px 16px 0 !important;
    background:var(--uk-page) !important; color:var(--uk-pri) !important; box-shadow:none !important; font-weight:800;
  }
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar) .sidebar-nav-item.active::before,
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar) .sidebar-nav-item.active::after{
    content:""; position:absolute; left:0; width:18px; height:18px; pointer-events:none;
  }
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar) .sidebar-nav-item.active::before{top:-18px;background:radial-gradient(circle at 100% 0,transparent 18px,var(--uk-page) 18.5px)}
  html:not(#uk):not(#uk2) :is(.admin-sidebar,.dashboard-sidebar) .sidebar-nav-item.active::after{top:100%;background:radial-gradient(circle at 100% 100%,transparent 18px,var(--uk-page) 18.5px)}
}

/* ۱۴۰۵/۸/۱۱ (دستورِ صریحِ مالک): اسکرول‌بارِ منوی کناری (مدیر/مشاور) به لبه‌ی بیرونیِ راست (پشتِ دکمه‌ها) می‌رود،
   نه سمتِ چپِ منو که جلوی «اتصالِ» دکمه‌ی فعال به پس‌زمینه‌ی صفحه می‌افتاد. ظرف ltr می‌شود (اسکرول‌بار راست)، محتوا rtl می‌ماند. */
html .admin-sidebar, html .dashboard-sidebar { direction:ltr; }
html .admin-sidebar > *, html .dashboard-sidebar > * { direction:rtl; }