/* ══════════════════════════════════════════════════════════════════
   JobKav Design System — v2 «کاوش»
   بازطراحی کامل قالب: تم روز لوکس + تم شب، ریسپانسیو، RTL
   رنگ اصلی: #2563EB (آبی کلاسیک) — تیتر: Pinar / متن: Ravi
   ══════════════════════════════════════════════════════════════════ */

/* ------------------------------------------------ 1) Design tokens */
:root{
  /* برند */
  --brand:#2563EB;
  --brand-strong:#1D4ED8;
  --brand-deep:#1E3A8A;
  --brand-ink:#16295C;
  --brand-050:#EFF4FE;
  --brand-100:#DFE9FD;
  --brand-200:#C3D6FB;
  --brand-300:#93B4F6;
  --on-brand:#F5F8FF;

  /* رنگ دومِ برند — طلایی */
  --accent:#A87515;          /* نسخهٔ تیره: متن و آیکون روی زمینهٔ روشن */
  --accent-strong:#8A5F0F;
  --accent-soft:#FDF3DC;
  --accent-ink:#6E4B0B;
  --on-accent:#FFFFFF;
  /* نسخهٔ روشن، برای سطوحی که همیشه تیره‌اند (هیرو، پنل ورود) — در هر دو تم یکسان */
  --accent-on-dark:#FFCF4A;

  /* سبز — رنگ وضعیت: قبولی، تأیید، موفقیت. رنگ برند نیست */
  --ok-on-dark:#3BE0A6;

  /* نام قدیمی، برای سازگاری با کدهای موجود */
  --gold:var(--accent);
  --gold-soft:var(--accent-soft);

  /* بنفش — هویت رنگی مسیر کارفرما */
  --violet:#7C3AED;
  --violet-strong:#6D28D9;
  --violet-soft:#F4F0FE;
  --on-violet:#FAF7FF;

  /* بوم و سطح‌ها */
  --bg:#F5F8FD;
  --bg-soft:#EDF2FA;
  --surface:#FFFFFF;
  --surface-2:#F9FBFE;
  --glass:rgba(255,255,255,.78);

  /* متن */
  --ink:#0D1B36;
  --ink-2:#45536F;
  --ink-3:#7B87A0;
  --ink-inverse:#EFF4FE;

  /* خطوط */
  --line:#E3EAF6;
  --line-2:#D2DCEE;

  /* وضعیت‌ها */
  --ok:#188544;        --ok-soft:#E7F6EC;   --ok-ink:#0E5B2E;
  --danger:#D33131;    --danger-soft:#FCEDED;--danger-ink:#9A2323;
  --warn:#B26A08;      --warn-soft:#FBF2DF; --warn-ink:#7C4A05;
  --info:#2563EB;      --info-soft:#EFF4FE; --info-ink:#1E3A8A;

  /* فرم و اجزا */
  --field-bg:#FFFFFF;
  --field-line:#CFDAEC;
  --radius-xs:10px;
  --radius-sm:14px;
  --radius:18px;
  --radius-lg:26px;
  --ring:0 0 0 4px rgba(37,99,235,.16);

  /* سایه‌های نرم و «گران» */
  --shadow-1:0 1px 2px rgba(13,27,54,.05),0 14px 34px -22px rgba(30,58,138,.28);
  --shadow-2:0 2px 4px rgba(13,27,54,.05),0 26px 60px -28px rgba(30,58,138,.35);
  --shadow-pop:0 12px 24px -10px rgba(13,27,54,.18),0 40px 90px -40px rgba(30,58,138,.4);

  /* تایپ */
  --font-body:'Ravi','Segoe UI',Tahoma,sans-serif;
  --font-display:'Pinar','Ravi',Tahoma,sans-serif;

  /* اندازه‌ها */
  --container:1180px;
  --header-h:76px;
  --sidebar-w:284px;
  --sidebar-min:86px;
  --topbar-h:72px;

  color-scheme:light;
}

/* ---------- تم شب ---------- */
[data-theme="dark"]{
  --brand:#568AF7;
  --brand-strong:#7CA4F9;
  --brand-deep:#B9CDFB;
  --brand-ink:#D7E2FD;
  --brand-050:rgba(86,138,247,.12);
  --brand-100:rgba(86,138,247,.19);
  --brand-200:rgba(86,138,247,.30);
  --brand-300:rgba(124,164,249,.45);
  --on-brand:#08122B;

  --accent:#FFCF4A;
  --accent-strong:#FFDE7E;
  --accent-soft:rgba(255,207,74,.14);
  --accent-ink:#FFE9AE;
  --on-accent:#3A2A00;

  --gold:var(--accent);
  --gold-soft:var(--accent-soft);

  --violet:#9D7BF8;
  --violet-strong:#B69CFA;
  --violet-soft:rgba(157,124,248,.13);
  --on-violet:#170B33;

  --bg:#090F1F;
  --bg-soft:#0C1428;
  --surface:#111B34;
  --surface-2:#0E1830;
  --glass:rgba(13,22,42,.72);

  --ink:#E9EEFA;
  --ink-2:#AEBAD4;
  --ink-3:#7A89A9;
  --ink-inverse:#0D1B36;

  --line:#20304F;
  --line-2:#2B3D61;

  --ok:#3FBF74;      --ok-soft:rgba(63,191,116,.13);  --ok-ink:#8FE0B2;
  --danger:#F07575;  --danger-soft:rgba(240,117,117,.13);--danger-ink:#F5A9A9;
  --warn:#E6A94E;    --warn-soft:rgba(230,169,78,.13);--warn-ink:#F2CD94;
  --info:#568AF7;    --info-soft:rgba(86,138,247,.13);--info-ink:#B9CDFB;

  --field-bg:#0D1730;
  --field-line:#2C3E63;
  --ring:0 0 0 4px rgba(86,138,247,.25);

  --shadow-1:0 1px 2px rgba(0,0,0,.35),0 16px 36px -24px rgba(0,0,0,.7);
  --shadow-2:0 2px 6px rgba(0,0,0,.4),0 30px 70px -30px rgba(0,0,0,.75);
  --shadow-pop:0 16px 34px -12px rgba(0,0,0,.55),0 50px 110px -46px rgba(0,0,0,.8);

  color-scheme:dark;
}

/* ------------------------------------------------ 2) Reset & base */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:15.5px;
  line-height:1.95;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:var(--brand-strong);text-decoration:none}
a:hover{color:var(--brand)}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
ul,ol{padding-inline-start:22px;margin:0 0 14px}
::selection{background:var(--brand-200);color:var(--brand-ink)}
:focus{outline:none}
:focus-visible{box-shadow:var(--ring);border-radius:8px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto}
}

/* ------------------------------------------------ 3) Typography */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);   /* Pinar — در پنل با Ravi بازنویسی می‌شود (بخش پنل) */
  color:var(--ink);
  line-height:1.55;
  margin:0 0 10px;
  letter-spacing:-.2px;
  text-wrap:balance;
}
h1{font-size:clamp(28px,3.4vw,42px);font-weight:800}
h2{font-size:clamp(22px,2.6vw,30px);font-weight:800}
h3{font-size:19px;font-weight:700}
h4{font-size:16.5px;font-weight:700}
h5,h6{font-size:15px;font-weight:600}
p{margin:0 0 14px;color:var(--ink-2)}
p:last-child{margin-bottom:0}
strong,b{font-weight:700;color:var(--ink)}
small{font-size:12.5px;color:var(--ink-3)}
.lead{font-size:17.5px;color:var(--ink-2)}
.muted,.muted-text{color:var(--ink-3)}
.text-link{color:var(--brand-strong);font-weight:600;border-bottom:1px dashed var(--brand-200);padding-bottom:1px}
.text-link:hover{border-bottom-color:var(--brand)}
.big-number{font-weight:900;font-size:34px;line-height:1.2;color:var(--brand-deep)}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;font-weight:700;color:var(--brand-strong);
  background:var(--brand-050);border:1px solid var(--brand-100);
  padding:5px 14px;border-radius:999px;margin-bottom:14px;
}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.eyebrow-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#EAF0FF}
.eyebrow-light::before{background:var(--gold)}

/* هایلایت دست‌نویسِ برند زیر واژه کلیدی تیترها */
.tick-hl{position:relative;display:inline-block;color:var(--brand-strong);white-space:nowrap}
.tick-hl>svg{position:absolute;inset-inline:-3%;bottom:-.08em;width:106%;height:.3em;color:var(--accent);opacity:.95;pointer-events:none}
[data-theme="dark"] .tick-hl{color:var(--brand-strong)}

/* ------------------------------------------------ 4) Buttons */
.btn,.button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--font-body);font-weight:700;font-size:14.5px;
  padding:11px 22px;border-radius:14px;border:1px solid transparent;
  line-height:1.6;white-space:nowrap;
  transition:transform .16s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
  text-decoration:none;
}
.btn:active,.button:active{transform:translateY(1px) scale(.99)}
.btn svg,.button svg{width:18px;height:18px;flex:none}

.btn-primary,.button-primary{
  background:linear-gradient(180deg,var(--brand) 0%,var(--brand-strong) 100%);
  color:var(--on-brand);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -10px rgba(37,99,235,.55);
}
.btn-primary:hover,.button-primary:hover{color:var(--on-brand);filter:brightness(1.06);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 14px 30px -12px rgba(37,99,235,.65)}
[data-theme="dark"] .btn-primary,[data-theme="dark"] .button-primary{background:linear-gradient(180deg,#6D9AF8,#4A80F5);color:#071129}

.btn-soft,.button-secondary{
  background:var(--brand-050);color:var(--brand-strong);border-color:var(--brand-100);
}
.btn-soft:hover,.button-secondary:hover{background:var(--brand-100);color:var(--brand-ink)}

.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line-2)}
.btn-ghost:hover{color:var(--brand-strong);border-color:var(--brand-200);background:var(--brand-050)}

.btn-light{background:#fff;color:var(--brand-ink);box-shadow:0 10px 26px -14px rgba(4,12,36,.55)}
.btn-light:hover{color:var(--brand-strong)}

/* CTA تأکیدی — کهربایی مات و پخته؛ هم‌زبان با بقیه سیستم، بدون براقی */
.btn-accent,.button-accent{
  background:linear-gradient(180deg,#F0A311 0%,#E18B05 100%);
  color:#2E1F06;border-color:transparent;font-weight:800;
  box-shadow:0 10px 22px -12px rgba(217,119,6,.5);
}
.btn-accent:hover,.button-accent:hover{
  color:#241703;filter:brightness(1.04);
  box-shadow:0 13px 26px -13px rgba(217,119,6,.6);
}
.btn-accent:focus-visible,.button-accent:focus-visible{box-shadow:0 0 0 4px rgba(225,139,5,.3)}
[data-theme="dark"] .btn-accent,[data-theme="dark"] .button-accent{
  background:linear-gradient(180deg,#EFA51E 0%,#DE8E07 100%);color:#221502;
}

.btn-danger,.button-danger{background:var(--danger);color:#fff}
.btn-danger:hover,.button-danger:hover{filter:brightness(1.07);color:#fff}
.btn-danger-soft{background:var(--danger-soft);color:var(--danger-ink);border-color:transparent}
.btn-danger-soft:hover{background:var(--danger);color:#fff}

.btn-link{background:none;border:0;color:var(--brand-strong);font-weight:600;padding:4px 6px}
.btn-link:hover{text-decoration:underline}

.btn-sm{padding:7px 15px;font-size:13px;border-radius:11px}
.btn-lg,.button-large{padding:14px 28px;font-size:16px;border-radius:16px}
.btn-block{width:100%}
.btn[disabled],.button[disabled],.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}

.icon-button{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:13px;
  border:1px solid var(--line);background:var(--surface);color:var(--ink-2);
  transition:all .18s ease;font-size:18px;
}
.icon-button:hover{color:var(--brand-strong);border-color:var(--brand-200);background:var(--brand-050)}
.icon-button svg{width:20px;height:20px}

/* ------------------------------------------------ 5) Cards */
.card,.content-card,.detail-card,.form-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-1);
  padding:26px;
}
.content-card h3{margin-bottom:6px}
.card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.center-card{max-width:560px;margin:60px auto;text-align:center}

/* ------------------------------------------------ 6) Forms */
.field{margin-bottom:18px}
.field label{display:block;font-weight:600;font-size:13.5px;color:var(--ink);margin-bottom:7px}
.field-required>label::after{content:" *";color:var(--danger)}
.field input[type="text"],.field input[type="tel"],.field input[type="email"],
.field input[type="password"],.field input[type="number"],.field input[type="search"],
.field input[type="url"],.field select,.field textarea,
.form-control,
.selection-toolbar input[type="search"],
.panel-search input,.filter-bar input,.filter-bar select{
  width:100%;
  background:var(--field-bg);
  border:1px solid var(--field-line);
  border-radius:13px;
  padding:11px 15px;
  font-size:14.5px;
  color:var(--ink);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.field textarea{min-height:130px;resize:vertical;line-height:1.9}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--brand-300)}
.field input:focus,.field select:focus,.field textarea:focus,
.form-control:focus,.selection-toolbar input:focus{
  border-color:var(--brand);box-shadow:var(--ring);outline:none
}
.field select{
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237B87A0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:left 14px center;padding-left:38px;
}
.field-help,.help-text{font-size:12.5px;color:var(--ink-3);margin-top:6px}
.field-message,.field-error{font-size:12.5px;color:var(--danger);margin-top:6px;font-weight:600}
.field.has-error input,.field.field-error input,.field.has-error select{border-color:var(--danger)}
.form-errors{margin-bottom:14px}
.form-grid{display:grid;gap:6px 18px}
.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-narrow{max-width:640px;margin-inline:auto}  /* فقط کارت فرم وسط صفحه؛ تیتر صفحه سر جای خودش (راست) می‌ماند */
input[type="checkbox"],input[type="radio"]{accent-color:var(--brand);width:17px;height:17px}

/* گروه چک‌باکس/رادیو به شکل کارت‌های انتخابی */
.check-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:10px}
.check-card-grid :where(ul,ol){list-style:none;padding:0;margin:0;display:contents}
.check-card-grid :where(li,div:not([class])){display:contents}
.benefit-options :where(ul,ol){list-style:none;padding:0;margin:0;display:contents}
.benefit-options :where(li,div:not([class])){display:contents}
.benefit-options label{
  display:flex;align-items:center;gap:10px;margin:0;
  background:var(--surface-2);border:1px solid var(--line);border-radius:13px;
  padding:11px 14px;font-size:13.5px;font-weight:600;color:var(--ink-2);
  cursor:pointer;transition:all .16s ease;
}
.benefit-options label:hover{border-color:var(--brand-300);color:var(--ink)}
.benefit-options label:has(input:checked){background:var(--brand-050);border-color:var(--brand);color:var(--brand-ink)}
.check-card-grid label{
  display:flex;align-items:center;gap:10px;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:13px;padding:11px 14px;
  font-size:13.5px;font-weight:600;color:var(--ink-2);
  cursor:pointer;transition:all .16s ease;margin:0;
}
.check-card-grid label:hover{border-color:var(--brand-300);color:var(--ink)}
.check-card-grid label:has(input:checked){
  background:var(--brand-050);border-color:var(--brand);color:var(--brand-ink);
  box-shadow:0 0 0 1px var(--brand) inset;
}
.check-card-grid label.is-hidden{display:none}
.check-card-grid input{flex:none}

.choice-field .check-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}

/* Segmented control */
.segmented{display:inline-flex;background:var(--bg-soft);border:1px solid var(--line);border-radius:13px;padding:4px;gap:4px}
.segmented button{padding:8px 18px;border-radius:10px;font-weight:600;font-size:13.5px;color:var(--ink-3);transition:all .16s ease}
.segmented button:hover{color:var(--ink)}
.segmented button.selected{background:var(--surface);color:var(--brand-strong);box-shadow:var(--shadow-1)}

/* ورودی OTP */
.otp-field .otp-input-shell{position:relative}
.otp-field.is-enhanced input[data-otp-value]{position:absolute;opacity:0;pointer-events:none;height:0}
.otp-digit-grid{display:flex;gap:10px;justify-content:center}
.otp-digit{
  width:50px;height:58px;text-align:center;font-size:22px;font-weight:700;
  background:var(--field-bg);border:1px solid var(--field-line);border-radius:14px;
  transition:all .16s ease;color:var(--ink);
}
.otp-digit:focus{border-color:var(--brand);box-shadow:var(--ring)}
.otp-resend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:13px;color:var(--ink-3)}
.otp-resend-status{font-weight:600}

/* ------------------------------------------------ 7) Feedback */
.alert{
  display:flex;gap:10px;align-items:flex-start;
  border-radius:14px;padding:13px 16px;margin-bottom:14px;
  font-size:13.5px;font-weight:600;border:1px solid transparent;
}
.alert-info{background:var(--info-soft);color:var(--info-ink);border-color:var(--brand-100)}
.alert-success{background:var(--ok-soft);color:var(--ok-ink)}
.alert-error,.alert-danger{background:var(--danger-soft);color:var(--danger-ink)}
.alert-warning{background:var(--warn-soft);color:var(--warn-ink)}

.toast-stack{position:fixed;top:18px;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:600;pointer-events:none;padding:0 16px}
.toast{
  pointer-events:auto;min-width:290px;max-width:min(560px,92vw);text-align:center;
  background:var(--surface);border:1px solid var(--line);color:var(--ink);
  font-size:13.5px;font-weight:600;padding:13px 22px;border-radius:14px;
  box-shadow:var(--shadow-pop);animation:toastIn .28s ease;
  transition:opacity .35s ease,transform .35s ease;
}
.toast.is-hide{opacity:0;transform:translateY(-8px)}
.toast-success{background:var(--ok-soft);color:var(--ok-ink);border-color:transparent}
.toast-error,.toast-danger{background:var(--danger-soft);color:var(--danger-ink);border-color:transparent}
.toast-warning{background:var(--warn-soft);color:var(--warn-ink);border-color:transparent}
.toast-info{background:var(--info-soft);color:var(--info-ink);border-color:transparent}
@keyframes toastIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

/* Badges */
.badge,.status-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:700;
  padding:4px 12px;border-radius:999px;
  background:var(--bg-soft);color:var(--ink-2);border:1px solid var(--line);
}
.status-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
.status-draft{background:var(--warn-soft);color:var(--warn-ink);border-color:transparent}
.status-published,.status-success,.status-badge.status-open{background:var(--ok-soft);color:var(--ok-ink);border-color:transparent}
.status-paused,.status-pending{background:var(--brand-050);color:var(--brand-ink);border-color:transparent}
.status-archived,.status-rejected,.status-expired,.status-closed{background:var(--danger-soft);color:var(--danger-ink);border-color:transparent}
.active-chip{display:inline-flex;align-items:center;gap:6px;background:var(--ok-soft);color:var(--ok-ink);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}

.chip-list,.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.chip,.tag-list span,.tag-list li{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--brand-050);color:var(--brand-ink);border:1px solid var(--brand-100);
  font-size:12.5px;font-weight:600;padding:5px 13px;border-radius:999px;
}
.muted-tags span,.muted-tags li{background:var(--bg-soft);color:var(--ink-2);border-color:var(--line)}

/* ------------------------------------------------ 8) Tables */
.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden}
.table-card table,.responsive-table table{width:100%;border-collapse:collapse;font-size:13.5px}
.table-card th{
  text-align:right;font-weight:700;font-size:12.5px;color:var(--ink-3);
  background:var(--surface-2);padding:13px 18px;border-bottom:1px solid var(--line);white-space:nowrap;
}
.table-card td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle}
.table-card tbody tr:last-child td{border-bottom:0}
.table-card tbody tr{transition:background .15s ease}
.table-card tbody tr:hover{background:var(--surface-2)}
.table-empty{padding:40px;text-align:center;color:var(--ink-3)}
.responsive-table{overflow-x:auto}

/* ------------------------------------------------ 9) Empty / loading */
.empty-card,.empty-state{
  background:var(--surface-2);border:1.5px dashed var(--line-2);border-radius:var(--radius);
  padding:44px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;
}
.empty-card>span{font-size:26px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--brand-050);color:var(--brand-strong)}
.empty-card>span svg{width:26px;height:26px}
.empty-card h3{margin:4px 0 2px}
.empty-inline{background:var(--surface-2);border:1px dashed var(--line-2);border-radius:13px;padding:16px 18px;font-size:13.5px;color:var(--ink-3);text-align:center}
.loading-card{padding:36px;text-align:center;color:var(--ink-3)}
.info-banner{
  display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;
  background:var(--info-soft);border:1px solid var(--brand-100);color:var(--info-ink);
  border-radius:14px;padding:13px 18px;font-size:13.5px;margin-bottom:16px;
}

/* ══════════════════════════════════════════════════════════════════
   بخش عمومی (قبل از ورود) — تم روز لوکس
   ══════════════════════════════════════════════════════════════════ */
.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}
.skip-link{position:absolute;top:-60px;right:16px;background:var(--brand);color:#fff;padding:10px 18px;border-radius:12px;z-index:999;transition:top .2s ease}
.skip-link:focus{top:12px;color:#fff}

.site-body{
  background:
    radial-gradient(900px 420px at 85% -80px, var(--brand-050) 0%, transparent 62%),
    radial-gradient(700px 380px at -120px 260px, var(--gold-soft) 0%, transparent 55%),
    var(--bg);
}
[data-theme="dark"] .site-body{
  background:
    radial-gradient(900px 420px at 85% -80px, rgba(86,138,247,.14) 0%, transparent 62%),
    radial-gradient(700px 380px at -120px 260px, rgba(227,180,92,.07) 0%, transparent 55%),
    var(--bg);
}

/* ---------- هدر شیشه‌ای ---------- */
.site-header{
  position:sticky;top:0;z-index:200;
  background:var(--glass);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.site-header.is-scrolled{border-bottom-color:var(--line);box-shadow:0 10px 30px -24px rgba(30,58,138,.35)}
.header-row{display:flex;align-items:center;gap:26px;height:var(--header-h)}

.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:21px;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-mark{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 78%);
  color:#fff;box-shadow:0 10px 22px -10px rgba(37,99,235,.6);
}
.brand-mark svg{width:23px;height:23px}
.brand-light{color:#fff}
.brand-light:hover{color:#fff}

.site-nav{display:flex;align-items:center;gap:4px;margin-inline-start:6px}
.site-nav a{
  color:var(--ink-2);font-weight:600;font-size:14px;
  padding:9px 15px;border-radius:12px;transition:all .16s ease;
}
.site-nav a:hover,.site-nav a.is-active{color:var(--brand-strong);background:var(--brand-050)}
.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px}

/* ---------- Hero لندینگ ---------- */
.hero-public{position:relative;overflow:hidden;padding:54px 0 78px}
.hero-public-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px;align-items:center;position:relative}
.hero-copy h1{font-size:clamp(36px,4.7vw,58px);font-weight:900;line-height:1.5;margin-bottom:20px}
.hero-copy>p{font-size:17.5px;max-width:52ch}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.trust-row{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.trust-row span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2)}
.trust-row span::before{
  content:"";width:19px;height:19px;flex:none;border-radius:50%;
  background:var(--ok-soft) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23188544' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5.5 12.5 4 4 9-10'/></svg>") center/11px no-repeat;
}

/* حلقه‌های «کاوش» — امضای بصری برند */
.kav-rings{position:absolute;inset:0;pointer-events:none;color:var(--brand)}
.kav-rings::before,.kav-rings::after{
  content:"";position:absolute;border-radius:50%;
  border:1.5px solid currentColor;opacity:.10;
}
.kav-rings::before{width:560px;height:560px;top:50%;left:-90px;transform:translateY(-50%)}
.kav-rings::after{width:820px;height:820px;top:50%;left:-220px;transform:translateY(-50%);opacity:.06}
.kav-rings i{position:absolute;border-radius:50%;border:1.5px dashed currentColor;opacity:.14;width:330px;height:330px;top:50%;left:25px;transform:translateY(-50%)}
.kav-rings b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--gold-soft)}

/* صحنهٔ مسیر استخدام (سمت چپ Hero) */
.hero-scene{position:relative;display:flex;flex-direction:column;gap:16px;padding:12px 6px}

.scene-ic{
  width:46px;height:46px;border-radius:15px;flex:none;display:grid;place-items:center;
  background:var(--brand-050);color:var(--brand-strong);
}
.scene-ic svg{width:23px;height:23px}
.scene-ic.is-gold{background:var(--gold-soft);color:var(--gold)}
.scene-ic.is-ok{background:var(--ok-soft);color:var(--ok)}

@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ---------- سکشن‌های عمومی ---------- */
.section-public{padding:64px 0}
.section-heading{max-width:640px;margin-bottom:38px}
.section-heading.center,.section-heading[data-center]{margin-inline:auto;text-align:center}

.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px}
.feature-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 26px;box-shadow:var(--shadow-1);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--brand-200)}
.feature-icon{
  width:54px;height:54px;border-radius:17px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--brand-100),var(--brand-050) 70%);
  border:1px solid var(--brand-100);
  color:var(--brand-strong);font-size:22px;margin-bottom:16px;
  transition:transform .22s ease;
}
.feature-card:hover .feature-icon{transform:scale(1.07) rotate(-3deg)}
.feature-icon svg{width:25px;height:25px}
.feature-card h3{margin-bottom:6px}
.feature-card p{font-size:13.5px}

/* مسیر سه‌مرحله‌ای */
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:step;position:relative}
.path-grid::before{content:"";position:absolute;top:2px;right:70px;left:70px;border-top:2px dashed var(--brand-200)}
.path-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px 26px;box-shadow:var(--shadow-1)}
.path-card::before{
  counter-increment:step;content:counter(step,persian);
  position:absolute;top:-20px;right:22px;
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  font-family:var(--font-display);font-weight:800;font-size:18px;
  background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;
  box-shadow:0 10px 20px -8px rgba(37,99,235,.55);
}
.path-card h3{margin-top:6px}
.path-card p{font-size:13.5px}

/* بندِ تیرهٔ اتصال به تست‌کاو */
.dark-band{
  position:relative;overflow:hidden;
  background:linear-gradient(140deg,#0C1A3E 0%,#122A63 55%,#0E2050 100%);
  border-radius:var(--radius-lg);
  padding:52px clamp(26px,5vw,64px);
  color:#E7EDFB;box-shadow:var(--shadow-pop);
}
.dark-band .kav-rings{color:#8FB0F5}
.dark-band .kav-rings b{background:var(--accent-on-dark);box-shadow:0 0 0 5px rgba(255,207,74,.16)}
.dark-band h2{color:#fff}
.dark-band p{color:#B9C7E8;max-width:56ch}
.dark-band-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:center}
.band-points{display:grid;gap:12px;margin-top:20px}
.band-points span{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#D7E1F8}
.band-points svg{width:19px;height:19px;color:var(--accent-on-dark);flex:none}
.band-panel{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.band-panel .sync-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(255,255,255,.14);font-size:13px;color:#CBD7F2}
.band-panel .sync-row:last-child{border-bottom:0}
.band-panel .sync-row svg{width:18px;height:18px;color:#8FB0F5;flex:none}
.band-panel .sync-row b{margin-inline-start:auto;color:#fff;font-weight:700}

/* CTA پایانی */
.cta-section{padding-bottom:96px}
.cta-card{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 60%,var(--brand-deep) 130%);
  color:#fff;border-radius:var(--radius-lg);
  padding:52px clamp(26px,5vw,64px);
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  box-shadow:var(--shadow-pop);
}
.cta-card::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);top:-190px;left:-110px}
.cta-card::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.22);bottom:-130px;right:-70px}
.cta-card h2{color:#fff;margin-bottom:6px}
.cta-card p{color:#D8E3FB}
.cta-card>a{position:relative;z-index:1}

/* ---------- فوتر ---------- */
.site-footer{background:#0B1636;color:#98A6C9;margin-top:auto}
[data-theme="dark"] .site-footer{background:#070D1D;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px;padding:56px 24px 40px}
.site-footer strong{color:#fff}
.site-footer h4{color:#fff;font-size:14px;margin-bottom:14px}
.site-footer p{color:#8B9AC0;font-size:13px}
.footer-links{display:grid;gap:9px;align-content:start}
.footer-links a{color:#A9B7DB;font-size:13.5px;transition:color .15s ease}
.footer-links a:hover{color:#fff}
.footer-brand-note{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12.5px;color:#7284AE}
.footer-brand-note svg{width:16px;height:16px;color:var(--accent-on-dark)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08)}
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:18px;font-size:12.5px;color:#7284AE}

/* ---------- صفحات ساده / خطا ---------- */
.simple-page{max-width:820px;margin:0 auto;padding:64px 24px 90px}
.simple-page.narrow{max-width:660px}
.prose p{font-size:15px}
.prose h2{margin-top:34px}
.prose h3{margin-top:26px}
.contact-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-1);margin-top:14px}
.contact-value{font-weight:700;color:var(--brand-strong)}
.error-page{min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px 20px}
.error-page h1{font-size:clamp(60px,12vw,120px);font-weight:900;color:var(--brand-200);line-height:1}
[data-theme="dark"] .error-page h1{color:var(--brand-100)}

.section-heading.center{margin-inline:auto;text-align:center;max-width:680px}
.section-heading.center::after{content:"";display:block;width:52px;height:4px;border-radius:99px;margin:16px auto 0;background:linear-gradient(90deg,var(--brand),var(--gold))}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* ══════════════════════════════════════════════════════════════════
   صفحات ورود — الگوی تست‌کاو: باکس ورود سمت راست، طراحی سمت چپ
   ══════════════════════════════════════════════════════════════════ */
.auth-body{background:var(--bg)}
.auth-shell{display:flex;min-height:100vh}

/* ستون فرم (راست در RTL) */
.auth-side{
  flex:0 0 46%;max-width:620px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:48px clamp(22px,4.5vw,64px);position:relative;
}
.auth-home{
  position:absolute;top:26px;right:26px;
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  border:1px solid var(--line);background:var(--surface);color:var(--ink-2);
  transition:all .18s ease;
}
.auth-home:hover{color:var(--brand-strong);border-color:var(--brand-200);background:var(--brand-050)}
.auth-home svg{width:21px;height:21px}
.auth-theme{position:absolute;top:26px;left:26px}
.auth-card{width:100%;max-width:430px}
.auth-mobile-brand{display:none}

.auth-heading{margin-bottom:26px}
.auth-heading h2{font-size:26px;font-weight:800}
.auth-heading p{font-size:14px}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-3);margin-bottom:14px}
.back-link::before{content:"";width:15px;height:15px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>") center/contain no-repeat}
.back-link:hover{color:var(--brand-strong)}

.auth-choice-grid{display:grid;gap:12px;margin:8px 0 18px}
.auth-choice{
  display:flex;align-items:center;gap:15px;
  background:var(--surface);border:1px solid var(--line);border-radius:17px;
  padding:16px 18px;box-shadow:var(--shadow-1);
  transition:all .18s ease;color:var(--ink);
}
.auth-choice:hover{border-color:var(--brand-300);transform:translateY(-2px);box-shadow:var(--shadow-2);color:var(--ink)}
.auth-choice-icon{
  width:48px;height:48px;flex:none;border-radius:15px;display:grid;place-items:center;
  background:var(--brand-050);color:var(--brand-strong);font-size:20px;
}
.auth-choice-icon svg{width:23px;height:23px}
.auth-choice>span:nth-child(2){display:grid;gap:1px}
.auth-choice strong{font-size:14.5px}
.auth-choice small{color:var(--ink-3);font-size:12.5px}
.auth-choice-arrow{margin-inline-start:auto;color:var(--ink-3);font-size:18px;transition:transform .18s ease,color .18s ease}
.auth-choice:hover .auth-choice-arrow{color:var(--brand-strong);transform:translateX(-4px)}
.auth-choice-arrow svg{width:19px;height:19px}

.auth-footer-link{margin-top:18px;text-align:center;font-size:13.5px;color:var(--ink-3)}
.auth-footer-link a{font-weight:700}
.auth-inline-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin:-6px 0 14px}
.legal-note{margin-top:22px;font-size:12px;color:var(--ink-3);text-align:center}
.auth-form-panel{width:100%}

/* ستون برند (چپ در RTL) */
.auth-brand{
  flex:1;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(760px 560px at 78% 18%, rgba(255,255,255,.10) 0%, transparent 60%),
    linear-gradient(155deg,#123073 0%,#1B49B4 46%,#2563EB 100%);
  color:#fff;margin:14px;border-radius:var(--radius-lg);
  box-shadow:var(--shadow-pop);
}
[data-theme="dark"] .auth-brand{background:
    radial-gradient(760px 560px at 78% 18%, rgba(122,160,250,.14) 0%, transparent 60%),
    linear-gradient(155deg,#0B1B45 0%,#12308A 50%,#1E4FD0 100%)}
.auth-brand .rings::before,.auth-brand .rings::after{
  content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.16);
}
.auth-brand .rings::before{width:520px;height:520px;top:-190px;left:-150px}
.auth-brand .rings::after{width:380px;height:380px;bottom:-160px;right:-110px;border-style:dashed;border-color:rgba(255,255,255,.2)}
.auth-brand .star{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent-on-dark);box-shadow:0 0 0 5px rgba(255,207,74,.16)}
.auth-brand .s1{top:16%;right:14%}.auth-brand .s2{top:64%;right:8%;width:5px;height:5px}
.auth-brand .s3{bottom:14%;left:20%}.auth-brand .s4{top:26%;left:10%;width:5px;height:5px}
.auth-brand-in{position:relative;max-width:470px;padding:40px;text-align:right}
.auth-brand-mark{
  width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin-bottom:26px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.auth-brand-mark svg{width:32px;height:32px;color:#fff}
.auth-brand-in h2{color:#fff;font-size:clamp(26px,2.6vw,36px);font-weight:900;line-height:1.5;margin-bottom:14px}
.auth-brand-in h2 .tick-hl{color:var(--accent-on-dark)}
.auth-brand-in h2 .tick-hl>svg{color:rgba(255,207,74,.72)}
.auth-brand-in p{color:#CBD9F7;font-size:14.5px}
.auth-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.auth-chip{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:600;color:#E7EDFB;
}
.auth-chip i{width:6px;height:6px;border-radius:50%;background:var(--accent-on-dark)}
.auth-brand-foot{position:absolute;bottom:22px;inset-inline:0;text-align:center;font-size:12px;color:rgba(233,240,255,.55)}
.auth-note{font-size:12.5px;color:#B9C7E8}

/* ══════════════════════════════════════════════════════════════════
   پنل کاربری — الگوی تست‌کاو: سایدبار + تاپ‌بار + بخش‌بندی
   ══════════════════════════════════════════════════════════════════ */
.panel-body{background:var(--bg)}

/* در پنل (صفحات بعد از ورود): تیترها با Ravi، جمع‌وجورتر، وزن ۸۰۰ و word-spacing فشرده */
.panel-body h1,.panel-body h2,.panel-body h3,.panel-body h4,.panel-body h5,.panel-body h6{
  font-family:var(--font-body);font-weight:800;word-spacing:-1px;
}
.panel-body h1{font-size:clamp(21px,2.1vw,26px)}
.panel-body h2{font-size:clamp(17px,1.8vw,21px)}
.panel-body h3{font-size:16.5px}
.panel-body h4{font-size:15px}
.panel-body h5,.panel-body h6{font-size:14px}
.panel-body .panel-hello h1,.panel-body .page-heading h1,.panel-body .panel-page-heading h1,.panel-body .wizard-header h1{font-size:clamp(20px,2vw,24px)}
.panel-body .section-row h2{font-size:17.5px}
.panel-body .form-section-head h2{font-size:16.5px}
.panel-shell{display:flex;min-height:100vh}

/* ---------- سایدبار ---------- */
.sidebar{
  position:sticky;top:0;height:100vh;flex:0 0 var(--sidebar-w);width:var(--sidebar-w);
  display:flex;flex-direction:column;
  background:var(--surface);border-inline-start:0;border-inline-end:1px solid var(--line);
  transition:width .25s ease,flex-basis .25s ease;
  z-index:320;
}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 18px 10px}
.sidebar-head .brand{font-size:19px}
.sidebar-close{display:none}
.sidebar-user{
  display:flex;align-items:center;gap:11px;margin:4px 14px 8px;
  background:linear-gradient(160deg,var(--brand-050),var(--surface-2) 75%);
  border:1px solid var(--brand-100);border-radius:15px;padding:10px 12px;
}
.sidebar-user .avatar{
  width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;
  font-family:var(--font-display);font-weight:800;font-size:17px;
}
.sidebar-user strong{display:block;font-size:13.5px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.sidebar-user small{
  display:inline-block;margin-top:4px;padding:1.5px 10px;border-radius:99px;
  background:var(--surface);border:1px solid var(--brand-100);
  color:var(--brand-strong);font-size:10.5px;font-weight:700;
}

.sidebar-nav{flex:1;overflow-y:auto;padding:4px 12px 12px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.nav-label{font-size:10.5px;font-weight:800;color:var(--ink-3);opacity:.85;letter-spacing:.5px;margin:15px 13px 5px}
.sidebar-nav a,.nav-action-form button,.nav-disabled{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:10px 13px;border-radius:12px;
  font-size:13.5px;font-weight:600;color:var(--ink-2);text-align:right;
  transition:all .16s ease;position:relative;
}
.sidebar-nav a:hover,.nav-action-form button:hover{background:var(--brand-050);color:var(--brand-strong)}
.sidebar-nav a.active{background:linear-gradient(270deg,var(--brand-050) 0%,transparent 130%);color:var(--brand-strong);font-weight:700}
.sidebar-nav a.active::before{
  content:"";position:absolute;inset-inline-start:-14px;top:9px;bottom:9px;width:4px;
  border-radius:99px;background:linear-gradient(180deg,var(--brand),var(--gold));
}
.sidebar-nav a>span:first-child,.nav-action-form button>span:first-child,.nav-disabled>span:first-child{
  width:24px;height:24px;flex:none;display:grid;place-items:center;
  color:var(--ink-3);font-size:16px;transition:color .16s ease,transform .16s ease;
}
.sidebar-nav a>span:first-child svg,.nav-action-form button>span svg{width:20px;height:20px}
.sidebar-nav a:hover>span:first-child,.sidebar-nav a.active>span:first-child,
.nav-action-form button:hover>span:first-child{color:var(--brand-strong)}
.sidebar-nav a:hover>span:first-child{transform:translateX(-2px)}
.nav-badge{margin-inline-start:auto;background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:grid;place-items:center}
.nav-action-form{margin:0}
.nav-action-form button{color:var(--brand-strong)}
.nav-action-form button>span:first-child{background:var(--brand-050);color:var(--brand-strong)}
.nav-disabled{color:var(--ink-3);cursor:not-allowed;opacity:.75}
.nav-disabled small{margin-inline-start:auto;font-size:10.5px;background:var(--bg-soft);border-radius:99px;padding:2px 9px}

.sidebar-foot{padding:10px 12px;border-top:1px solid var(--line);display:grid;gap:3px}
.sidebar-foot form{margin:0}
.side-min-toggle,.sidebar-logout{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:10px 12px;border-radius:13px;font-size:13.5px;font-weight:600;
  color:var(--ink-3);transition:all .16s ease;text-align:right;
}
.side-min-toggle:hover{background:var(--bg-soft);color:var(--ink)}
.sidebar-logout:hover{background:var(--danger-soft);color:var(--danger-ink)}
.side-min-toggle svg{width:20px;height:20px;flex:none;transition:transform .25s ease}
.sidebar-logout>span:first-child{width:24px;height:24px;flex:none;display:grid;place-items:center}
.sidebar-logout svg{width:19px;height:19px}

/* حالت جمع‌شدهٔ سایدبار (دسکتاپ) */
@media (min-width:961px){
  html.jk-side-min .sidebar{flex-basis:var(--sidebar-min);width:var(--sidebar-min)}
  html.jk-side-min .sidebar-head{justify-content:center;padding-inline:10px}
  html.jk-side-min .sidebar-head .brand>span:last-child{display:none}
  html.jk-side-min .sidebar-user{justify-content:center;padding:9px;margin-inline:12px}
  html.jk-side-min .sidebar-user>div{display:none}
  html.jk-side-min .nav-label{display:none}
  html.jk-side-min .sidebar-nav a,
  html.jk-side-min .nav-action-form button,
  html.jk-side-min .nav-disabled,
  html.jk-side-min .side-min-toggle,
  html.jk-side-min .sidebar-logout{font-size:0;gap:0;justify-content:center;padding:9px}
  html.jk-side-min .nav-disabled small{display:none}
  html.jk-side-min .side-min-toggle b{display:none}
  html.jk-side-min .sidebar-nav a.active::before{inset-inline-start:-12px}
  html.jk-side-min .nav-badge{position:absolute;top:3px;inset-inline-start:5px;margin:0;font-size:10px}
  html.jk-side-min .side-min-toggle svg{transform:rotate(180deg)}
}

/* ---------- بدنه پنل و تاپ‌بار ---------- */
.panel-main{flex:1;min-width:0;display:flex;flex-direction:column}
.panel-header{
  position:sticky;top:0;z-index:300;height:var(--topbar-h);
  display:flex;align-items:center;gap:14px;
  padding:0 clamp(16px,3vw,32px);
  background:var(--glass);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.sidebar-open{display:none}
.panel-search{
  flex:0 1 340px;display:flex;align-items:center;gap:9px;
  background:var(--field-bg);border:1px solid var(--field-line);border-radius:13px;
  padding:0 14px;height:44px;transition:all .18s ease;color:var(--ink-3);
}
.panel-search:focus-within{border-color:var(--brand);box-shadow:var(--ring)}
.panel-search svg{width:18px;height:18px;flex:none}
.panel-search input{flex:1;width:auto;min-width:0;border:0;background:none;padding:0;height:100%;font-size:13.5px}
.panel-search input:focus{box-shadow:none;border:0}
.panel-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:9px}

/* منوهای هدر (details) */
.header-menu{position:relative}
.header-menu summary{
  list-style:none;display:grid;gap:0;cursor:pointer;position:relative;
  background:var(--surface);border:1px solid var(--line);border-radius:13px;
  padding:6.5px 34px 6.5px 34px;padding-inline-start:14px;
  transition:all .18s ease;user-select:none;min-width:130px;
}
.header-menu summary::-webkit-details-marker{display:none}
.header-menu summary:hover{border-color:var(--brand-200);background:var(--brand-050)}
.header-menu summary small{display:block;font-size:10.5px;color:var(--ink-3);line-height:1.4}
.header-menu summary strong{display:block;font-size:13px;line-height:1.5;color:var(--ink)}
.header-menu summary::after{
  content:"";width:15px;height:15px;background:currentColor;color:var(--ink-3);
  position:absolute;left:12px;top:50%;margin-top:-7.5px;
  transition:transform .2s ease;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center/contain no-repeat}
.header-menu[open] summary::after{transform:rotate(180deg)}
.header-menu-card{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:230px;
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow-pop);padding:8px;z-index:340;
  display:grid;gap:2px;animation:menuIn .18s ease;
}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.header-menu-card form{margin:0}
.header-menu-card button,.header-menu-card a{
  display:flex;align-items:center;gap:10px;width:100%;text-align:right;
  padding:10px 13px;border-radius:11px;font-size:13px;font-weight:600;color:var(--ink-2);
  transition:all .15s ease;
}
.header-menu-card button:hover,.header-menu-card a:hover{background:var(--brand-050);color:var(--brand-strong)}
.header-menu-card button.selected{background:var(--brand-050);color:var(--brand-strong)}
.header-menu-card button.selected::after{content:"";margin-inline-start:auto;width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat}

.header-avatar{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;
  font-family:var(--font-display);font-weight:800;font-size:16px;
  box-shadow:0 8px 18px -8px rgba(37,99,235,.55);transition:transform .16s ease;
}
.header-avatar:hover{transform:translateY(-2px);color:#fff}

.panel-messages{padding:16px clamp(16px,3vw,32px) 0}
.panel-messages .alert{transition:opacity .45s ease,transform .45s ease}
.panel-messages .alert.is-leaving{opacity:0;transform:translateY(-8px)}
.panel-content{padding:26px clamp(16px,3vw,32px) 60px;max-width:1240px;width:100%}

.page-heading,.panel-page-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-bottom:18px;
}
.page-heading h1,.panel-page-heading h1{font-size:clamp(23px,2.4vw,30px);margin-bottom:4px}
.page-heading p{font-size:13.5px;margin:0}
.page-heading-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- داشبورد ---------- */
.panel-hello{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-bottom:18px;
}
.panel-hello h1{font-size:clamp(22px,2.3vw,28px);margin-bottom:3px}
.panel-hello p{font-size:13px;margin:0}
.panel-hello .role-note{color:var(--brand-strong);font-weight:700}

/* دعوت به تکمیل اطلاعات حساب (نام و نام خانوادگی) */
.account-callout{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--brand-050),var(--surface) 72%);
  border:1.5px dashed var(--brand-200);border-radius:18px;
  padding:15px 20px;margin:0 0 16px;
}
.account-callout>span{
  width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--on-brand);
  box-shadow:0 10px 20px -9px rgba(37,99,235,.5);
}
.account-callout>span svg{width:22px;height:22px}
.account-callout-body{flex:1;min-width:230px}
.account-callout-body strong{display:block;font-size:14.5px;color:var(--ink)}
.account-callout-body p{margin:2px 0 0;font-size:12.5px;color:var(--ink-2);line-height:1.9}
.account-callout .btn{flex:none}
.account-callout-after{margin:18px 0 0}

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;margin-bottom:12px}
.stat-card{
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow-1);padding:18px 20px;position:relative;overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--brand-200)}
.stat-card>span,.stat-body>span{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3);margin-bottom:5px}
.stat-card>strong,.stat-body>strong{font-size:27px;font-weight:900;color:var(--brand-deep);line-height:1.25;display:block}
.stat-card.has-ic{display:flex;align-items:center;gap:14px}
.stat-card.has-ic>*{align-self:center!important;align-content:center}
.stat-card.has-ic .stat-body{display:grid;align-content:center;gap:3px}
.stat-card.has-ic .stat-body>span{margin-bottom:0}
.stat-card.has-ic .stat-body>strong{line-height:1.2}
.stat-body{min-width:0}
.stat-ic{width:47px;height:47px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--brand-050);color:var(--brand-strong)}
.stat-ic svg{width:22px;height:22px}
.stat-ic.is-gold{background:var(--gold-soft);color:var(--gold)}
.stat-ic.is-ok{background:var(--ok-soft);color:var(--ok)}
.stat-ic.is-mute{background:var(--bg-soft);color:var(--ink-3)}
.stat-card-wide{grid-column:span 2}
.stat-text{font-size:15.5px!important;font-weight:700!important;color:var(--ink)!important}
@media (max-width:640px){.stat-card-wide{grid-column:span 1}}

.choice-hero{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);padding:clamp(24px,3.6vw,42px);position:relative;overflow:hidden;
}
.choice-hero::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.11),transparent 64%);top:-230px;right:-150px;pointer-events:none}
.choice-hero::after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.11),transparent 64%);bottom:-220px;left:-140px;pointer-events:none}
.choice-copy{position:relative;max-width:560px;margin:0 auto 28px;text-align:center}
.choice-copy h2{font-size:clamp(20px,2.4vw,26px)}
.choice-copy p{font-size:13.5px}
.choice-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px}
.choice-grid form{display:contents}
/* هر کارت با توکن محلی --cc رنگ می‌گیرد: کارجو = آبی برند، کارفرما = بنفش */
.choice-card{
  --cc:var(--brand);--cc-strong:var(--brand-strong);--cc-soft:var(--brand-050);
  --cc-title:var(--brand-strong);--on-cc:var(--on-brand);--cc-glow:37,99,235;
  position:relative;display:flex;flex-direction:column;gap:18px;
  width:100%;height:100%;text-align:right;
  background:linear-gradient(195deg,var(--cc-soft),var(--surface) 115%);
  border:1.5px solid var(--brand-200);border-radius:22px;padding:24px;
  cursor:pointer;overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.choice-card::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--cc),var(--cc-strong))}
.choice-card:hover{transform:translateY(-4px);border-color:var(--cc);box-shadow:var(--shadow-2),0 22px 46px -24px rgba(var(--cc-glow),.55)}
.choice-card:focus-visible{border-radius:22px;border-color:var(--cc);box-shadow:0 0 0 4px rgba(var(--cc-glow),.22)}
.choice-employer{
  --cc:var(--violet);--cc-strong:var(--violet-strong);--cc-soft:var(--violet-soft);
  --cc-title:var(--violet-strong);--on-cc:var(--on-violet);--cc-glow:124,58,237;
  border-color:#DDD1FA;border-color:color-mix(in srgb,var(--violet) 26%,var(--surface));
}
.choice-mark{position:absolute;bottom:-30px;left:-20px;width:158px;height:158px;color:var(--cc);opacity:.08;transform:rotate(-10deg);pointer-events:none}
.choice-mark svg{width:100%;height:100%}
[data-theme="dark"] .choice-mark{opacity:.15}
.choice-head{position:relative;display:flex;align-items:center;gap:14px}
.choice-icon{
  width:56px;height:56px;flex:none;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--cc),var(--cc-strong));color:var(--on-cc);
  box-shadow:0 12px 24px -10px rgba(var(--cc-glow),.55);
}
.choice-icon svg{width:26px;height:26px}
.choice-tag{display:block;font-size:11.5px;font-weight:700;color:var(--cc-title);opacity:.8;margin-bottom:1px}
.choice-card strong{display:block;font-size:23px;font-weight:900;color:var(--cc-title);line-height:1.45;word-spacing:-1px}
.choice-list{position:relative;display:grid;gap:9px}
.choice-li{display:flex;align-items:flex-start;gap:9px;font-size:12.8px;font-weight:500;color:var(--ink-2);line-height:1.9;text-align:right}
.choice-li svg{width:18px;height:18px;flex:none;margin-top:4px;color:var(--cc);background:rgba(var(--cc-glow),.12);border-radius:6px;padding:3px}
.choice-card b{
  position:relative;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:12px 18px;border-radius:13px;
  background:linear-gradient(135deg,var(--cc),var(--cc-strong));color:var(--on-cc);
  font-size:14px;font-weight:800;
  box-shadow:0 12px 22px -12px rgba(var(--cc-glow),.6);
  transition:box-shadow .18s ease,filter .18s ease;
}
.choice-card b svg{width:16px;height:16px;transition:transform .18s ease}
.choice-card:hover b{filter:brightness(1.06);box-shadow:0 16px 30px -12px rgba(var(--cc-glow),.72)}
.choice-card:hover b svg{transform:translateX(-4px)}

.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-top:12px}
.action-card{
  display:flex;align-items:center;gap:15px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:19px 20px;box-shadow:var(--shadow-1);color:var(--ink);transition:all .18s ease;
}
.action-card:hover{transform:translateY(-3px);border-color:var(--brand-200);box-shadow:var(--shadow-2);color:var(--ink)}
.action-card>span{width:48px;height:48px;flex:none;border-radius:15px;display:grid;place-items:center;font-size:20px;background:var(--brand-050);color:var(--brand-strong)}
.action-card>span svg{width:22px;height:22px}
.action-card strong{display:block;font-size:14.5px}
.action-card small{color:var(--ink-3);font-size:12.5px;line-height:1.7}

.dashboard-section{margin-top:22px}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}
.section-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.section-row h2{font-size:20px;margin-bottom:2px}
.section-row p{font-size:13px;margin:0}
.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* ══════════════════════════════════════════════════════════════════
   ویزارد ساخت موقعیت شغلی و پروفایل
   ══════════════════════════════════════════════════════════════════ */
.wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.wizard-header h1{font-size:clamp(22px,2.4vw,28px);margin-bottom:4px}
.wizard-header p{font-size:13px;margin:0}

.wizard-steps{
  list-style:none;padding:6px;margin:0 0 12px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
  background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-1);
}
.wizard-steps li{border-radius:13px;transition:background .2s ease}
.wizard-steps li>a,.wizard-steps li>span:only-of-type{color:inherit}
.wizard-steps li,.wizard-steps li>a{
  display:flex;align-items:center;gap:11px;
  padding:13px 15px;border-radius:13px;
}
.wizard-steps li:has(>a){padding:0}
.wizard-steps li>a{width:100%;transition:background .2s ease}
.wizard-steps li>a:hover{background:var(--brand-050)}
.wizard-steps li>a:hover strong{color:var(--brand-strong)}
.wizard-steps li span{
  width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;
  font-family:var(--font-body);font-weight:800;font-size:15px;
  background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-3);
}
.wizard-steps li strong{display:block;font-size:13px;color:var(--ink-3)}
.wizard-steps li small{display:block;font-size:11px;color:var(--ink-3);line-height:1.5}
.wizard-steps li.active{background:var(--brand-050)}
.wizard-steps li.active span{background:linear-gradient(135deg,var(--brand),var(--brand-strong));border-color:transparent;color:#fff;box-shadow:0 8px 16px -8px rgba(37,99,235,.55)}
.wizard-steps li.active strong{color:var(--brand-ink)}
.wizard-steps li.done span{background:var(--ok-soft);border-color:transparent;color:var(--ok-ink)}
.wizard-steps li.done strong{color:var(--ink-2)}

.wizard-form{display:grid;gap:12px}
.form-section{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-1);padding:26px;
}
.form-section-head,.section-heading:has(>span:not([class])){
  display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;max-width:none;
}
.form-section-head>span,.section-heading>span:not([class]){
  width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;
  font-family:var(--font-body);font-weight:800;font-size:16px;
  background:var(--brand-050);color:var(--brand-strong);
}
.form-section-head h2,.section-heading:has(>span:not([class])) h2{font-size:18px;margin-bottom:2px}
.form-section-head>span svg,.section-heading>span:not([class]) svg{width:20px;height:20px}
.form-section-head p{font-size:13px;margin:0}

.wizard-actions{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:6px;
}
.wizard-actions .btn:only-child{margin-inline-start:auto}
.draft-note{font-size:12.5px;color:var(--ink-3)}
.step-intro{text-align:center;max-width:520px;margin:0 auto 26px}
.step-intro>span{
  display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;
  background:var(--gold-soft);color:var(--gold);font-size:24px;margin-bottom:12px;
}
.sticky-form-actions{
  position:sticky;bottom:14px;z-index:50;
  display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;
  background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid var(--line);border-radius:16px;padding:13px 16px;box-shadow:var(--shadow-2);
}
.limit-note{font-size:12.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px}
.immutable-summary{
  display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:12px;
}
.immutable-summary>div{
  flex:1;min-width:170px;display:grid;gap:2px;
  background:var(--surface);border:1px dashed var(--line-2);border-radius:13px;padding:11px 15px;
}
.immutable-summary span{font-size:11.5px;color:var(--ink-3);font-weight:600}
.immutable-summary span::before{content:"🔒 ";font-size:10px}
.immutable-summary strong{font-size:13.5px;color:var(--ink);font-weight:700}

/* زیرمرحله‌های فرم (گام‌به‌گام داخل یک مرحله) */
.substep-shell{padding:0;overflow:visible}
.substep-bar{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;
  padding:16px 18px 0;
}
.substep-dot{
  display:flex;align-items:center;gap:9px;
  padding:9px 10px;border-radius:12px;text-align:right;
  color:var(--ink-3);transition:all .18s ease;cursor:default;
}
.substep-dot[data-reachable]{cursor:pointer}
.substep-dot[data-reachable]:hover{background:var(--brand-050)}
.substep-dot i{
  width:30px;height:30px;flex:none;border-radius:10px;display:grid;place-items:center;
  font-style:normal;font-weight:800;font-size:13px;
  background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-3);
  transition:all .18s ease;
}
.substep-dot i svg{width:15px;height:15px}
.substep-dot span{font-size:12.5px;font-weight:700;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.substep-dot.is-active{color:var(--brand-ink)}
.substep-dot.is-active i{background:linear-gradient(135deg,var(--brand),var(--brand-strong));border-color:transparent;color:#fff;box-shadow:0 7px 14px -7px rgba(37,99,235,.6)}
.substep-dot.is-done{color:var(--ink-2)}
.substep-dot.is-done i{background:var(--ok-soft);border-color:transparent;color:var(--ok-ink)}
.substep-track{height:3px;margin:12px 18px 0;border-radius:99px;background:var(--line);overflow:hidden}
.substep-track i{display:block;height:100%;width:25%;border-radius:inherit;
  background:linear-gradient(90deg,var(--brand),var(--gold));transition:width .35s ease}
.substep{display:none;padding:24px 26px 26px}
.substep.is-active{display:block;animation:subIn .3s ease}
@keyframes subIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.substep .form-section-head{margin-bottom:18px}
.substep .form-section-head>span svg{width:20px;height:20px}
.substep-hint{
  display:flex;align-items:flex-start;gap:9px;margin-top:18px;
  background:var(--surface-2);border:1px dashed var(--line-2);border-radius:13px;
  padding:12px 15px;font-size:12.5px;color:var(--ink-3);
}
.substep-hint svg{width:16px;height:16px;flex:none;color:var(--gold);margin-top:2px}
.substep-actions{justify-content:space-between;align-items:center}
.sticky-form-actions{margin-top:12px}
.substep-actions-end{display:flex;align-items:center;gap:12px;margin-inline-start:auto;flex-wrap:wrap}
.substep-actions .draft-note{font-size:12px}
.substep-actions .btn svg{width:17px;height:17px}

/* انتخاب مهارت/ابزار */
.selection-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.selection-toolbar input[type="search"]{max-width:320px;flex:1}
.selection-toolbar span{font-size:12.5px;font-weight:700;color:var(--brand-strong);background:var(--brand-050);border-radius:99px;padding:5px 14px;white-space:nowrap}
.selection-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}
.selection-panel{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:20px}
.selection-panel h3{font-size:15.5px}
.selection-panel p{font-size:12.5px}

/* عنوان شغل و شرکت + پیشنهادها */
.title-suggestion-field,.company-field{position:relative}
.suggestions{
  position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:80;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--shadow-pop);max-height:300px;overflow:auto;padding:6px;
  display:none;gap:2px;
}
.suggestions.open{display:grid}
.suggestions:empty{display:none}
.suggestions button{
  width:100%;text-align:right;padding:10px 13px;border-radius:10px;font-size:13.5px;
  color:var(--ink-2);transition:all .14s ease;
}
.suggestions button:hover,.suggestions button:focus-visible{background:var(--brand-050);color:var(--brand-strong)}
.suggestion-item{display:grid;gap:1px}
.suggestion-item strong{font-size:13.5px;color:var(--ink);font-weight:700}
.suggestion-item small{font-size:11.5px;color:var(--ink-3);unicode-bidi:plaintext}
.suggestion-item .sug-cat{font-style:normal;font-size:11px;font-weight:400;color:var(--ink-3);margin-inline-start:7px}
.suggestion-item:hover strong,.suggestion-item:focus-visible strong{color:var(--brand-strong)}
.suggestion-state{padding:14px 13px;font-size:12.5px;color:var(--ink-3);text-align:center}
.suggestion-state-error{color:var(--danger-ink)}
.suggestion-state-loading{display:flex;align-items:center;justify-content:center;gap:9px}
.suggestion-state-loading::before{content:"";width:14px;height:14px;border-radius:50%;flex:none;
  border:2px solid var(--brand-200);border-top-color:var(--brand);animation:spin 0.7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.title-line{display:flex;align-items:center;gap:10px}
.matched-occupation,.selected-company{
  display:inline-flex;align-items:center;gap:8px;margin-top:8px;
  background:var(--ok-soft);color:var(--ok-ink);border-radius:99px;
  padding:5px 14px;font-size:12.5px;font-weight:700;
}
.matched-occupation button,.selected-company button{color:inherit;font-size:15px;line-height:1;opacity:.7}
.matched-occupation button:hover,.selected-company button:hover{opacity:1}
.match-pill{display:inline-flex;align-items:center;gap:6px;background:var(--ok-soft);color:var(--ok-ink);border-radius:99px;padding:3px 11px;font-size:11.5px;font-weight:700}
.selected-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* مزایا و زبان */
.benefit-toggle-row{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}
.benefits-panel{margin-top:14px;border-top:1px dashed var(--line-2);padding-top:16px}
.benefits-panel[hidden]{display:none}
.benefit-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:10px}
.language-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}
.language-choice-grid ul,.language-choice-grid div:not([class]){display:contents}
.language-choice-grid li{display:contents}
.language-choice-grid label{
  display:flex;align-items:center;gap:12px;margin:0;
  background:var(--surface-2);border:1.5px solid var(--line);border-radius:16px;
  padding:18px 20px;font-size:15px;font-weight:700;color:var(--ink-2);
  cursor:pointer;transition:all .16s ease;
}
.language-choice-grid label:hover{border-color:var(--brand-300);color:var(--ink)}
.language-choice-grid label:has(input:checked){
  background:var(--brand-050);border-color:var(--brand);color:var(--brand-ink);
  box-shadow:0 0 0 1px var(--brand) inset,var(--shadow-1);
}
.language-label{font-weight:700}

/* کارت‌های آزمون (مرحله ۳) */
.assessment-picker{display:grid;gap:16px}
.assessment-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.assessment-controls .field{margin:0;flex:1;min-width:190px}
.price-segmented [data-assessment-price="free"].selected{background:var(--ok-soft);color:var(--ok-ink)}
.price-segmented [data-assessment-price="free"].selected::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);margin-inline-end:7px;display:inline-block}
.price-segmented [data-assessment-price="paid"].selected{background:var(--gold-soft);color:var(--gold)}
.price-segmented [data-assessment-price="paid"].selected::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);margin-inline-end:7px;display:inline-block}
.price-segmented button{display:inline-flex;align-items:center}

.assessment-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.assessment-card.selected{border-color:var(--ok);background:var(--ok-soft);box-shadow:0 0 0 1px var(--ok) inset,var(--shadow-2)}
[data-theme="dark"] .assessment-card.selected{background:rgba(63,191,116,.08)}
.assessment-card.selected::before{
  content:"";position:absolute;top:-9px;inset-inline-start:-9px;width:28px;height:28px;
  border-radius:50%;background:var(--ok);box-shadow:0 5px 12px -4px rgba(24,133,68,.55);z-index:1;
}
.assessment-card.selected::after{
  content:"";position:absolute;top:-3px;inset-inline-start:-3px;width:16px;height:16px;z-index:1;
  background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat;
}
.assessment-title-row{display:flex;align-items:flex-start;gap:12px}
.assessment-card-icon{
  width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;
  background:var(--brand-050);color:var(--brand-strong);font-size:19px;
}
.assessment-card-icon svg{width:22px;height:22px}
.assessment-card-content{flex:1;min-width:0}
.assessment-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ink-3)}
.assessment-meta b{color:var(--ink-2)}
@media (max-width:900px){.assessment-results{grid-template-columns:minmax(0,1fr)}}
.assessment-pagination{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin-top:18px;padding-top:18px;border-top:1px dashed var(--line);
}
.assessment-pagination .btn{padding:11px 26px;font-weight:700}
.assessment-pagination [data-assessment-prev]::before{
  content:"";width:15px;height:15px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M10 6l6 6-6 6'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M10 6l6 6-6 6'/></svg>") center/contain no-repeat}
.assessment-pagination [data-assessment-next]::after{
  content:"";width:15px;height:15px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M14 6l-6 6 6 6'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M14 6l-6 6 6 6'/></svg>") center/contain no-repeat}
.assessment-pagination [data-assessment-position]{
  display:inline-flex;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:999px;
  padding:8px 20px;font-size:13px;font-weight:700;color:var(--ink-2);
  box-shadow:var(--shadow-1);
}
.assessment-launch-form{margin:0}
.asm-select{margin-top:auto;padding-block:11px}
.assessment-card.selected .asm-select{border:1px solid transparent}

/* نوارهای پوشش مهارت/ابزار (تولیدشده توسط assessment_picker.js) */
.coverage-row{display:grid;gap:7px;text-align:right;width:100%;border-radius:12px;padding:8px 10px;margin-inline:-10px;transition:background .15s ease}
.coverage-row:not(.is-none):hover{background:var(--brand-050)}
.coverage-row:not(.is-none){cursor:pointer}
.coverage-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--ink-2);font-weight:600}
.coverage-label b{color:var(--brand-ink);font-weight:900;font-size:14px}
.coverage-row.is-none{opacity:.6}
.coverage-row.is-none .coverage-label b{color:var(--ink-3);font-weight:600;font-size:12.5px}
.progress{display:block;height:10px;border-radius:99px;background:var(--bg-soft);overflow:hidden;box-shadow:inset 0 1px 2px rgba(13,27,54,.06)}
.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand) 0%,var(--brand-strong) 60%,var(--brand-deep) 130%);box-shadow:0 0 8px rgba(37,99,235,.35);transition:width .5s ease}

/* رده‌های رنگی پوشش: ۷۵+ سبز · ۵۰–۷۴ آبی (پیش‌فرض) · ۲۵–۴۹ نارنجی · <۲۵ قرمز */
.coverage-row.is-high .progress>span{background:linear-gradient(90deg,#2FB06A 0%,#1E9153 70%,#177A45 130%);box-shadow:0 0 8px rgba(30,145,83,.35)}
.coverage-row.is-high .coverage-label b{color:var(--ok-ink)}
.coverage-row.is-low .progress>span{background:linear-gradient(90deg,#F6A21C 0%,#E68806 70%,#C97404 130%);box-shadow:0 0 8px rgba(230,136,6,.35)}
.coverage-row.is-low .coverage-label b{color:#B36503}
.coverage-row.is-poor .progress>span{background:linear-gradient(90deg,#E25858 0%,#CC3D3D 70%,#B12F2F 130%);box-shadow:0 0 8px rgba(204,61,61,.35)}
.coverage-row.is-poor .coverage-label b{color:var(--danger-ink)}
[data-theme="dark"] .coverage-row.is-low .coverage-label b{color:#F2AE45}
[data-theme="dark"] .coverage-row.is-poor .coverage-label b{color:#F08A8A}
.assessment-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.assessment-card-head h3{font-size:16.5px;margin:0;min-width:0}
.assessment-card-head h3 a{display:inline-flex;align-items:center;gap:8px;color:var(--brand-strong)}
.assessment-card-head h3 a:hover{color:var(--brand-ink);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.asm-ext{width:15px;height:15px;flex:none;opacity:.6;transition:opacity .15s ease,transform .15s ease}
.assessment-card-head h3 a:hover .asm-ext{opacity:1;transform:translate(-1px,-1px)}
.asm-badge{
  display:inline-flex;align-items:center;gap:6px;flex:none;
  background:var(--brand-050);border:1px solid var(--brand-100);color:var(--brand-strong);
  font-size:11.5px;font-weight:700;padding:4px 13px;border-radius:999px;
}
.asm-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.assessment-card-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--ink-3)}
.assessment-card-meta span{
  display:inline-flex;align-items:center;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:999px;padding:3.5px 12px;font-weight:600;color:var(--ink-2);
}
.assessment-card-meta .is-free{background:var(--ok-soft);border-color:transparent;color:var(--ok-ink);font-weight:700}
.assessment-card-meta .is-paid{background:var(--gold-soft);border-color:transparent;color:var(--gold);font-weight:700}
.assessment-card-meta .asm-rating::before{content:"★";color:var(--gold);margin-inline-end:5px;font-size:12.5px}
.assessment-card-meta b{color:var(--ink-2)}
.assessment-results.single{grid-template-columns:minmax(0,1fr);justify-items:center}
.assessment-results.single .assessment-card{width:100%;max-width:620px}
.assessment-results.single .asm-select{align-self:flex-end;width:auto;min-width:200px;padding-inline:34px}
.assessment-results.single .loading-card{width:100%;max-width:620px}

/* دونات درصد تطبیق درخواست‌ها (--score یا --match) */
.match-ring{
  --p:var(--score,var(--match,0));
  width:74px;height:74px;flex:none;border-radius:50%;position:relative;
  display:inline-grid;place-content:center;text-align:center;gap:0;
  background:conic-gradient(var(--brand) calc(var(--p)*1%),var(--brand-100) 0);
}
.match-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}
.match-ring strong{position:relative;font-weight:900;font-size:14.5px;color:var(--brand-ink);line-height:1.3}
.match-ring span{position:relative;font-size:10px;color:var(--ink-3);font-weight:600}
.match-ring.large{width:104px;height:104px}
.match-ring.large::before{inset:9px}
.match-ring.large strong{font-size:20px}
.match-ring.large span{font-size:11.5px}

/* انتخاب‌گر شغل و دسته خودکار */
.occupation-picker{position:relative}
.auto-category{
  display:flex;align-items:center;gap:10px;min-height:46px;
  background:var(--bg-soft);border:1.5px dashed var(--line-2);border-radius:13px;
  padding:10px 15px;font-size:13.5px;font-weight:600;color:var(--ink-3);
  transition:all .2s ease;
}
.auto-category svg{width:17px;height:17px;flex:none}
.auto-category.is-set{background:var(--ok-soft);border-style:solid;border-color:transparent;color:var(--ok-ink)}

/* چیپ‌های انتخابی (مهارت‌ها و ابزارها) */
.chip-select{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start}
.chip-check.is-new{animation:chipIn .32s ease backwards}
@keyframes chipIn{from{opacity:0;transform:translateY(7px) scale(.95)}to{opacity:1;transform:none}}
.chip-select :where(ul,ol){list-style:none;padding:0;margin:0;display:contents}
.chip-select :where(li,div:not([class])){display:contents}
.chip-check{
  position:relative;display:inline-flex;align-items:center;gap:7px;margin:0;
  background:var(--surface-2);border:1.5px solid var(--line);border-radius:999px;
  padding:8.5px 17px;font-size:13.5px;font-weight:600;color:var(--ink-2);
  cursor:pointer;transition:all .15s ease;user-select:none;
}
.chip-check input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.chip-check::before{
  content:"";width:0;height:15px;flex:none;background:currentColor;opacity:0;
  transition:width .15s ease,opacity .15s ease;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat}
.chip-check:hover{border-color:var(--brand-300);color:var(--brand-strong);background:var(--brand-050)}
.chip-check:has(input:checked){
  background:var(--brand-050);
  border-color:var(--brand);color:var(--brand-ink);
  box-shadow:0 0 0 1px var(--brand) inset;
}
.chip-check:has(input:checked)::before{width:15px;opacity:1;background:var(--brand)}
.chip-check:has(input:checked):hover{background:var(--brand-100)}
.chip-check:has(input:disabled:not(:checked)){opacity:.4;cursor:not-allowed}
.chip-check:has(input:disabled:not(:checked)) input{cursor:not-allowed}
.chip-check:has(input:focus-visible){box-shadow:var(--ring)}
.chip-check[hidden]{display:none}
.chip-check:has(input:disabled){opacity:.45;pointer-events:none}
.picker-pill-x{font-size:15px;line-height:1;opacity:.85}
.chip-check .chip-text{display:grid;gap:1px;text-align:right;line-height:1.55;min-width:0}
.chip-check .chip-text b{font-weight:700;font-size:13.5px;color:var(--ink)}
.chip-check .chip-text i{font-style:normal;font-weight:400;font-size:10.5px;opacity:.72;unicode-bidi:plaintext}
.chip-check:has(.chip-text i){padding-block:7px}
/* متن انتخاب‌شده‌ها در فهرست: سرمه‌ای پررنگ (قرص‌های سبد بالای فهرست سفید می‌مانند) */
.chip-check:has(input:checked) .chip-text b{color:var(--brand-ink)}
.chip-check:has(input:checked) .chip-text i{color:var(--brand-ink);opacity:.72}

/* تولتیپ دوزبانه با فونت بزرگ — ظهور بعد از حدود ۱ ثانیه مکث */
.chip-tip{
  position:absolute;bottom:calc(100% + 11px);inset-inline-start:50%;
  transform:translateX(50%) translateY(5px);
  display:grid;gap:3px;justify-items:center;text-align:center;
  min-width:max-content;max-width:300px;
  background:#0F1D3D;color:#EAF0FF;
  border-radius:12px;padding:11px 18px;
  box-shadow:0 14px 30px -12px rgba(9,17,38,.55);
  opacity:0;visibility:hidden;pointer-events:none;z-index:140;
  transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;
}
.chip-tip::after{
  content:"";position:absolute;top:100%;inset-inline-start:50%;transform:translateX(50%);
  border:6px solid transparent;border-top-color:#0F1D3D;
}
.chip-tip b{font-size:14.5px;font-weight:700;color:#fff;line-height:1.7}
.chip-tip i{font-style:normal;font-size:13px;font-weight:500;opacity:.85;direction:ltr;unicode-bidi:plaintext}
.chip-check:hover .chip-tip{
  opacity:1;visibility:visible;transform:translateX(50%) translateY(0);
  transition:opacity .25s ease 1s,transform .25s ease 1s,visibility 0s linear 1s;
}
@media (hover:none){.chip-tip{display:none}}
.filter-empty{
  width:100%;background:var(--surface-2);border:1px dashed var(--line-2);border-radius:13px;
  padding:16px;font-size:13px;color:var(--ink-3);text-align:center;
}
.selection-toolbar .field-help{width:100%;margin:0}

/* سبد انتخاب‌ها و نمایش مرحله‌ای فهرست */
.picker-selected{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:56px;
  background:var(--brand-050);border:1.5px dashed var(--brand-200);border-radius:14px;
  padding:11px 14px;margin-bottom:12px;
}
.picker-selected-empty{font-size:12.5px;color:var(--ink-3)}
.picker-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(180deg,var(--brand),var(--brand-strong));
  color:var(--on-brand);border-radius:999px;padding:7px 15px;
  font-size:13px;font-weight:700;transition:all .15s ease;
  box-shadow:0 5px 12px -6px rgba(37,99,235,.5);
}
.picker-pill span{color:inherit}
.picker-pill svg{width:14px;height:14px;opacity:.75;transition:opacity .15s ease}
.picker-pill:hover{filter:brightness(1.08);color:var(--on-brand)}
.picker-pill:hover svg{opacity:1}
.picker-more-row{display:flex;align-items:stretch;gap:8px;margin-top:12px}
.picker-more{
  width:100%;margin-top:12px;border-style:dashed;font-weight:600;
}
.picker-more-row .picker-more{margin-top:0;width:auto;flex:1}
.picker-all{
  flex:none;align-self:center;
  font-size:12px;font-weight:600;color:var(--ink-3);
  padding:9px 14px;border-radius:10px;white-space:nowrap;
  transition:all .15s ease;
}
.picker-all:hover{color:var(--brand-strong);background:var(--brand-050)}
.selection-toolbar input[type="search"]{max-width:460px;height:46px;font-size:14px}
.chip-select .chip-check.is-collapsed{display:none}

/* دیالوگ جزئیات پوشش */
.coverage-dialog{
  border:0;border-radius:var(--radius-lg);padding:30px;max-width:560px;width:calc(100% - 32px);
  background:var(--surface);color:var(--ink);box-shadow:var(--shadow-pop);
}
.coverage-dialog::backdrop{background:rgba(7,13,29,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.dialog-close{
  position:absolute;top:16px;left:16px;width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;font-size:19px;color:var(--ink-3);
  border:1px solid var(--line);background:var(--surface-2);transition:all .16s ease;
}
.dialog-close:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}
.coverage-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.coverage-list{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.coverage-list li{
  display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
  border-radius:11px;padding:8px 12px;
}
.coverage-list li::before{content:"";width:16px;height:16px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4.5 4.5L19 7'/></svg>") center/contain no-repeat}
.coverage-list.matched li{background:var(--ok-soft);color:var(--ok-ink)}
.coverage-list.missing li{background:var(--danger-soft);color:var(--danger-ink)}
.coverage-list.missing li::before{
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'><path d='M6 6l12 12M18 6 6 18'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'><path d='M6 6l12 12M18 6 6 18'/></svg>") center/contain no-repeat}
.coverage-list li:only-child,.coverage-list li.cov-empty{background:var(--bg-soft);color:var(--ink-3)}
.coverage-list li:only-child::before,.coverage-list li.cov-empty::before{display:none}
.coverage-list li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start}
.coverage-list li::before{grid-row:1}
.coverage-list li b{grid-column:2;font-weight:700;line-height:1.7}
.coverage-list li i{grid-column:2;font-style:normal;font-weight:400;font-size:11px;opacity:.7;margin:0;unicode-bidi:plaintext;line-height:1.6}

/* بازبینی نهایی */
.review-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.review-kv{display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:11px 15px;min-width:0}
.review-kv span{font-size:11.5px;color:var(--ink-3);font-weight:600}
.review-kv b{font-size:14px;color:var(--ink);font-weight:700;line-height:1.75;overflow-wrap:anywhere}

.review-row-head{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;flex:1;min-width:250px}
.review-row-head strong{font-size:15px}
.review-row-error{flex-basis:100%;margin:0}
.match-pill.is-tool{background:var(--brand-050);color:var(--brand-ink)}

.role-choice{display:flex;gap:10px;flex-wrap:wrap}
.role-pill{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  padding:11px 24px;border-radius:13px;
  border:1.5px solid var(--line);background:var(--surface);
  font-weight:700;font-size:13.5px;color:var(--ink-2);
  cursor:pointer;user-select:none;transition:all .16s ease;
}
.role-pill input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.role-pill::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid var(--line-2);transition:all .16s ease;flex:none}
.role-pill:hover{border-color:var(--brand-300);color:var(--ink)}
.role-pill.is-required:has(input:checked){background:var(--brand-050);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 1px var(--brand) inset}
.role-pill.is-required:has(input:checked)::before{background:var(--brand);border-color:var(--brand)}
.role-pill.is-bonus:has(input:checked){background:var(--gold-soft);border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.role-pill.is-bonus:has(input:checked)::before{background:var(--gold);border-color:var(--gold)}
.role-pill:has(input:focus-visible){box-shadow:var(--ring)}

.bonus-box{
  flex-basis:100%;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;
  background:var(--surface);border:1.5px dashed var(--gold);border-radius:13px;
  padding:11px 16px;
}
.bonus-box label{color:var(--gold);font-weight:700;font-size:13.5px;margin:0;white-space:nowrap}
.bonus-box input{width:130px;text-align:center;font-weight:800}
.bonus-box .field-help{flex:1;min-width:230px;margin:0}

.bonus-total{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--gold-soft);color:var(--gold);
  border-radius:999px;padding:5px 15px;font-size:12.5px;font-weight:800;
  transition:all .2s ease;
}
.bonus-total.is-over{background:var(--danger-soft);color:var(--danger-ink);animation:shakeX .3s ease}
@keyframes shakeX{25%{transform:translateX(3px)}50%{transform:translateX(-3px)}75%{transform:translateX(2px)}}

.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
.review-main{display:grid;gap:12px;min-width:0}
.review-side{min-width:0}
.review-block h3{font-size:15.5px;margin-bottom:12px}
.review-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;margin-top:10px}
.review-fields .field{margin:0}
.assessment-review-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:16px;padding:17px 20px;margin-bottom:12px;
}
.assessment-review-row small{color:var(--ink-3)}
.sticky-card{
  position:sticky;top:calc(var(--topbar-h) + 16px);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-1);padding:22px;
}
.sticky-card h3{font-size:15px}
.sticky-card h4{font-size:13px;color:var(--ink-2)}
.detail-list{display:grid;gap:10px;margin:0;padding:0}
.detail-list div,.detail-list li{display:flex;justify-content:space-between;gap:14px;font-size:13px;border-bottom:1px dashed var(--line);padding-bottom:9px;list-style:none}
.detail-list div:last-child,.detail-list li:last-child{border-bottom:0;padding-bottom:0}
.detail-list dt,.detail-list span:first-child{color:var(--ink-3)}
.detail-list dd,.detail-list b{margin:0;font-weight:700;color:var(--ink);text-align:left}
.detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.confirm-row{display:flex;align-items:center;gap:10px;background:var(--warn-soft);border-radius:13px;padding:13px 16px;font-size:13.5px;color:var(--warn-ink);font-weight:600}
.decision-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* پرداخت و کیف پول */
.price-line{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13.5px;padding:9px 0;border-bottom:1px dashed var(--line)}
.price-line:last-of-type{border-bottom:0}
.price-line.total{font-size:16px;font-weight:800;color:var(--brand-deep);border-top:1px solid var(--line);margin-top:6px;padding-top:13px}
[data-theme="dark"] .price-line.total{color:var(--brand-deep)}
.payment-card{max-width:620px;margin-inline:auto}
.payment-summary{background:var(--surface-2);border:1px solid var(--line);border-radius:15px;padding:18px 20px;margin:14px 0}
.payment-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:var(--brand-050);color:var(--brand-strong)}
.payment-icon svg{width:27px;height:27px}
.payment-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.wallet-hero{
  background:linear-gradient(140deg,var(--brand-deep) 0%,var(--brand-strong) 70%,var(--brand) 115%);
  color:#fff;border-radius:var(--radius-lg);padding:32px clamp(22px,4vw,42px);
  box-shadow:var(--shadow-pop);position:relative;overflow:hidden;margin-bottom:22px;
}
[data-theme="dark"] .wallet-hero{background:linear-gradient(140deg,#101F4E 0%,#1B3D9C 70%,#2A5BD7 115%)}
.wallet-hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);top:-130px;left:-70px}
.wallet-hero h1,.wallet-hero h2{color:#fff}
.wallet-hero p,.wallet-hero span{color:#CBD9F7}
.wallet-hero strong{color:#fff;font-size:34px;font-weight:900}
.wallet-topup-card{max-width:520px}
.tx-credit,.kind-credit{color:var(--ok-ink);font-weight:700}
.tx-debit,.kind-debit{color:var(--danger-ink);font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   ماژول‌ها: مدیریت موقعیت‌ها، کارجو، درخواست‌ها، پشتیبانی
   ══════════════════════════════════════════════════════════════════ */
/* سیاست سه‌حالته آزمون‌ها: یادداشت‌های حالت + ردیف‌های قفل */
.tier-note{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  border-radius:14px;padding:13px 16px;margin-bottom:14px;
}
.tier-note>svg{width:20px;height:20px;flex:none}
.tier-note p{margin:0;font-size:13px;line-height:1.9;flex:1;min-width:240px}
.tier-note .btn{flex:none}
.tier-note.is-open{background:var(--ok-soft);color:var(--ok-ink);border:1px solid rgba(30,145,83,.3)}
.tier-note.is-bonus{background:var(--gold-soft);color:var(--gold);border:1px solid rgba(185,126,23,.35)}

.assessment-review-row.is-locked{opacity:.88;background:var(--surface)}
.assessment-review-row.is-new-bonus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.lock-chip{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:700;color:var(--ink-3);
  background:var(--surface-2);border:1px dashed var(--line-2);
  border-radius:999px;padding:4px 13px;
}
.lock-chip svg{width:13px;height:13px}
.asm-locked-chip{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;
  font-size:12.5px;font-weight:700;color:var(--ink-3);
  background:var(--surface-2);border:1px dashed var(--line-2);
  border-radius:11px;padding:10px 14px;
}

/* هشدار قرمزِ قابل‌حذف انتخاب آزمون */
.asm-warning{
  display:flex;align-items:flex-start;gap:12px;
  background:var(--danger-soft);border:1px solid rgba(204,61,61,.35);
  border-radius:14px;padding:13px 16px;margin-bottom:14px;
  color:var(--danger-ink);
}
.asm-warning>svg{width:20px;height:20px;flex:none;margin-top:2px}
.asm-warning p{margin:0;font-size:13px;line-height:1.9;flex:1}
.asm-warning strong{font-weight:800}
.asm-warning-close{
  width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;
  color:var(--danger-ink);opacity:.7;transition:all .15s ease;
}
.asm-warning-close:hover{opacity:1;background:rgba(204,61,61,.12)}
.asm-warning-close svg{width:15px;height:15px}
.asm-warning.is-leaving{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}

/* کارت پرداخت: ریتم عمودی یکدست */
.payment-card h2{font-size:18px;margin-bottom:16px}
.payment-card form{display:grid;gap:14px;margin-top:14px}
.payment-card form .field{margin:0}
.payment-card .language-choice-grid{margin:0}
.payment-actions{display:flex;justify-content:flex-start;margin-top:2px}

/* فهرست مشاغل: دو لایه پرداخت‌شده / در انتظار */
.jobs-grid-paid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1420px){.jobs-grid-paid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.jobs-grid-paid{grid-template-columns:minmax(0,1fr)}}

.jobs-grid-pending{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1500px){.jobs-grid-pending{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.jobs-grid-pending{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.jobs-grid-pending{grid-template-columns:minmax(0,1fr)}}

.tier-divider{
  display:flex;align-items:center;gap:14px;margin:22px 0 12px;
  color:var(--ink-3);font-size:12.5px;font-weight:700;
}
.tier-divider::before,.tier-divider::after{content:"";flex:1;border-top:1px dashed var(--line-2)}

.job-management-card.is-compact{padding:13px 15px;gap:9px;border-radius:13px}
.job-management-card.is-compact h2{font-size:13.5px}
.job-management-card.is-compact .job-card-titles p{font-size:11px}
.job-management-card.is-compact .management-actions{padding-top:9px}

.group-label{display:flex;align-items:center;gap:12px;margin:18px 2px 10px;font-size:12.5px;font-weight:800;color:var(--brand-strong)}
.group-label::after{content:"";flex:1;border-top:1px dashed var(--line-2)}
.group-label.is-sub{color:var(--ink-3);margin-top:12px}
.filter-bar .field.grow{flex:1 1 260px}

.jobs-empty-note{
  background:var(--surface);border:1px dashed var(--line-2);border-radius:14px;
  padding:14px 18px;font-size:13px;color:var(--ink-3);
}

/* صفحه جزئیات شغل */
.detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.detail-hero-main{min-width:0}
.detail-hero h1{font-size:clamp(20px,2.2vw,26px);margin:8px 0 3px}
.detail-hero p{font-size:13px;margin:0}
.detail-card-title{font-size:16.5px;margin-bottom:14px}
.detail-desc{white-space:pre-line;font-size:13.5px;color:var(--ink-2);border-top:1px dashed var(--line);padding-top:14px;margin-top:14px}
.detail-asm-list{display:grid;gap:10px}
.detail-asm-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:12px 15px;
}
.detail-asm-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.detail-asm-info strong{font-size:13.5px}
.asm-role{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:3.5px 12px;border-radius:999px}
.asm-role.is-required{background:var(--brand-050);color:var(--brand-ink)}
.asm-role.is-bonus{background:var(--gold-soft);color:var(--gold)}

/* مدیریت آگهی‌ها (کارفرما) */
.job-management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}
.job-management-card{
  background:var(--surface);border:1px solid var(--line);border-radius:15px;
  box-shadow:0 1px 3px rgba(13,27,54,.05);padding:16px 18px;display:flex;flex-direction:column;gap:11px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.job-management-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-1)}
.job-management-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.job-card-titles{min-width:0;flex:1}
.job-management-card h2{font-size:15px;font-weight:700;margin:0;line-height:1.7;overflow-wrap:anywhere}
.job-card-titles p{margin:3px 0 0;font-size:12px;color:var(--ink-3);line-height:1.7}
.job-card-badges{display:flex;gap:6px;flex-wrap:wrap;flex:none}
.job-card-badges .badge{font-size:10.5px;padding:3px 10px}
.job-card-stats{display:flex;gap:6px 24px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:10px}
.job-card-stats div{display:grid;gap:1px}
.job-card-stats strong{color:var(--brand-deep);font-weight:800;font-size:14.5px;line-height:1.4}
.job-card-stats span{font-size:10.5px;color:var(--ink-3);font-weight:600}
.job-card-stats b{color:var(--brand-deep);font-weight:800}
.management-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}
.management-actions form{margin:0}
.management-actions .btn-sm{padding:7px 13px;font-size:12px;gap:6px}
.management-actions .btn-sm svg{width:14px;height:14px}
.job-management-card h2 a{color:inherit;transition:color .15s ease}
.job-management-card h2 a:hover{color:var(--brand-strong)}

/* دکمه متمایز «درخواست‌های همکاری» — اقدام اصلی هر آگهی فعال */
.btn-apps{
  background:linear-gradient(180deg,var(--brand-050),var(--brand-100));
  border:1px solid var(--brand-300);color:var(--brand-strong);font-weight:800;
}
.btn-apps:hover{background:linear-gradient(180deg,var(--brand-100),var(--brand-200));color:var(--brand-ink);border-color:var(--brand)}
.workspace-tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:6px;margin-bottom:12px;box-shadow:var(--shadow-1)}
.workspace-tabs a{padding:9px 18px;border-radius:11px;font-size:13.5px;font-weight:600;color:var(--ink-3);transition:all .15s ease}
.workspace-tabs a:hover{color:var(--ink)}
.workspace-tabs a.active,.workspace-tabs a.is-active{background:var(--brand-050);color:var(--brand-strong)}
.workspace-hero{margin-bottom:22px}
.workspace-form{max-width:760px}
.report-note{
  display:flex;align-items:flex-start;gap:12px;
  background:var(--surface-2);border:1px dashed var(--line-2);border-radius:14px;
  padding:14px 18px;margin-top:12px;
}
.report-note svg{width:20px;height:20px;flex:none;color:var(--gold);margin-top:2px}
.report-note strong{display:block;font-size:13.5px;margin-bottom:2px}
.report-note span{font-size:12.5px;color:var(--ink-3);line-height:1.9}
.compact-stats{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}
.compact-stats b{color:var(--brand-deep);font-weight:800}
.filter-bar{
  display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  padding:13px 16px;margin-bottom:12px;box-shadow:var(--shadow-1);
}
.filter-bar .field{margin:0;flex:1;min-width:180px}
.filter-bar .field.compact{flex:0 1 250px;min-width:200px}
.filter-bar .field label{font-size:12px;margin-bottom:5px}
.filter-bar input,.filter-bar select{min-width:170px}

/* وضعیت اتصال به تست‌کاو */
.integration-state{display:inline-flex;align-items:center;gap:9px;background:var(--ok-soft);color:var(--ok-ink);border-radius:99px;padding:6px 15px;font-size:12.5px;font-weight:700}
.integration-state-icon{width:8px;height:8px;border-radius:50%;background:currentColor}
.integration-state-warning{background:var(--warn-soft);color:var(--warn-ink)}
.integration-state-error{background:var(--danger-soft);color:var(--danger-ink)}

/* پروفایل‌های کارجو */

.profile-wizard-card{max-width:680px;margin-inline:auto}
.candidate-steps{display:flex;justify-content:center;gap:8px;margin-bottom:22px}
.candidate-steps span{width:38px;height:6px;border-radius:99px;background:var(--line-2);transition:all .25s ease}
.candidate-steps span.active{background:linear-gradient(90deg,var(--brand),var(--brand-strong));width:56px}
.candidate-steps span.done{background:var(--brand-200)}

/* پیشنهاد آزمون به کارجو */
.recommendation-hero{margin-bottom:22px}

.manual-opportunities{margin-top:26px}
.manual-job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}
.manual-job-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-1);padding:20px;display:flex;flex-direction:column;gap:10px;
}

/* نتایج تست‌کاو — ساختار استاندارد ردیفی */
.tk-results{display:grid;gap:10px}
.tk-result{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  border-inline-start:4px solid var(--line-2);
  padding:15px 18px;transition:box-shadow .16s ease;
}
.tk-result:hover{box-shadow:var(--shadow-1)}
.tk-result.is-pass{border-inline-start-color:var(--ok)}
.tk-result.is-fail{border-inline-start-color:var(--danger)}
.tk-result-ic{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-3)}
.tk-result.is-pass .tk-result-ic{background:var(--ok-soft);color:var(--ok-ink)}
.tk-result.is-fail .tk-result-ic{background:var(--danger-soft);color:var(--danger-ink)}
.tk-result-ic svg{width:20px;height:20px}
.tk-result-body{flex:1;min-width:250px}
.tk-result-body h2{font-size:14.5px;margin:0 0 7px}
.tk-result-meta{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}
.tk-result-meta .badge{font-size:11px}
.tk-result>.btn{flex:none}
@media (max-width:560px){.tk-result>.btn{width:100%;justify-content:center}}
.result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px dashed var(--line);padding:9px 0}
.result-row:last-child{border-bottom:0}
.test-code{font-size:11.5px;background:var(--bg-soft);border-radius:8px;padding:3px 9px;color:var(--ink-3);direction:ltr;display:inline-block}

/* درخواست‌های همکاری */
.application-grid,.candidate-app-grid{display:grid;gap:12px}
.application-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-1);padding:20px 22px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;transition:all .2s ease;
}
.application-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-2)}
.application-card__title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.application-card__title h2{font-size:15.5px;margin:0}
.application-card__body p{font-size:12.5px;color:var(--ink-3);margin:4px 0 0}
.application-card>.btn{flex:none}
.application-card__title{font-size:15px;font-weight:700}
.application-card__body{flex:1;min-width:220px}
.application-main{min-width:0}

.match-donut{
  width:66px;height:66px;flex:none;border-radius:50%;position:relative;
  display:grid;place-items:center;font-weight:900;font-size:13.5px;color:var(--brand-ink);
  background:conic-gradient(var(--brand) calc(var(--val,0)*1%),var(--brand-100) 0);
}
.match-donut::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface)}
.match-donut b{position:relative}
.reject-form{margin:0;display:inline}

/* پشتیبانی */
.ticket-list{display:grid;gap:12px}
.ticket-row{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  padding:16px 20px;box-shadow:var(--shadow-1);color:var(--ink);transition:all .18s ease;
}
.ticket-row:hover{border-color:var(--brand-200);box-shadow:var(--shadow-2);color:var(--ink)}
.conversation{display:grid;gap:12px;margin-bottom:20px}
.message{
  background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 16px 5px;
  padding:15px 18px;max-width:82%;box-shadow:var(--shadow-1);
}
.message.is-staff,.message.staff{margin-inline-start:auto;background:var(--brand-050);border-color:var(--brand-100);border-radius:16px 16px 5px 16px}
.message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px;color:var(--ink-3);margin-bottom:6px}
.reply-form{margin-top:8px}

/* ══════════════════════════════════════════════════════════════════
   ریسپانسیو
   ══════════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  .review-grid{grid-template-columns:1fr}
  .sticky-card{position:static}
  .dark-band-grid{grid-template-columns:1fr}
}
@media (max-width:1040px){
  .hero-public{padding:52px 0 62px}
  .hero-public-grid{grid-template-columns:1fr;gap:44px}
  .hero-scene{max-width:560px}
  .path-grid{grid-template-columns:1fr;gap:30px}
  .path-grid::before{display:none}
  .wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  /* سایدبار پنل → کشویی موبایل */
  .sidebar{
    position:fixed;inset-block:0;inset-inline-start:0;height:100dvh;width:min(320px,86vw);
    transform:translateX(102%);transition:transform .28s ease;box-shadow:var(--shadow-pop);
  }
  body.sidebar-visible .sidebar{transform:none}
  .sidebar-close{display:inline-flex}
  .sidebar-open{display:inline-flex}
  .sidebar-backdrop{
    position:fixed;inset:0;background:rgba(7,13,29,.5);
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
    opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:310;
  }
  body.sidebar-visible .sidebar-backdrop{opacity:1;pointer-events:auto}
  body.sidebar-visible{overflow:hidden}
  .panel-search{flex:1}
  .header-menu summary small{display:none}
}
@media (max-width:940px){
  .auth-brand{display:none}
  .auth-side{flex:1;max-width:none}
  .auth-mobile-brand{display:flex;justify-content:center;margin-bottom:26px}
}
@media (max-width:760px){
  .substep-bar{grid-template-columns:repeat(4,auto);justify-content:center;gap:8px;padding-top:14px}
  .substep-dot span{display:none}
  .substep{padding:20px 16px 22px}

  :root{--header-h:66px;--topbar-h:64px}
  body{font-size:15px}
  .site-nav{display:none}
  .form-grid-2,.form-grid-3{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:26px;padding-block:42px 30px}
  .cta-card{justify-content:center;text-align:center}
  .coverage-detail-grid{grid-template-columns:1fr}
  .review-kv-grid{grid-template-columns:1fr}
  .otp-digit{width:44px;height:52px}
  .wizard-steps li small{display:none}
  .panel-content{padding-inline:16px}
  .scene-card:nth-child(2){margin-inline-start:20px}
  .scene-card:nth-child(3){margin-inline-start:40px}
  .hero-actions .btn{flex:1;justify-content:center}
}
@media (max-width:520px){
  .wizard-steps{grid-template-columns:1fr;gap:2px}
  .wizard-steps li{padding:10px 13px}
  .panel-search{display:none}
  .header-actions .btn-ghost{padding-inline:13px}
}

/* ---------- چاپ ---------- */
@media print{
  .site-header,.site-footer,.sidebar,.panel-header,.toast-stack,.sticky-form-actions{display:none!important}
  body{background:#fff}
}

/* ══════════════════════════════════════════════════════════════════
   یوتیلیتی‌های تکمیلی
   ══════════════════════════════════════════════════════════════════ */
.full-width{grid-column:1/-1}
.card-actions.wrap{flex-wrap:wrap}
.badge.neutral{background:var(--bg-soft);color:var(--ink-2);border-color:var(--line)}
.badge.positive{background:var(--ok-soft);color:var(--ok-ink);border-color:transparent}
.badge.negative{background:var(--danger-soft);color:var(--danger-ink);border-color:transparent}
td.positive{color:var(--ok-ink);font-weight:700}
td.negative{color:var(--danger-ink);font-weight:700}
.empty-card.large{padding:60px 30px}
.empty-card.large>span{width:66px;height:66px;font-size:29px;border-radius:20px}
.info-banner.danger{background:var(--danger-soft);border-color:transparent;color:var(--danger-ink)}
.info-banner.warning{background:var(--warn-soft);border-color:transparent;color:var(--warn-ink)}
.message.user{background:var(--surface)}
.icon-button .ic-moon,.icon-button .ic-sun{width:19px;height:19px}

/* پوشش کامل وضعیت‌های مدل‌ها (status-<key>) */
.status-open,.status-answered,.status-submitted,.status-completed,.status-paid,.status-interview{background:var(--ok-soft);color:var(--ok-ink);border-color:transparent}
.status-waiting_user,.status-under_review,.status-scheduled,.status-requested,.status-payment_pending,.status-ready_for_payment,.status-created{background:var(--warn-soft);color:var(--warn-ink);border-color:transparent}
.status-cancelled,.status-withdrawn{background:var(--bg-soft);color:var(--ink-3)}

@media (max-width:430px){
  .header-actions .btn-ghost{display:none}
  .header-row{gap:12px}
}

/* ── اسکرول‌بار برند: باریک، گرد، ظریف ── */
*{scrollbar-width:thin;scrollbar-color:var(--brand-200) transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{
  background:var(--brand-200);border-radius:999px;
  border:2.5px solid transparent;background-clip:content-box;
}
::-webkit-scrollbar-thumb:hover{background:var(--brand-300);background-clip:content-box}
[data-theme="dark"] *{scrollbar-color:rgba(120,150,220,.45) transparent}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(120,150,220,.45)}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(140,168,232,.6)}

/* ══════════════════════════════════════════════════════════════════
   ساخت پروفایل کارجو — تجربه «ساختن هویت»
   ══════════════════════════════════════════════════════════════════ */
.pmodal-backdrop{
  position:fixed;inset:0;z-index:480;
  display:grid;place-items:center;padding:18px;
  background:rgba(9,17,38,.52);backdrop-filter:blur(8px);
  animation:pmodalFade .35s ease both;
}
@keyframes pmodalFade{from{opacity:0}}
.pmodal{
  position:relative;width:min(780px,100%);max-height:94vh;
  overflow-y:auto;overflow-x:hidden;
  background:var(--surface);border-radius:26px;
  box-shadow:0 40px 90px -28px rgba(9,17,38,.55),0 0 0 1px rgba(255,255,255,.06);
  padding:24px 30px 26px;text-align:center;
  animation:pmodalIn .45s cubic-bezier(.22,1,.36,1) both;
  scrollbar-width:thin;
}
.pmodal::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(240px at 100% 0%, var(--brand-050), transparent 72%);
  opacity:.7;
}
.pmodal>*{position:relative;z-index:1}
@keyframes pmodalIn{from{opacity:0;transform:translateY(16px) scale(.975)}}
.pmodal.is-leaving{animation:pmodalOut .2s ease both}
@keyframes pmodalOut{to{opacity:0;transform:translateY(-10px) scale(.985)}}
.btn.is-busy{pointer-events:none;opacity:.8}
.btn.is-busy::after{
  content:"";width:13px;height:13px;flex:none;
  border:2px solid currentColor;border-inline-start-color:transparent;
  border-radius:50%;display:inline-block;
  animation:jkSpin .7s linear infinite;
}
@keyframes jkSpin{to{transform:rotate(360deg)}}
.pmodal-close{
  position:absolute;top:16px;inset-inline-start:16px;width:34px;height:34px;
  z-index:3;  /* بالاتر از .pmodal>* که z-index:1 می‌گیرند */
  display:grid;place-items:center;border-radius:11px;color:var(--ink-3);
  background:var(--surface);
  transition:background .15s ease,color .15s ease;
}
.pmodal-close:hover{background:var(--surface-2);color:var(--ink)}
.pmodal-close svg{width:16px;height:16px}
.pmodal-progress{
  height:5px;border-radius:999px;background:var(--surface-2);
  margin:6px auto 10px;max-width:320px;overflow:hidden;
}
.pmodal-progress span{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--brand),var(--brand-strong) 70%,var(--gold));
  transition:width .6s cubic-bezier(.22,1,.36,1);
}
.pmodal-count{font-size:11.5px;font-weight:700;color:var(--ink-3)}

/* ─── صحنه هویت ─── */
.identity-stage{position:relative;margin:6px auto 2px;width:190px}
.identity-stage::before{
  content:"";position:absolute;inset:-14px;border-radius:50%;
  background:radial-gradient(closest-side,var(--gold-soft),transparent 72%);
  opacity:0;transition:opacity .8s ease;
}
.identity-stage.is-complete::before{opacity:1}
.identity-svg{width:190px;height:190px;display:block;animation:idFloat 5.5s ease-in-out 1.3s infinite}
@keyframes idFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.id-part{opacity:0;transform-box:fill-box;transform-origin:center}
.id-part.is-on{animation:idPartIn .55s ease both}
.id-part.p1.is-on{animation-delay:.08s}
.id-part.p2.is-on{animation-delay:.18s}
.id-part.p3.is-on{animation-delay:.28s}
.id-part.p4.is-on{animation-delay:.38s}
.id-part.is-new{animation:idPartPop .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.42s}
@keyframes idPartIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes idPartPop{
  0%{opacity:0;transform:scale(.55)}
  70%{opacity:1;transform:scale(1.06)}
  100%{opacity:1;transform:scale(1)}
}
.place-ring{transform-box:fill-box;transform-origin:center;animation:ringSpin 40s linear infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.is-complete .skill-orbit{transform-box:fill-box;transform-origin:center;animation:orbitSpin 16s linear infinite}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.is-complete .spark{animation:sparkTwinkle 2.2s ease-in-out infinite}
.is-complete .spark.s2{animation-delay:.5s}
.is-complete .spark.s3{animation-delay:1.1s}
@keyframes sparkTwinkle{0%,100%{opacity:1}50%{opacity:.35}}
/* گونه‌های جنسیتی چهره: فقط گونه فعال دیده می‌شود، با جابه‌جایی نرم */
.identity-svg .gvar{
  opacity:0;visibility:hidden;
  transform:scale(.88);transform-box:fill-box;transform-origin:center;
  transition:opacity .28s ease,transform .32s cubic-bezier(.34,1.4,.64,1),visibility 0s linear .28s;
}
.identity-stage[data-gender=""] .g-neutral,
.identity-stage:not([data-gender]) .g-neutral,
.identity-stage[data-gender="male"] .g-male,
.identity-stage[data-gender="female"] .g-female,
.identity-stage[data-gender="intersex"] .g-intersex,
.identity-stage[data-gender="undisclosed"] .g-undisclosed{
  opacity:1;visibility:visible;transform:scale(1);transition-delay:0s;
}
/* در حالت ناشناس، هیچ جزئیات چهره‌ای دیده نمی‌شود */
.identity-svg .face-feat{transition:opacity .25s ease}
.identity-stage[data-gender="undisclosed"] .face-feat{opacity:0}
/* خانم: لبخند تیره جایش را به لب رژخورده می‌دهد */
.identity-stage[data-gender="female"] .feat-smile{opacity:0}

.identity-caption{
  margin:10px 0 0;font-size:12.5px;font-weight:700;color:var(--gold);
  animation:idPartIn .6s ease .55s both;
}

/* ─── متن و فرم ─── */
.pmodal-title{
  font-size:clamp(21px,2.4vw,26px);margin:14px 0 6px;
  font-family:var(--font-display);color:var(--ink);
}
.pmodal-sub{font-size:13.5px;color:var(--ink-3);margin:0 auto 20px;max-width:440px;line-height:2}
.pmodal-form{text-align:right}
.pmodal-form .form-grid{margin-bottom:4px}
.pmodal-narrow{max-width:380px;margin:0 auto}
.pmodal-error{text-align:center;margin-top:10px}

.gender-choice{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.gpill{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  padding:12px 26px;border-radius:14px;
  border:1.5px solid var(--line);background:var(--surface);
  font-weight:700;font-size:14px;color:var(--ink-2);
  cursor:pointer;user-select:none;transition:all .16s ease;
}
.gpill input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.gpill::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid var(--line-2);transition:all .16s ease;flex:none}
.gpill:hover{border-color:var(--brand-300);color:var(--ink)}
.gpill:has(input:checked){background:var(--brand-050);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 1px var(--brand) inset}
.gpill:has(input:checked)::before{background:var(--brand);border-color:var(--brand)}
.gpill:has(input:focus-visible){box-shadow:var(--ring)}

.pmodal-actions{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);
}
.pmodal .chip-select{max-height:280px;overflow-y:auto;padding:4px 2px;scrollbar-width:thin}

@media (max-width:640px){
  .pmodal{padding:20px 18px 22px;border-radius:20px}
  .identity-stage,.identity-svg{width:150px}
  .identity-svg{height:150px}
  .pmodal-actions .btn-lg{flex:1}
}

/* ══════════════════════════════════════════════════════════════════
   آزمون‌های پیشنهادی کارجو
   ══════════════════════════════════════════════════════════════════ */

.manual-opportunities{margin-top:6px}
.manual-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:900px){.manual-job-grid{grid-template-columns:1fr}}
.manual-job-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line-2);border-radius:15px;
  padding:16px 18px;box-shadow:0 1px 3px rgba(13,27,54,.05);
}
.manual-job-card h3{font-size:14.5px;margin:8px 0 2px}
.manual-job-card p{margin:0;font-size:12px;color:var(--ink-3)}

/* نوار آزمون‌های گذرانده‌شده */

/* پنل «آماده ارسال درخواست» */

/* اثر هر آزمون روی موقعیت‌ها */

/* ══════════════════════════════════════════════════════════════════
   آزمون‌های پیشنهادی — بازطراحی «reco»: نمای کلی، قدم بعدی، برنامه، پاپ‌آپ
   ══════════════════════════════════════════════════════════════════ */

.reco-section{margin-top:18px}
.reco-size{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.reco-size-btn{
  width:30px;height:30px;display:grid;place-items:center;border-radius:999px;
  color:var(--brand-strong);background:var(--brand-050);transition:all .15s ease;
}
.reco-size-btn:hover{background:var(--brand-100);color:var(--brand-ink)}
.reco-size-btn.is-off{background:var(--bg-soft);color:var(--ink-3);opacity:.55;cursor:default}
.reco-size-btn svg{width:14px;height:14px}
.reco-size-count{font-size:12px;font-weight:800;color:var(--ink-2);padding:0 6px;white-space:nowrap}

.reco-meta{display:flex;gap:6px;flex-wrap:wrap}
.reco-chip{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:999px;
  padding:3.5px 11px;font-size:11px;font-weight:700;color:var(--ink-2);
}
.reco-chip svg{width:12px;height:12px}
.reco-chip.is-ok{background:var(--ok-soft);color:var(--ok-ink);border-color:transparent}
.reco-chip.is-gold{background:var(--gold-soft);color:var(--gold);border-color:transparent}
.reco-chip.is-warn{background:var(--warn-soft);color:var(--warn-ink);border-color:transparent}

.reco-job{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:12px;
  padding:9px 13px;
}
.reco-job strong{display:block;font-size:12.5px;color:var(--ink);line-height:1.7}
.reco-job span{display:block;font-size:11px;color:var(--ink-3)}
.reco-job .badge{flex:none}

/* پاپ‌آپ‌های عمومی پنل (بر پایه pmodal) */
.jk-scroll-lock{overflow:hidden}
.jk-popup-card{width:min(640px,100%);text-align:right;padding:26px 26px 24px}
.jk-popup-card::before{background:radial-gradient(220px at 0% 0%, var(--brand-050), transparent 72%)}
.jk-popup-title{font-size:16.5px;margin:0 0 4px;padding-inline-start:44px}
.jk-popup-sub{margin:0 0 14px;font-size:12.5px;color:var(--ink-3);line-height:1.95}
.jk-popup-label{display:block;font-size:13px;color:var(--ink);margin:16px 0 8px}
.jk-popup-note{margin:14px 0 0;font-size:12px;color:var(--ink-3);line-height:1.9;border-top:1px dashed var(--line);padding-top:11px}
.jk-popup-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.jk-popup-actions form{margin:0}
.reco-popup-list{display:grid;gap:8px;max-height:52vh;overflow-y:auto;padding:2px;scrollbar-width:thin}
.reco-pick{
  display:flex;align-items:center;gap:11px;
  background:var(--surface);border:1px solid var(--line-2);border-radius:13px;
  padding:11px 13px;cursor:pointer;transition:border-color .15s ease,background .15s ease;
}
.reco-pick:hover{border-color:var(--brand-300)}
.reco-pick:has(input:checked){border-color:var(--brand);background:var(--brand-050)}
.reco-pick input[type="checkbox"]{width:17px;height:17px;accent-color:var(--brand);flex:none;margin:0;cursor:pointer}
.reco-pick-info{flex:1;min-width:0}
.reco-pick-info strong{display:block;font-size:13px;color:var(--ink);line-height:1.7}
.reco-pick-info span{display:block;font-size:11.5px;color:var(--ink-3)}
.reco-pick.is-sent{background:var(--ok-soft);border-color:transparent;cursor:default}
.reco-pick-check{
  width:24px;height:24px;flex:none;border-radius:8px;display:grid;place-items:center;
  background:var(--ok);color:#fff;
}
.reco-pick-check svg{width:13px;height:13px}

/* ══════════════════════════════════════════════════════════════════
   مسیر تا استخدام (journey) — هدایت قدم‌به‌قدم کاربر
   ══════════════════════════════════════════════════════════════════ */
.journey-hero{
  background:linear-gradient(135deg,var(--brand-050),var(--surface) 76%);
  border:1.5px solid var(--brand-200);border-radius:20px;
  padding:20px 22px;margin-bottom:20px;
}
.journey-hero.is-send{background:linear-gradient(135deg,var(--ok-soft),var(--surface) 76%);border-color:var(--ok)}
.journey-hero-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.journey-hero-ic{
  width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--on-brand);
  box-shadow:0 12px 24px -10px rgba(37,99,235,.55);
}
.journey-hero.is-send .journey-hero-ic{background:var(--ok);box-shadow:0 12px 24px -10px rgba(24,133,68,.5)}
.journey-hero-ic svg{width:25px;height:25px}
.journey-hero-body{flex:1;min-width:250px}
.journey-hero-body strong{display:block;font-size:17.5px;font-weight:900;color:var(--ink);line-height:1.75;word-spacing:-1px}
.journey-hero-body p{margin:4px 0 0;font-size:13px;color:var(--ink-2);line-height:2}
.journey-hero form{margin:0}
.journey-bar{display:flex;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap}
.journey-bar-track{flex:1;min-width:170px;height:9px;border-radius:999px;background:var(--bg-soft);overflow:hidden;border:1px solid var(--line)}
.journey-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-strong) 70%,var(--gold));transition:width .6s cubic-bezier(.22,1,.36,1)}
.journey-bar small{font-size:11.5px;font-weight:700;color:var(--ink-3);white-space:nowrap}

.journey{position:relative;display:grid}
.jnode{position:relative;display:flex;align-items:flex-start;gap:14px;padding-bottom:16px}
.jnode::before{
  content:"";position:absolute;top:42px;bottom:-2px;inset-inline-start:19px;
  width:2px;background:var(--line-2);
}
.jnode:last-child{padding-bottom:0}
.jnode:last-child::before{display:none}
.jdot{
  position:relative;width:40px;height:40px;flex:none;border-radius:50%;
  display:grid;place-items:center;font-weight:800;font-size:15px;z-index:1;
}
.jdot svg{width:17px;height:17px}
.jdot.is-done{background:var(--ok);color:#fff;box-shadow:0 8px 16px -8px rgba(24,133,68,.55)}
.jdot.is-active{
  background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--on-brand);
  box-shadow:0 10px 20px -9px rgba(37,99,235,.6);
}
.jdot.is-active::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:2px solid var(--brand-200);animation:jPulse 2.2s ease-out infinite;
}
@keyframes jPulse{0%{transform:scale(.72);opacity:1}70%,100%{transform:scale(1.18);opacity:0}}
@media (prefers-reduced-motion:reduce){.jdot.is-active::after{animation:none;display:none}}
.jdot.is-next{background:var(--surface);border:2px dashed var(--line-2);color:var(--ink-3);font-size:14px}
.jcard{flex:1;min-width:0}
.jcard-active{
  background:linear-gradient(160deg,var(--brand-050),var(--surface) 72%);
  border:1.5px solid var(--brand);border-radius:18px;
  padding:18px 20px;box-shadow:var(--shadow-1);
}
.jcard-active.is-send{background:linear-gradient(160deg,var(--ok-soft),var(--surface) 72%);border-color:var(--ok)}
.jtag{display:inline-block;background:var(--brand);color:var(--on-brand);font-size:11px;font-weight:800;padding:3px 12px;border-radius:999px;margin-bottom:9px}
.jcard-active.is-send .jtag{background:var(--ok);color:#fff}
.jcard-active h3{font-size:16px;margin:0 0 8px;line-height:1.8}
.jcard-active .reco-meta{margin-bottom:9px}
.jcard-active p{margin:0 0 13px;font-size:12.5px;color:var(--ink-2);line-height:2}
.jcard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jcard-actions form{margin:0}
.jcard-line{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line);border-radius:15px;
  padding:12px 15px;opacity:.82;transition:opacity .15s ease,border-color .15s ease;
}
.jcard-line:hover{opacity:1;border-color:var(--brand-200)}
.jline-info{flex:1;min-width:200px}
.jline-info strong{display:block;font-size:13.5px;color:var(--ink);line-height:1.8}
.jline-info span{display:block;font-size:11.5px;color:var(--ink-3);line-height:1.9}
.jcard-line.is-finish{border-style:dashed}
.jcard-done{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--ok-soft);border:1px solid transparent;border-radius:15px;
  padding:12px 15px;
}
.jcard-done>div{flex:1;min-width:200px}
.jcard-done strong{display:block;font-size:13.5px;color:var(--ok-ink);line-height:1.8}
.jcard-done span{display:block;font-size:11.5px;color:var(--ink-3)}

.journey-manage{
  margin-top:20px;background:var(--surface-2);border:1px dashed var(--line-2);
  border-radius:16px;padding:14px 17px;display:grid;gap:11px;
}
.journey-manage-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.journey-manage-row>span{font-size:12.5px;color:var(--ink-2)}
.journey-manage-links{display:flex;gap:8px;flex-wrap:wrap}

@media (max-width:640px){
  .journey-hero-row form,.journey-hero-row>.btn{width:100%}
  .journey-hero-row .btn{width:100%;justify-content:center}
  .jcard-actions .btn{flex:1;justify-content:center}
}

/* راهنما و وضعیت ذخیره آنی در پاپ‌آپ‌ها */
.jk-popup-hint{font-size:11.5px;color:var(--ink-3);line-height:1.95;margin:-4px 0 10px}
.jk-popup-hint.is-after{margin:10px 0 0}
.reco-pick-status{flex:none;font-size:10.5px;font-weight:700;color:var(--ink-3);white-space:nowrap}
.reco-pick-status.is-ok{color:var(--ok-ink)}
.reco-pick-status.is-err{color:var(--danger-ink)}

/* دکمه «آزمون بیشتر» — سبزِ مشخص ولی کوچک و بی‌سروصدا */
.reco-size-btn.is-add:not(.is-off){background:var(--ok);color:#fff;box-shadow:0 6px 14px -7px rgba(24,133,68,.6)}
.reco-size-btn.is-add:not(.is-off):hover{filter:brightness(1.08);color:#fff}
[data-theme="dark"] .reco-size-btn.is-add:not(.is-off){color:#07240F}
[data-theme="dark"] .reco-size-btn.is-add:not(.is-off):hover{color:#07240F}

/* اطلاع‌رسانی آزمون‌های سوخته (سقف تلاش پرشده) */
.journey-blocked{
  display:flex;align-items:flex-start;gap:12px;
  background:var(--warn-soft);border:1px solid transparent;border-radius:15px;
  padding:13px 16px;margin-bottom:16px;
}
.journey-blocked>span{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--warn);color:#fff}
.journey-blocked>span svg{width:17px;height:17px}
.journey-blocked p{margin:2px 0 0;font-size:12.5px;color:var(--warn-ink);line-height:2}

/* فیلتر پیلی نتیجه‌ها + لینک عنوان به تست‌کاو */
.filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 12px}
.filter-pill{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--surface);border:1px solid var(--line);border-radius:999px;
  padding:7px 15px;font-size:12.5px;font-weight:700;color:var(--ink-2);
  cursor:pointer;transition:all .15s ease;
}
.filter-pill b{
  min-width:21px;height:21px;display:inline-grid;place-items:center;
  background:var(--bg-soft);border-radius:999px;font-size:11px;font-weight:800;color:var(--ink-3);
  padding:0 6px;
}
.filter-pill:hover{border-color:var(--brand-200);color:var(--ink)}
.filter-pill.is-active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.filter-pill.is-active b{background:rgba(255,255,255,.22);color:var(--on-brand)}
[data-theme="dark"] .filter-pill.is-active b{background:rgba(8,18,43,.28)}
.tk-result-link{color:inherit;transition:color .14s ease}
.tk-result-link:hover{color:var(--brand-strong);text-decoration:underline;text-underline-offset:4px}

/* درخواست‌های همکاری کارجو — ردیف‌های جمع‌وجور + جست‌وجو */
.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:2px 0 12px}
.filter-toolbar .filter-pills{margin:0}
.filter-search{
  display:inline-flex;align-items:center;gap:9px;flex:1;min-width:220px;max-width:330px;
  background:var(--surface);border:1px solid var(--line);border-radius:999px;
  padding:8px 15px;color:var(--ink-3);transition:border-color .15s ease;
}
.filter-search:focus-within{border-color:var(--brand)}
.filter-search svg{width:16px;height:16px;flex:none}
.filter-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:12.5px;color:var(--ink);outline:none}
.filter-search input::placeholder{color:var(--ink-3)}
@media (max-width:640px){.filter-search{max-width:none}}

.app-rows{display:grid;gap:9px}
.app-row{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line);border-radius:15px;
  border-inline-start:4px solid var(--line-2);
  padding:11px 15px;transition:box-shadow .16s ease;
}
.app-row:hover{box-shadow:var(--shadow-1)}
.app-row.is-active{border-inline-start-color:var(--brand)}
.app-row.is-interview{border-inline-start-color:var(--gold)}
.app-row.is-hired{border-inline-start-color:var(--ok)}
.app-row.is-closed{border-inline-start-color:var(--danger)}
.app-row-body{flex:1;min-width:230px}
.app-row-body h2{font-size:14px;margin:0 0 5px}
.app-row-meta{display:flex;align-items:center;gap:6px 13px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-3)}
.app-row-meta .badge{font-size:11px}
.app-row-company{font-weight:700;color:var(--ink-2)}
.badge.status-interview{background:var(--gold-soft);color:var(--gold);border-color:transparent}

/* رینگ تطبیق — همان رده‌های رنگی پوشش کارفرما: ۷۵+ سبز · ۵۰–۷۴ آبی · ۲۵–۴۹ نارنجی · <۲۵ قرمز */
.match-ring.sm{width:64px;height:64px}
.match-ring.sm::before{inset:6px}
.match-ring.sm strong{font-size:13px;font-weight:700}
.match-ring.sm span{font-size:9px;font-weight:500}
.match-ring.is-high{background:conic-gradient(#1E9153 calc(var(--p)*1%),var(--ok-soft) 0)}
.match-ring.is-high strong{color:var(--ok-ink)}
.match-ring.is-low{background:conic-gradient(#E68806 calc(var(--p)*1%),var(--warn-soft) 0)}
.match-ring.is-low strong{color:#B36503}
.match-ring.is-poor{background:conic-gradient(#CC3D3D calc(var(--p)*1%),var(--danger-soft) 0)}
.match-ring.is-poor strong{color:var(--danger-ink)}

/* رینگ تطبیق کلیک‌پذیر + پاپ‌آپ ریز امتیاز */
.match-open{background:none;border:0;padding:0;cursor:pointer;border-radius:50%;transition:transform .15s ease}
.match-open:hover{transform:scale(1.05)}
.match-open:focus-visible{box-shadow:var(--ring);border-radius:50%}
.match-breakdown{display:grid;gap:12px;margin-top:4px}
.coverage-row.is-static{cursor:default;padding:0;margin-inline:0}
.coverage-row.is-static:hover{background:transparent}
.coverage-hint{font-size:11px;color:var(--ink-3);line-height:1.8}

/* ردیف آزمون‌های یک موقعیت (الزامی/امتیازی) با وضعیت کارجو */
.exam-item{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line-2);border-radius:12px;
  padding:9px 12px;
}
.exam-item-ic{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-3)}
.exam-item.is-pass .exam-item-ic{background:var(--ok-soft);color:var(--ok-ink)}
.exam-item.is-fail .exam-item-ic{background:var(--danger-soft);color:var(--danger-ink)}
.exam-item-ic svg{width:14px;height:14px}
.exam-item-info{flex:1;min-width:180px;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap}
.exam-item-info strong{font-size:12.5px;color:var(--ink);line-height:1.8}
.exam-item .badge{font-size:10.5px}
.exam-item form{margin:0}
.exam-sub{display:grid;gap:7px;margin-top:9px}
.exam-sub .exam-item{background:var(--surface-2)}

/* یادداشت ترتیب فهرست کارفرما + چیپ‌های اولویت هر درخواست */
.list-order-note{font-size:11.5px;color:var(--ink-3);margin:-4px 0 12px}
.app-priority{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}

/* یابنده دسته‌بندی در ویزارد پروفایل کارجو */
.cat-finder{margin-bottom:16px;text-align:right}
.cat-finder-box{
  display:flex;align-items:center;gap:10px;
  background:var(--surface);border:1.5px solid var(--brand-200);border-radius:14px;
  padding:11px 15px;color:var(--ink-3);transition:border-color .15s ease,box-shadow .15s ease;
}
.cat-finder-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.cat-finder-box svg{width:17px;height:17px;flex:none}
.cat-finder-box input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:13.5px;color:var(--ink);outline:none}
.cat-finder-box input::placeholder{color:var(--ink-3)}
.cat-finder-list{
  margin-top:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--shadow-1);max-height:250px;overflow-y:auto;scrollbar-width:thin;display:grid;
}
.cat-finder-item{
  display:grid;gap:2px;text-align:right;width:100%;
  padding:10px 15px;border-bottom:1px solid var(--line);cursor:pointer;background:none;
  transition:background .12s ease;
}
.cat-finder-item:last-child{border-bottom:0}
.cat-finder-item:hover,.cat-finder-item:focus-visible{background:var(--brand-050)}
.cat-finder-title{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.cat-finder-title em{
  font-style:normal;font-size:10px;font-weight:700;color:var(--brand-strong);
  background:var(--brand-050);border-radius:999px;padding:2px 9px;
}
.cat-finder-cat{font-size:11.5px;color:var(--ink-3)}
.cat-finder-empty{padding:13px 15px;font-size:12.5px;color:var(--ink-3)}
.cat-finder-note{margin:8px 0 0;font-size:11.5px;color:var(--ink-3);line-height:1.9}
.cat-finder-note.is-ok{color:var(--ok-ink);font-weight:700}

/* آیتم یابنده = خود دسته‌بندی اصلی */
.cat-finder-mark{
  width:20px;height:20px;flex:none;border-radius:7px;display:inline-grid;place-items:center;
  background:var(--ok-soft);color:var(--ok-ink);font-size:12px;font-weight:900;
}

/* رفع قاب دوتایی اینپوت یابنده + دکمه «انتخاب» روی هر نتیجه */
.cat-finder .cat-finder-box input,
.cat-finder .cat-finder-box input:focus,
.cat-finder .cat-finder-box input:focus-visible{
  border:0;background:transparent;box-shadow:none;outline:none;
  padding:0;border-radius:0;height:auto;min-height:0;
}
.cat-finder-item{display:flex;align-items:center;gap:12px}
.cat-finder-body{flex:1;min-width:0;display:grid;gap:2px;text-align:right}
.cat-finder-go{
  flex:none;font-size:11px;font-weight:800;color:var(--brand-strong);
  background:var(--brand-050);border-radius:999px;padding:5px 14px;
  transition:background .12s ease,color .12s ease;
}
.cat-finder-item:hover .cat-finder-go{background:var(--brand);color:var(--on-brand)}

/* یابنده به‌عنوان کمک‌یار زیر سلکت + حالت «پروفایل دارید» */
.cat-finder{margin:14px 0 0}
.cat-finder-lead{margin:0 0 9px;font-size:12.5px;color:var(--ink-2);line-height:1.95}
.cat-finder-note:empty{display:none}
.cat-finder-title{flex:1;min-width:0}
.cat-finder-item.is-owned{opacity:.62;cursor:default}
.cat-finder-item.is-owned:hover{background:transparent}

/* «با چه عبارتی پیدا شد» — وقتی نتیجه از راه یک مترادف آمده */
.cat-finder-item{flex-wrap:wrap}
.cat-finder-title{order:1}
.cat-finder-go,.cat-finder-owned{order:2}
.cat-finder-via{
  order:3;flex-basis:100%;margin-top:3px;
  font-size:11px;color:var(--ink-3);line-height:1.8;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cat-finder-owned{
  flex:none;font-size:10.5px;font-weight:700;color:var(--gold);
  background:var(--gold-soft);border-radius:999px;padding:5px 12px;white-space:nowrap;
}

/* پروفایل‌های کارجو — کارت‌های تمیز + سگمنت روش ارسال + کارت‌های مرحله ۴ ویزارد */
.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:12px}
.profile-card{
  position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:19px;
  box-shadow:var(--shadow-1);padding:23px 24px;display:flex;flex-direction:column;gap:17px;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.profile-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}
.profile-card.is-active{border-color:var(--brand-200)}
.profile-card.is-active::before{
  content:"";position:absolute;inset-inline:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand),var(--brand-strong) 70%,var(--gold));opacity:.85;
}
.profile-card-actions{margin-top:auto}
.profile-card-head{display:flex;align-items:center;gap:12px}
.profile-icon{
  width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;
  background:var(--brand-050);color:var(--brand-strong);
  font-size:17px;font-weight:800;
}
.profile-card-id{flex:1;min-width:0}
.profile-card-id h2{font-size:15px;margin:0;line-height:1.7}
.profile-card-id p{margin:2px 0 0;font-size:11.5px;color:var(--ink-3)}
.profile-skills{margin:0;font-size:12.5px;color:var(--ink-2);line-height:2.1}
.link-more{
  background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--brand-strong);
  cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--brand-200);
  transition:text-decoration-color .14s ease;
}
.link-more:hover{text-decoration-color:var(--brand-strong)}
.live-dot{color:var(--ok-ink);font-weight:700}
.live-dot::before{content:"●";font-size:8px;vertical-align:2px;margin-inline-end:4px;color:var(--ok)}
.link-btn{
  background:none;border:0;padding:8px 6px;font-size:12.5px;font-weight:700;color:var(--ink-2);
  cursor:pointer;border-radius:8px;transition:color .14s ease;
}
.link-btn:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.link-btn.is-danger{color:var(--danger-ink);opacity:.8}
.link-btn.is-danger:hover{color:var(--danger-ink);opacity:1}
.skills-popup-list{max-height:52vh;overflow-y:auto;scrollbar-width:thin;padding:2px}
.skills-popup-list .tag-list{margin:0}
.mode-line{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:15px;
}
.mode-line-label{font-size:12.5px;font-weight:600;color:var(--ink-3)}
.mode-opt{cursor:pointer;position:relative}
.mode-opt input{position:absolute;opacity:0;pointer-events:none}
.mode-opt span{
  display:inline-block;font-size:12.5px;font-weight:700;color:var(--ink-3);
  padding-bottom:3px;border-bottom:2px solid transparent;
  transition:color .14s ease,border-color .14s ease;
}
.mode-opt:hover span{color:var(--ink)}
.mode-opt:has(input:checked) span{color:var(--brand-strong);border-bottom-color:var(--brand)}
.profile-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-card-actions form{margin:0}
.profile-card-actions .profile-delete{margin-inline-start:auto}

.mode-choice{display:grid;gap:10px;text-align:right}
.mode-card{
  display:flex;align-items:flex-start;gap:12px;
  background:var(--surface);border:1.5px solid var(--line);border-radius:16px;
  padding:15px 17px;cursor:pointer;transition:border-color .15s ease,background .15s ease;
}
.mode-card:hover{border-color:var(--brand-200)}
.mode-card:has(input:checked){border-color:var(--brand);background:var(--brand-050)}
.mode-card input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--brand)}
.mode-card-body strong{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.mode-card-body strong em{font-style:normal;font-size:10px;font-weight:800;background:var(--ok-soft);color:var(--ok-ink);border-radius:999px;padding:2.5px 10px}
.mode-card-body p{margin:4px 0 0;font-size:12px;color:var(--ink-2);line-height:1.95}

/* ══════════════════════════════════════════════════════════════════
   انتخاب آزمون (ویزارد کارفرما) — بازسازی اسکلت کارت‌ها
   (قواعد پایه‌ای که هنگام پاک‌سازی سلکتورهای گروهی حذف شده بودند)
   ══════════════════════════════════════════════════════════════════ */
.assessment-results{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));
  gap:12px;align-items:stretch;margin-top:14px;
}
.assessment-results.single{display:flex;justify-content:center}
.assessment-card{
  position:relative;overflow:hidden;width:100%;
  display:flex;flex-direction:column;gap:13px;
  background:var(--surface);border:1.5px solid var(--line);border-radius:18px;
  padding:19px 20px;box-shadow:var(--shadow-1);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.assessment-results.single .assessment-card{padding:23px 24px;gap:15px}
.assessment-card-meta .asm-level{background:var(--brand-050);border-color:transparent;color:var(--brand-strong);font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   سخت‌سازی ریسپانسیو — بدون اسکرول افقی، بدون بیرون‌زدگی، در همه صفحات
   ══════════════════════════════════════════════════════════════════ */
body{overflow-x:clip}
img,video,canvas{max-width:100%;height:auto}
svg{max-width:100%}
.panel-main,.panel-content{min-width:0}
.wizard-steps li div,.wizard-steps li strong{min-width:0}

@media (max-width:900px){
  /* نوار مراحل ویزارد: عامل اصلی سرریز افقی موبایل */
  .wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .substep-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .path-grid{grid-template-columns:1fr}
  .jobs-grid-paid,.jobs-grid-pending{grid-template-columns:1fr}
}
@media (max-width:760px){
  /* جدول‌ها به‌جای شکستن صفحه، خودشان اسکرول افقی می‌گیرند */
  .panel-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .coverage-detail-grid{grid-template-columns:1fr}
  .review-kv-grid{grid-template-columns:1fr}
  .wizard-header,.page-heading{flex-wrap:wrap}
  .wizard-header .action-row{width:100%;flex-wrap:wrap}
}
@media (max-width:640px){
  .form-grid-2,.form-grid-3{grid-template-columns:1fr}
  .wizard-steps li small{display:none}
  .wizard-steps li,.wizard-steps li>a{padding:11px 12px;gap:8px}
  .wizard-steps li strong{font-size:12.5px}
  .wizard-actions{flex-wrap:wrap}
  .wizard-actions .btn{flex:1;justify-content:center;min-width:150px}
  .sticky-form-actions .btn{flex:1;justify-content:center}
  .assessment-controls .field{min-width:100%}
  .assessment-pagination{flex-wrap:wrap;gap:8px}
  .pmodal{border-radius:18px}
  .jk-popup-card{padding:20px 18px}
  .journey-manage-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){
  .wizard-steps{grid-template-columns:1fr 1fr;padding:5px;gap:5px}
  .stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
}

/* کارت آزمون تمیزتر: شناسنامه متنی + چیپ‌های تصمیم‌ساز */
.asm-info{margin:-3px 0 0;font-size:11.5px;color:var(--ink-3);line-height:2.05}
.asm-info .asm-dot{font-style:normal;margin:0 8px;opacity:.55}
.asm-info .asm-stars{color:var(--gold);font-weight:400}

/* ══════════════════════════════════════════════════════════════════
   صفحه اول — کورئوگرافی حرکت (میخکوب‌کننده ولی سبک: فقط transform/opacity)
   ══════════════════════════════════════════════════════════════════ */
@keyframes heroRise{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes tickDraw{to{stroke-dashoffset:0}}
@keyframes sceneIn{from{transform:translateX(-30px) scale(.95);opacity:0}to{transform:none;opacity:1}}
@keyframes floatCard{50%{transform:translateY(-6px)}}

@keyframes spinSlow{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes twinkle{50%{transform:scale(.55);opacity:.5}}

@keyframes ctaShine{0%,72%{transform:translateX(160%)}88%,100%{transform:translateX(-160%)}}
@keyframes marqueeMove{to{transform:translateX(50%)}}

/* تیتر: سه خطِ بالارونده + خط طلایی خودکِش */
.hero-title .hl{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero-title .hl>span{display:inline-block;animation:heroRise .75s cubic-bezier(.22,1,.36,1) both}
.hero-title .hl:nth-child(1)>span{animation-delay:.05s}
.hero-title .hl:nth-child(2)>span{animation-delay:.18s}
.hero-title .hl:nth-child(3)>span{animation-delay:.31s}
.tick-hl svg path{stroke-dasharray:100;stroke-dashoffset:100;animation:tickDraw .7s ease-out .75s forwards}
.hero-fade{animation:heroRise .7s cubic-bezier(.22,1,.36,1) both}
.hero-fade.f1{animation-delay:.42s}
.hero-fade.f2{animation-delay:.54s}
.hero-fade.f3{animation-delay:.66s}

/* دکمه اصلی: برق دوره‌ای */
.hero-actions .btn-primary{position:relative;overflow:hidden}
.hero-actions .btn-primary::after{
  content:"";position:absolute;inset:-40% auto;width:36%;transform:translateX(160%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:ctaShine 4.6s ease-in-out 2s infinite;
}

/* صحنه: ورود آبشاری + شناوری دائمی + هاله تنفسی */

/* نبض جاری در خط مسیر */

/* پنج شرکت که یکی‌یکی روشن می‌شوند */

/* حلقه‌های برند: چرخش آرام + سوسوی نقطه‌ها */
.kav-rings i{animation:spinSlow 90s linear infinite}
.kav-rings b{animation:twinkle 4.2s ease-in-out infinite}
.kav-rings b:nth-of-type(2){animation-delay:1.4s}

/* نوار متحرک مشاغل — پیام «برای همه» */
.skill-marquee{
  margin-top:64px;padding:16px 0;border-block:1px solid var(--line);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.skill-track{
  display:flex;align-items:center;width:max-content;
  animation:marqueeMove 36s linear infinite;
}
.skill-track span{
  flex:none;font-size:13.5px;font-weight:700;color:var(--ink-3);
  display:inline-flex;align-items:center;
}
.skill-track span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.6;margin:0 17px}
.skill-marquee:hover .skill-track{animation-play-state:paused}

/* بی‌حرکتی برای کاربرانی که حرکت نمی‌خواهند: حالت نهایی، بدون انیمیشن */
@media (prefers-reduced-motion:reduce){
  .hero-title .hl>span,.hero-fade,.scene-card,.scene-float,.send-dots i{animation:none;opacity:1;transform:none}
  .tick-hl svg path{animation:none;stroke-dashoffset:0}
  .scene-pulse,.hero-actions .btn-primary::after{display:none}
  .hero-scene::after,.kav-rings i,.kav-rings b{animation:none}
  .skill-track{animation:none}
  .send-dots i{background:var(--ok);border-color:var(--ok)}
}
@media (max-width:900px){
  .skill-marquee{margin-top:44px}
  .scene-pulse{display:none}
}

/* ══════════════════════════════════════════════════════════════════
   رادار کاوش روی زمینه روشن + پارالاکس — تمیز، برندی، زنده
   ══════════════════════════════════════════════════════════════════ */

.hero-public .hero-scene{transform:translate(var(--px,0px),var(--py,0px));transition:transform .28s ease-out}

@media (prefers-reduced-motion:reduce){
  .radar-beam{animation:none;opacity:.3}
  .radar-blip{animation:none;opacity:.7}
  .hero-public .hero-scene{transform:none;transition:none}
}

/* ══════════════════════════════════════════════════════════════════
   صحنه «کارت مهارت تأییدشده» — پخش کارت، کوبش مهر، جریان دعوت‌ها
   ══════════════════════════════════════════════════════════════════ */
@keyframes cardDeal{
  0%{transform:perspective(950px) rotateY(64deg) rotate(2deg) translateY(34px);opacity:0}
  100%{transform:perspective(950px) rotateY(0) rotate(-5deg);opacity:1}
}
@keyframes cardThud{
  0%,100%{transform:perspective(950px) rotate(-5deg)}
  25%{transform:perspective(950px) rotate(-6.2deg) translate(2px,2px)}
  55%{transform:perspective(950px) rotate(-4.2deg) translate(-1.5px,-1px)}
}
@keyframes sealSlam{
  0%{transform:rotate(28deg) scale(2.7);opacity:0}
  55%{transform:rotate(7deg) scale(.9);opacity:1}
  72%{transform:rotate(10deg) scale(1.08)}
  100%{transform:rotate(9deg) scale(1)}
}
@keyframes sealWave{0%{transform:scale(.4);opacity:.7}100%{transform:scale(2.3);opacity:0}}
@keyframes linkDraw{to{stroke-dashoffset:0}}
@keyframes dotPop{0%{transform:scale(0)}70%{transform:scale(1.7)}100%{transform:scale(1)}}
@keyframes offerIn{0%{transform:translateX(-22px) scale(.92);opacity:0}100%{transform:none;opacity:1}}
@keyframes checkPop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes offerBob{50%{transform:translateY(-5px)}}

.skill-stage{display:block;min-height:448px}
.stage-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.skill-card{
  position:absolute;top:5%;right:0;width:clamp(330px,calc(100% - 235px),450px);z-index:2;
  background:var(--surface);border:1px solid var(--line);border-radius:22px;
  padding:24px 25px 19px;box-shadow:var(--shadow-2);
  transform:perspective(950px) rotate(-5deg);transform-origin:70% 30%;
  animation:cardDeal .9s cubic-bezier(.22,1,.36,1) .35s both,
            cardThud .45s ease-out 1.62s;
}
.skill-card-head{display:flex;align-items:center;gap:11px;min-height:66px}
.skill-avatar{
  width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--on-brand);
  font-size:19px;font-weight:800;
}
.skill-idbox{flex:1;min-width:0}
.skill-idbox strong{display:block;font-size:17px;line-height:1.55;white-space:nowrap}
.skill-idbox small{display:block;white-space:nowrap;font-size:13.5px;color:var(--ink-3)}
.scene-score{
  flex:none;width:62px;height:62px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;font-size:14px;color:#FFFFFF!important;
  background:conic-gradient(#0E6B3C calc(var(--val,87)*1%),#3FCE85 0);position:relative;
}
.scene-score::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#1FA65C}
.scene-score b{position:relative;color:#FFFFFF!important}
.skill-card .tag-list{margin-top:12px;min-height:72px;align-content:flex-start}
.skill-card .tag-list span{padding:4px 13px;font-size:12px}
.skill-card-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px dashed var(--line-2);margin-top:13px;padding-top:11px;
}
.skill-card-foot>span:first-child{font-size:11px;color:var(--ink-3)}
.skill-bars{display:flex;align-items:flex-end;gap:2.5px}
.skill-bars i{width:2.5px;background:var(--brand-200);border-radius:2px}
.skill-bars i:nth-child(1){height:9px}.skill-bars i:nth-child(2){height:14px}
.skill-bars i:nth-child(3){height:7px}.skill-bars i:nth-child(4){height:12px}
.skill-bars i:nth-child(5){height:15px}.skill-bars i:nth-child(6){height:9px}

/* مهر توپُر طلایی + موج ضربه */
.skill-seal{
  position:absolute;bottom:-34px;left:-24px;z-index:3;
  width:104px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  filter:drop-shadow(0 14px 22px rgba(184,134,8,.5));
  transform:rotate(9deg);animation:sealSlam .55s cubic-bezier(.3,1.4,.5,1) 1.35s both;
}

.skill-seal b{position:relative;z-index:2;color:#141414!important;font-size:10.5px;font-weight:800;letter-spacing:.2px}
.skill-seal::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:2.5px solid #FFC218;opacity:0;
  animation:sealWave .7s ease-out 1.68s;
}

/* پیشنهادهای همکاری بی‌نام */
.offer{
  position:absolute;z-index:2;display:flex;align-items:center;gap:8px;
  background:var(--surface);border:1px solid var(--line);border-radius:13px;
  padding:9px 13px;box-shadow:var(--shadow-1);white-space:nowrap;
  font-size:11.5px;font-weight:700;color:var(--ink-2);
  animation:offerIn .6s cubic-bezier(.22,1.4,.36,1) both,offerBob 6.5s ease-in-out infinite;
}
.offer-ic{width:26px;height:26px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--brand-050);color:var(--brand-strong)}
.offer-ic svg{width:15px;height:15px}
.offer-check{
  width:19px;height:19px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--ok);color:#fff;
  animation:checkPop .4s cubic-bezier(.34,1.56,.64,1) both;
}
.offer-check svg{width:11px;height:11px}
.offer-check{background:#1FA65C}
.offer-1{top:10%;left:0;animation-delay:2.45s,4s}
.offer-1 .offer-check{animation-delay:2.85s}
.offer-1 .offer-ic{background:var(--ok-soft);color:var(--ok-ink)}
.offer-2{top:44%;left:-1%;animation-delay:2.75s,4.7s}
.offer-2 .offer-check{animation-delay:3.15s}
.offer-3{top:80%;left:1%;animation-delay:3.05s,5.4s}
.offer-3 .offer-check{animation-delay:3.45s}

/* مسیرهای زنده درخواست: نقطه‌چین + هواپیمای در پرواز + پینگ رسیدن */
.req-path{
  fill:none;stroke:var(--brand-300);stroke-width:2.4;stroke-linecap:round;
  stroke-dasharray:.1 8.5;opacity:0;animation:heroRise .6s ease forwards;
}
.req-path.is-first{stroke:#2BBB70}
.req-dot{fill:var(--brand);transform-box:fill-box;transform-origin:center;transform:scale(0);animation:dotPop .45s cubic-bezier(.34,1.56,.64,1) forwards}
.req-dot.is-first{fill:#1FA65C}
.req-ping{
  fill:none;stroke:var(--brand-300);stroke-width:2;opacity:0;
  transform-box:fill-box;transform-origin:center;
  animation:reqPing 3.3s ease-out infinite;
}
.req-plane{fill:var(--brand);opacity:.95}
.req-plane.is-first{fill:#1FA65C}
@keyframes reqPing{0%{transform:scale(.3);opacity:.75}30%,100%{transform:scale(1.7);opacity:0}}

@media (max-width:1100px){.offer-2{left:0}}
@media (max-width:900px){
  .skill-stage{min-height:360px;margin-top:8px}
  .skill-card{right:2%}
}
@media (prefers-reduced-motion:reduce){
  .skill-card,.skill-seal,.offer,.offer-check{animation:none;opacity:1;transform:none}
  .skill-card{transform:rotate(-5deg)}
  .skill-seal{transform:rotate(9deg)}
  .skill-seal::after{display:none}
  .req-path{animation:none;opacity:1}
  .req-dot{animation:none;transform:none}
  .req-ping{display:none}
}


/* لوگوی تصویری برند — تم روز/شب + فوتر تاریک */
.brand-img img{height:40px;width:auto;display:block}
.brand-img .logo-dark{display:none}
[data-theme="dark"] .brand-img .logo-light{display:none}
[data-theme="dark"] .brand-img .logo-dark{display:block}
.brand-on-dark .logo-light{display:none}
.brand-on-dark .logo-dark{display:block}
.sidebar-head .brand-img img{height:34px}
.site-footer .brand-img img{height:36px}
.auth-mobile-brand .brand-img img{height:34px}

/* جابه‌جایی نرم پرسوناها روی کارت مهارت */
[data-p-avatar],[data-p-name],[data-p-field],[data-p-tags]{transition:opacity .3s ease,transform .3s ease}
.is-swap{opacity:0;transform:translateY(6px)}


/* اجزای مهر گواهینامه‌ای */
.seal-burst{position:absolute;inset:0;width:100%;height:100%}
.seal-check{position:relative;z-index:2;width:26px;height:26px;margin-top:6px}
.seal-rib{
  position:absolute;top:58%;width:24px;height:46px;z-index:0;
  background:linear-gradient(180deg,#DDA307,#B98600);
  clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);
}
.seal-rib-l{left:14px;transform:rotate(16deg)}
.seal-rib-r{right:14px;transform:rotate(-16deg)}

/* تیتر: های‌لایت ماژیکی + خط‌خوردن ادعا */
@keyframes markerSweep{to{transform:scaleX(1)}}
@keyframes strikeDraw{to{transform:rotate(-1.8deg) scaleX(1)}}
.hero-public .tick-hl{position:relative;isolation:isolate}
.hero-public .tick-hl::before{
  content:"";position:absolute;inset:6% -3% 10%;z-index:-1;border-radius:10px;
  background:var(--gold-soft);opacity:.85;
  transform:scaleX(0);transform-origin:right;
  animation:markerSweep .55s cubic-bezier(.4,0,.2,1) .5s forwards;
}
.strike{position:relative;white-space:nowrap}
.strike::after{
  content:"";position:absolute;left:-4%;right:-4%;top:52%;height:7px;border-radius:7px;
  background:#E11D1D;opacity:.95;
  box-shadow:0 4px 0 -1.5px rgba(225,29,29,.4);
  transform:rotate(-1.8deg) scaleX(0);transform-origin:right;
  animation:strikeDraw .4s cubic-bezier(.7,0,.3,1) 1.2s forwards;
}

/* پس‌زمینه خاص ولی آرام: شبکه نقطه‌ای محو + هاله طلایی */
.hero-public::before{
  content:"";position:absolute;top:9%;inset-inline-start:3%;width:320px;height:230px;z-index:0;
  background-image:radial-gradient(circle,var(--brand) 1.1px,transparent 1.4px);
  background-size:20px 20px;opacity:.13;
  -webkit-mask-image:radial-gradient(closest-side,#000,transparent);
  mask-image:radial-gradient(closest-side,#000,transparent);
}
.hero-public::after{
  content:"";position:absolute;bottom:-170px;inset-inline-end:-130px;width:500px;height:500px;z-index:0;
  border-radius:50%;background:radial-gradient(closest-side,var(--gold-soft),transparent 72%);opacity:.75;
}
.hero-public-grid{position:relative;z-index:1}

@media (prefers-reduced-motion:reduce){
  .hero-public .tick-hl::before{animation:none;transform:scaleX(1)}
  .strike::after{animation:none;transform:rotate(-1.8deg) scaleX(1)}
}
@media (max-width:900px){
  .hero-public::before{display:none}
  .skill-stage{min-height:410px}
}


/* تکسچر لطیف پس‌زمینه هیرو */
.hero-texture{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
[data-theme="dark"] .hero-texture{opacity:.08}
@media (max-width:640px){
  .hero-actions .btn-soft{display:none}
  .hero-actions .btn-primary{width:100%;justify-content:center}
}

/* خط آمار واقعی زیر دکمه‌های هیرو + لنگر سکشن سه‌قدم */
.hero-stats{margin:16px 0 0;font-size:13.5px;color:var(--ink-2)}
.hero-stats b{font-size:16px;font-weight:800;color:var(--brand-strong);margin-inline-end:2px}
#how-it-works{scroll-margin-top:92px}

/* رنگ‌بندی رینگ امتیاز پرسونا: >۷۵ سبز · ۵۰–۷۵ آبی · <۵۰ نارنجی */
.scene-score.is-mid{background:conic-gradient(#1D4ED8 calc(var(--val,0)*1%),#9DB9FF 0)}
.scene-score.is-mid::before{background:#2563EB}
.scene-score.is-low{background:conic-gradient(#9A4D03 calc(var(--val,0)*1%),#F6CD95 0)}
.scene-score.is-low::before{background:#E68806}


/* لوگوی سفید در پنل آبی صفحه ورود */
.auth-brand-logo{height:52px;width:auto;display:block;margin-bottom:22px}
@media (max-width:900px){.auth-brand-logo{height:44px}}

/* ══════════════════════════════════════════════════════════════════
   هیروی تایپی آبی + هدر هم‌رنگ در بالا + سکشن بزرگ کارت مهارت
   ══════════════════════════════════════════════════════════════════ */
@keyframes caretBlink{50%{opacity:0}}
.hero-type{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1100px 680px at 84% -10%,rgba(86,138,247,.13),transparent 58%),
    radial-gradient(1000px 700px at 8% 116%,rgba(9,14,30,.95),transparent 60%),
    linear-gradient(168deg,#0A101F,#080D1A 55%,#060A14);
}
.hero-type .hero-texture{opacity:.07}
.hero-type .kav-rings{color:#fff}
.hero-type .kav-rings::before,.hero-type .kav-rings::after{opacity:.10}
.hero-type .kav-rings i{opacity:.14}
.hero-type-inner{
  position:relative;z-index:1;
  min-height:calc(100svh - 96px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:96px 0 64px;
}
.type-title{margin:0;color:#fff;font-weight:900;font-size:clamp(32px,4.8vw,58px);line-height:1.5}
.type-title .tline{display:block;min-height:1.5em}
.type-caret{
  display:inline-block;width:.085em;height:.92em;border-radius:3px;
  background:#FFFFFF;margin-inline-start:8px;vertical-align:-.1em;
  animation:caretBlink .8s steps(1) infinite;
}
.tline-gold{transition:color .65s ease}
.tline-gold.is-gold{color:#FFC218}
.hero-type .strike::after{background:#E11D1D;animation:none;transform:rotate(-1.8deg) scaleX(0)}
.hero-type.is-typed .strike::after{animation:strikeDraw .45s cubic-bezier(.7,0,.3,1) .15s forwards}
.hero-sub{
  max-width:780px;margin-top:30px;
  opacity:0;transform:translateY(16px);
  transition:opacity .6s ease .55s,transform .6s ease .55s;
}
.hero-type.is-typed .hero-sub{opacity:1;transform:none}
.hero-lead{margin:0 0 26px;color:var(--ink-2);font-size:16.5px;line-height:2.15;max-width:52ch}
.hero-type .hero-actions{justify-content:center;margin-top:0}
.btn-gold{background:#FFFFFF;color:#14297E;font-weight:800;box-shadow:0 22px 44px -16px rgba(0,0,0,.55)}
.btn-gold:hover{background:#EFF4FF;color:#14297E}
.btn-ghost-light{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.35);color:#F0F4FF}
.btn-ghost-light:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.55);color:#fff}
.hero-type .hero-stats{color:#C8D7FF;margin-top:20px}
.hero-type .hero-stats b{color:#FFFFFF}
.hero-type .trust-row{border-top-color:rgba(255,255,255,.18);justify-content:center}
.hero-type .trust-row span{color:#D6E1FF}
.hero-type .skill-marquee{border-block-color:rgba(255,255,255,.16);margin-top:0}
.hero-type .skill-track span{color:#B9CDFF}

/* هدر آبی در بالای صفحه اول؛ با اسکرول به حالت عادی برمی‌گردد */
.theme-hero-blue .site-header{transition:background .25s ease,border-color .25s ease}
.theme-hero-blue .site-header:not(.is-scrolled){background:#0A101F;border-bottom-color:transparent}
.theme-hero-blue .site-header:not(.is-scrolled) .site-nav a{color:#DCE6FF}
.theme-hero-blue .site-header:not(.is-scrolled) .site-nav a:hover,
.theme-hero-blue .site-header:not(.is-scrolled) .site-nav a.is-active{background:rgba(255,255,255,.12);color:#fff}
.theme-hero-blue .site-header:not(.is-scrolled) .logo-light{display:none}
.theme-hero-blue .site-header:not(.is-scrolled) .logo-dark{display:block}
.theme-hero-blue .site-header:not(.is-scrolled) .btn-soft{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#EDF2FF}
.theme-hero-blue .site-header:not(.is-scrolled) .btn-soft:hover{background:rgba(255,255,255,.16);color:#fff}
.theme-hero-blue .site-header:not(.is-scrolled) .btn-primary{background:#FFFFFF;color:#1D4ED8}
.theme-hero-blue .site-header:not(.is-scrolled) .icon-button{border-color:rgba(255,255,255,.3);color:#EDF2FF;background:transparent}

/* سکشن بزرگ و محوری کارت مهارت */
.stage-section{position:relative;padding:88px 0 30px}
.stage-eyebrow{margin:0 0 38px;text-align:center;font-size:14.5px;font-weight:700;color:var(--ink-3)}
.skill-stage.xl{max-width:1060px;margin:0 auto;min-height:560px}
.skill-stage.xl .skill-card{width:clamp(330px,calc(100% - 320px),480px);padding:28px 30px 22px;border-radius:24px}
.skill-stage.xl .skill-avatar{width:56px;height:56px;font-size:21px}
.skill-stage.xl .scene-score{width:72px;height:72px;font-size:16px}
.skill-stage.xl .skill-idbox small{font-size:14.5px}
.skill-stage.xl .skill-card .tag-list span{padding:5px 15px;font-size:13px}
.skill-stage.xl .skill-card-foot>span:first-child{font-size:12.5px}
.skill-stage.xl .skill-seal{width:118px;height:118px;bottom:-42px;left:-30px}
.skill-stage.xl .seal-check{width:30px;height:30px}
.skill-stage.xl .skill-seal b{font-size:11.5px}
.skill-stage.xl .offer{font-size:13px;padding:11px 16px;border-radius:15px}
.skill-stage.xl .offer-ic{width:30px;height:30px}

@media (max-width:900px){
  .hero-type-inner{min-height:calc(100svh - 78px);padding:80px 0 54px}
  .skill-stage.xl{min-height:480px}
  .stage-section{padding:64px 0 20px}
}
@media (max-width:640px){
  .hero-type .hero-actions .btn-ghost-light{display:none}
  .hero-type .hero-actions .btn-gold{width:100%;justify-content:center}
  .type-title{font-size:clamp(28px,8.5vw,40px)}
}
@media (prefers-reduced-motion:reduce){
  .type-caret{display:none}
  .hero-sub{opacity:1;transform:none;transition:none}
  .tline-gold{transition:none}
}


/* در هیروی آبی، تنها لهجه طلایی «مهارت واقعی» است */
.hero-type .skill-track span::after{background:rgba(255,255,255,.55);opacity:1}
.hero-type .kav-rings b{background:rgba(255,255,255,.85);box-shadow:0 0 0 5px rgba(255,255,255,.14)}

/* پس‌زمینه هیروی آبی: ریزخط‌ها + موج‌های خودکِش + نورپردازی */
@keyframes waveDraw{to{stroke-dashoffset:0}}
@keyframes waveFloat{50%{transform:translateY(-13px)}}
@keyframes beamDrift{from{transform:rotate(var(--r)) translateX(-34px)}to{transform:rotate(var(--r)) translateX(48px)}}

.hero-type::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(760px 460px at 78% 12%,rgba(255,255,255,.10),transparent 60%),
    radial-gradient(680px 520px at 10% 88%,rgba(3,7,26,.55),transparent 62%),
    radial-gradient(1300px 860px at 50% 46%,transparent 55%,rgba(2,6,24,.5));
}
.hero-waves{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hw{
  fill:none;stroke-width:2;stroke-linecap:round;
  stroke-dasharray:1900;stroke-dashoffset:1900;
  animation:waveDraw 1.7s ease-out forwards,waveFloat 9.5s ease-in-out infinite;
}
.hw1{stroke:rgba(255,255,255,.09);animation-delay:.3s,2.1s}
.hw2{stroke:rgba(255,194,24,.42);stroke-width:1.6;animation-delay:.55s,2.7s}
.hw3{stroke:rgba(86,138,247,.16);stroke-width:1.4;animation-delay:.8s,3.3s}
.hero-beam{
  position:absolute;z-index:1;pointer-events:none;top:-150px;
  width:210px;height:640px;filter:blur(28px);
  background:linear-gradient(180deg,rgba(255,255,255,.9),transparent 72%);
  opacity:.09;--r:18deg;transform:rotate(var(--r));
  animation:beamDrift 14s ease-in-out infinite alternate;
}
.beam-1{left:15%}
.beam-2{right:19%;--r:-14deg;width:160px;height:560px;opacity:.06;animation-duration:17s;animation-direction:alternate-reverse}
.hero-type-inner{z-index:2}
.hero-type .skill-marquee{position:relative;z-index:2}

/* خوانایی قطعی دکمه ورود روی هدر آبی */
.theme-hero-blue .site-header:not(.is-scrolled) .btn-soft{color:#FFFFFF!important}
.theme-hero-blue .site-header:not(.is-scrolled) .btn-soft:hover{color:#FFFFFF!important}

@media (max-width:900px){.hero-beam{display:none}}
@media (prefers-reduced-motion:reduce){
  .hw{animation:none;stroke-dashoffset:0}
  .hero-beam{animation:none}
}


/* لایه‌های لوکس: شفق ابریشمی + جلای نور + جرقه‌های طلایی */
@keyframes auroraDrift{50%{transform:translate(60px,-40px) scale(1.08)}}
@keyframes sheenMove{from{transform:translateX(-7%)}to{transform:translateX(7%)}}
@keyframes sparkTwinkle{0%,100%{opacity:.55;transform:scale(1) rotate(0)}50%{opacity:.15;transform:scale(.55) rotate(22deg)}}

.aurora{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(90px)}
.aurora-1{width:760px;height:560px;top:-18%;left:8%;background:#3D63FF;opacity:.17;animation:auroraDrift 21s ease-in-out infinite}
.aurora-2{width:680px;height:560px;bottom:-24%;right:4%;background:#16308F;opacity:.34;animation:auroraDrift 26s ease-in-out infinite reverse}
.hero-sheen{
  position:absolute;inset:-22% -10%;z-index:1;pointer-events:none;
  background:linear-gradient(112deg,transparent 43%,rgba(255,255,255,.075) 50%,transparent 57%);
  animation:sheenMove 12s ease-in-out infinite alternate;
}
.spark{position:absolute;z-index:1;width:15px;height:15px;color:#FFC218;opacity:.55;pointer-events:none;animation:sparkTwinkle 5.5s ease-in-out infinite}
.spark.s2{width:11px;height:11px;animation-delay:1.8s}
.spark.s3{width:9px;height:9px;animation-delay:3.2s}

/* هر دکمه‌ای در هدر آبی — مستقل از واریانت (ghost/soft/primary/...) */
.theme-hero-blue .site-header:not(.is-scrolled) .header-actions .btn{
  color:#FFFFFF!important;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);
}
.theme-hero-blue .site-header:not(.is-scrolled) .header-actions .btn:hover{color:#FFFFFF!important;background:rgba(255,255,255,.16)}
.theme-hero-blue .site-header:not(.is-scrolled) .header-actions .btn-primary{
  background:#FFFFFF!important;color:#14297E!important;border-color:transparent;
}
.theme-hero-blue .site-header:not(.is-scrolled) .header-actions .btn-primary:hover{background:#EFF4FF!important;color:#14297E!important}
@media (max-width:900px){.aurora{filter:blur(70px)}.hero-sheen{display:none}}
@media (prefers-reduced-motion:reduce){.aurora,.hero-sheen,.spark{animation:none}}


/* مش نقطه‌ای — زیر تیتر محو می‌شود */
.hero-type::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(86,138,247,.6) 1px,transparent 1.45px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse 56% 46% at 50% 44%,transparent 0 40%,#000 74%);
  mask-image:radial-gradient(ellipse 56% 46% at 50% 44%,transparent 0 40%,#000 74%);
}


/* تکسچر توپوگرافی — نقشه کاوش استعداد */
@keyframes topoDrift{to{transform:translate(26px,-18px)}}
.hero-topo{
  position:absolute;inset:-4%;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 1440 900'%3E%3Cpath d%3D'M1365 120 Q1365 120 1360 135 Q1356 150 1340 159 Q1324 167 1307 169 Q1290 172 1272 170 Q1255 169 1241 159 Q1227 149 1224 135 Q1221 120 1226 106 Q1231 93 1242 81 Q1253 69 1272 66 Q1290 63 1306 69 Q1322 75 1335 84 Q1347 94 1356 107 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.085' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M1424 120 Q1424 120 1414 147 Q1405 173 1377 188 Q1349 202 1320 208 Q1290 214 1258 211 Q1227 208 1203 189 Q1180 171 1176 145 Q1171 120 1177 95 Q1183 71 1203 49 Q1223 28 1257 23 Q1290 19 1318 31 Q1346 42 1369 58 Q1392 73 1408 97 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.074' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M1482 120 Q1482 120 1467 157 Q1452 195 1414 216 Q1375 238 1333 248 Q1290 258 1244 253 Q1198 247 1167 219 Q1137 191 1130 155 Q1122 120 1128 84 Q1134 48 1163 17 Q1193 -15 1241 -19 Q1290 -24 1330 -7 Q1370 9 1404 31 Q1437 52 1460 86 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.063' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M1538 120 Q1538 120 1517 168 Q1496 215 1449 245 Q1401 274 1346 290 Q1290 306 1230 297 Q1169 287 1133 248 Q1096 210 1085 165 Q1074 120 1079 72 Q1083 24 1122 -16 Q1162 -57 1226 -61 Q1290 -65 1342 -45 Q1394 -25 1440 3 Q1485 30 1512 75 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.052' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M1592 120 Q1592 120 1565 177 Q1538 234 1483 273 Q1428 312 1359 334 Q1290 357 1215 342 Q1141 327 1099 277 Q1056 228 1041 174 Q1026 120 1029 60 Q1031 0 1082 -49 Q1133 -98 1211 -102 Q1290 -106 1355 -83 Q1420 -60 1478 -27 Q1535 7 1563 63 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.041' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M1642 120 Q1642 120 1609 186 Q1577 252 1516 301 Q1456 350 1373 380 Q1290 409 1201 387 Q1113 366 1065 306 Q1018 246 997 183 Q976 120 978 48 Q979 -24 1042 -80 Q1104 -137 1197 -142 Q1290 -146 1369 -123 Q1448 -99 1517 -58 Q1586 -17 1614 52 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.030' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M1689 120 Q1689 120 1651 195 Q1613 269 1549 330 Q1485 390 1388 426 Q1290 462 1188 432 Q1086 403 1032 333 Q979 264 951 192 Q924 120 926 36 Q928 -47 1003 -110 Q1078 -173 1184 -180 Q1290 -186 1384 -163 Q1478 -140 1559 -91 Q1639 -41 1664 39 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.030' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M248 800 Q248 800 239 818 Q229 837 213 851 Q197 865 173 873 Q150 881 125 875 Q101 869 87 852 Q74 835 68 817 Q62 800 63 780 Q63 760 81 744 Q98 728 124 727 Q150 726 172 732 Q195 738 214 750 Q233 762 241 781 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.085' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M300 800 Q300 800 286 828 Q271 856 248 879 Q224 903 187 916 Q150 930 111 918 Q73 907 53 881 Q33 854 22 827 Q11 800 12 768 Q13 737 42 713 Q71 690 110 687 Q150 684 186 692 Q222 701 252 720 Q283 739 291 769 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.074' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M350 800 Q350 800 331 837 Q312 875 282 908 Q252 942 201 960 Q150 979 98 962 Q46 944 18 909 Q-10 874 -26 837 Q-43 800 -39 757 Q-36 714 4 684 Q44 654 97 648 Q150 643 200 652 Q251 660 292 688 Q333 715 341 758 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.063' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M397 800 Q397 800 375 847 Q353 894 317 938 Q281 982 216 1004 Q150 1027 85 1004 Q20 981 -17 937 Q-54 894 -76 847 Q-99 800 -91 746 Q-84 692 -32 656 Q20 620 85 611 Q150 602 216 610 Q281 618 333 655 Q385 692 391 746 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.052' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M443 800 Q443 800 419 856 Q394 913 352 967 Q310 1022 230 1048 Q150 1073 72 1045 Q-6 1016 -53 966 Q-100 916 -129 858 Q-158 800 -144 735 Q-130 671 -66 630 Q-3 589 74 574 Q150 559 232 566 Q314 573 374 621 Q435 668 439 734 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.041' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M489 800 Q489 800 464 867 Q438 933 389 998 Q339 1063 245 1089 Q150 1116 60 1083 Q-31 1050 -90 994 Q-150 939 -185 869 Q-221 800 -197 725 Q-173 651 -99 605 Q-24 559 63 538 Q150 516 248 522 Q346 528 416 587 Q485 645 487 723 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.030' stroke-width%3D'1.1' fill%3D'none'/%3E%3Cpath d%3D'M537 800 Q537 800 511 878 Q486 955 427 1029 Q368 1103 259 1129 Q150 1155 48 1120 Q-55 1084 -129 1024 Q-204 963 -244 882 Q-285 800 -250 716 Q-215 631 -130 581 Q-44 531 53 501 Q150 472 264 477 Q379 483 456 553 Q533 623 535 712 Z' stroke%3D'%23568AF7' stroke-opacity%3D'0.030' stroke-width%3D'1.1' fill%3D'none'/%3E%3C/svg%3E");
  background-size:cover;background-position:center;
  animation:topoDrift 48s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion:reduce){.hero-topo{animation:none}}

/* نقاط درخشان مش — هم‌راستا با شبکه، تنفس نور با ریتم تصادفی */
@keyframes meshGlow{0%,100%{opacity:0;transform:scale(.55)}45%,60%{opacity:.95;transform:scale(1)}}
.mesh-glows{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mesh-glow{
  position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;
  background:#9DC0FF;
  box-shadow:0 0 10px 2px rgba(130,170,255,.8),0 0 24px 7px rgba(86,138,247,.35);
  opacity:0;animation:meshGlow var(--dur,5s) ease-in-out var(--delay,0s) infinite;
}

/* ══════════════════════════════════════════════════════════════════
   صفحه اول = پنل قاب‌دار به سبک صفحه ورود (مرجع محبوب)
   ══════════════════════════════════════════════════════════════════ */
.hero-frame{padding:14px;background:var(--bg)}
.hero-type{
  position:relative;overflow:hidden;display:flex;
  border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);
  background:
    radial-gradient(760px 560px at 78% 18%,rgba(255,255,255,.10) 0%,transparent 60%),
    linear-gradient(155deg,#123073 0%,#1B49B4 46%,#2563EB 100%);
  min-height:calc(100svh - 28px);
}
.hero-type::before{content:none}
.hero-type::after{content:none}
.hero-type .hero-texture{opacity:.05}
.hero-type .rings::before,.hero-type .rings::after{
  content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.16);
}
.hero-type .rings::before{width:560px;height:560px;top:-200px;left:-160px}
.hero-type .rings::after{width:400px;height:400px;bottom:-170px;right:-120px;border-style:dashed;border-color:rgba(255,255,255,.2)}
.hero-type .star{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(227,180,92,.16)}
.hero-type .s1{top:16%;right:13%}
.hero-type .s2{top:64%;right:7%;width:5px;height:5px}
.hero-type .s3{bottom:13%;left:19%}
.hero-type .s4{top:24%;left:9%;width:5px;height:5px}
.hero-frame .hero-type-inner{min-height:0;flex:1;padding:64px 0 52px}
.hero-panel-logo{height:56px;width:auto;margin-bottom:30px;animation:heroRise .7s cubic-bezier(.22,1,.36,1) .1s both}
.hero-frame .type-title{font-size:clamp(30px,4.4vw,54px)}
.hero-frame .hero-lead{color:#E1E9FF}
.hero-frame .tline-gold.is-gold{color:#F5CD86}
.hero-frame .type-caret{background:#F5CD86}
.hero-frame .hero-stats{color:#CBD9FF}
.hero-frame .hero-stats b{color:#fff}
.hero-frame .trust-row{border-top-color:rgba(255,255,255,.20)}
.hero-frame .btn-gold{color:#1B49B4}
.hero-frame .btn-gold:hover{color:#123073}

/* هدر در صفحه اول: از ابتدا دیده می‌شود (چسبان، شیشه‌ای تیره) */

/* نوار مشاغل بیرون جعبه، روی زمینه صفحه */
.hero-frame + .skill-marquee{margin-top:4px}

@media (max-width:640px){
  .hero-frame{padding:9px}
  .hero-type{min-height:calc(100svh - 18px);border-radius:22px}
  .hero-frame .hero-type-inner{padding:52px 0 42px}
  .hero-panel-logo{height:44px;margin-bottom:22px}
  .hero-frame .type-title{font-size:clamp(27px,8vw,38px)}
}
@media (prefers-reduced-motion:reduce){.hero-panel-logo{animation:none}}

/* ══════════════════════════════════════════════════════════════════
   هیروی ترکیبی: تایپ روی تم روشن + صحنه‌ای که بعد از تایپ جان می‌گیرد
   ══════════════════════════════════════════════════════════════════ */
.hero-public .type-title{color:var(--ink);font-size:3.8vw;line-height:1.5;font-weight:700!important}
.hero-public .type-caret{background:var(--brand)}
.hero-public .tline-gold{transition:color .5s ease}
.hero-public .tline-gold.is-gold{color:#1D4ED8;position:relative;isolation:isolate}
.hero-public .strike::after{background:#E11D1D;animation:none;transform:rotate(-1.8deg) scaleX(0)}
.hero-public.is-typed .strike::after{animation:strikeDraw .45s cubic-bezier(.7,0,.3,1) .2s forwards}
.hero-public .hero-sub{
  margin-top:22px;opacity:0;transform:translateY(14px);
  transition:opacity .55s ease .35s,transform .55s ease .35s;
}
.hero-public.is-typed .hero-sub{opacity:1;transform:none}
.hero-public .hero-stats{color:var(--ink-2);margin-top:16px;font-size:13.5px}
.hero-public .hero-stats b{color:var(--brand-strong);font-size:16px;font-weight:800;margin-inline-end:2px}

/* صحنه تا پایان تایپ در سکون کامل می‌ماند */
.hero-public.is-waiting .skill-card,
.hero-public.is-waiting .skill-seal,
.hero-public.is-waiting .offer,
.hero-public.is-waiting .offer-check,
.hero-public.is-waiting .req-path,
.hero-public.is-waiting .req-dot,
.hero-public.is-waiting .req-ping{animation-play-state:paused!important}

@media (max-width:640px){
  .hero-public .hero-actions .btn-soft{display:none}
  .hero-public .hero-actions .btn-primary{width:100%;justify-content:center}
  .hero-public .type-title{font-size:clamp(28px,8vw,40px)}
}
@media (prefers-reduced-motion:reduce){
  .hero-public .strike::after,.hero-public.is-typed .strike::after{animation:none;transform:rotate(-1.8deg) scaleX(1)}
  .hero-public .hero-sub{opacity:1;transform:none;transition:none}
}


/* هیروی ترکیبی — اصلاحات: زمینه یکدست، های‌لایت هم‌قد متن، فاصله‌ها */
.hero-public{background:var(--bg)}
.hero-public::before,.hero-public::after{content:none}
.hero-public .type-title .tline{width:fit-content}
@media (max-width:900px){
  .hero-public-grid{grid-template-columns:1fr;gap:34px}
}


/* صفحه اول: قفل تم شب — بدون تاگل، رنگ برند و دکمه سفارشی */
.theme-hero-blue [data-theme-toggle]{display:none!important}
.hero-public .hero-actions .btn-primary{background:#1D4ED8!important;color:#FFFFFF!important;border-color:transparent}
.hero-public .hero-actions .btn-primary:hover{background:#1B45C2!important;color:#FFFFFF!important}


/* ══════════════════════════════════════════════════════════════════
   رنگ برند #1D4ED8 — تحمیل قطعی روی صفحه اول + سخت‌سازی موبایل
   ══════════════════════════════════════════════════════════════════ */
.theme-hero-blue .hero-public .tline-gold{font-weight:950}
.theme-hero-blue .hero-public .tline-gold.is-gold{color:#ffffff!important}
.theme-hero-blue .hero-public .hero-actions .btn-primary,
.theme-hero-blue .hero-public .hero-actions a.btn-primary{
  background:#1D4ED8!important;color:#FFFFFF!important;border-color:transparent!important;
  box-shadow:0 16px 34px -14px rgba(29,78,216,.65);
}
.theme-hero-blue .hero-public .hero-actions .btn-primary:hover{background:#1B45C2!important;color:#FFFFFF!important}
.theme-hero-blue .site-header .btn-primary{background:#1D4ED8!important;color:#FFFFFF!important}
.theme-hero-blue .site-header .btn-primary:hover{background:#1B45C2!important;color:#FFFFFF!important}
.theme-hero-blue .hero-public .skill-avatar{background:#1D4ED8!important;color:#FFFFFF!important}
.theme-hero-blue .hero-public .req-path{stroke:#1D4ED8}
.theme-hero-blue .hero-public .req-dot{fill:#1D4ED8}
.theme-hero-blue .hero-public .req-plane{fill:#1D4ED8}
.theme-hero-blue .hero-public .req-path.is-first{stroke:#2BBB70}
.theme-hero-blue .hero-public .req-dot.is-first{fill:#1FA65C}
.theme-hero-blue .hero-public .req-plane.is-first{fill:#1FA65C}
.theme-hero-blue .hero-public .type-caret{background:#1D4ED8}

/* موبایل: چیدمان پشته‌ای تمیز و بدون فضای مرده */
@media (max-width:900px){
  .skill-stage{
    display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;
    gap:12px;min-height:0;margin-top:6px;
  }
  .stage-links{display:none}
  .skill-card{
    position:relative;top:0;right:0;
    flex:0 0 auto;width:min(440px,calc(100% - 10px));
    margin:0 8px 30px;
  }
  .offer{position:static}
}
@media (max-width:640px){
  .hero-public{padding:34px 0 46px}
  .hero-public .hero-sub{margin-top:16px}
  .hero-public .type-title{line-height:1.55}
  .hero-public-grid{gap:26px}
  .skill-stage{min-height:0;margin-top:2px}
  .skill-card{margin-bottom:22px}
  .hero-public .hero-stats{font-size:12.5px}
  .trust-row{gap:8px 18px}
}


/* نوار CTA پایانی روی صفحه اولِ تم‌شب: گرادیان برند، کنتراست کامل */
.theme-hero-blue .cta-card{
  background:
    radial-gradient(560px 360px at 82% 20%,rgba(255,255,255,.14),transparent 62%),
    linear-gradient(150deg,#16308F 0%,#1D4ED8 62%,#2B5CE8 100%);
  box-shadow:0 30px 60px -28px rgba(13,32,96,.85);
}
.theme-hero-blue .cta-card h2{color:#FFFFFF}
.theme-hero-blue .cta-card p{color:#DCE6FF}
.theme-hero-blue .cta-card .btn-light{
  background:#FFFFFF!important;color:#1D4ED8!important;font-weight:800;
  box-shadow:0 16px 32px -14px rgba(0,0,0,.5);
}
.theme-hero-blue .cta-card .btn-light:hover{background:#EFF4FF!important;color:#16308F!important}


/* نمای اول تمام‌قد: هیرو وسط، نوار مشاغل همیشه چسبیده به کف صفحه‌نمایش */
.theme-hero-blue .hero-public{
  display:flex;align-items:center;
  min-height:calc(100svh - var(--header-h) - 56px); /* هدر + نوار مشاغل */
}
.theme-hero-blue .hero-public>.container{width:100%}
.theme-hero-blue .hero-public + .skill-marquee{margin-top:0}

/* ── پروفایل قفل‌شده و بخش بایگانی ─────────────────────────────── */
.profile-locked{
  display:flex;align-items:center;gap:7px;margin:6px 0 0;
  font-size:11.5px;font-weight:600;color:var(--ink-3);line-height:1.8;
}
.profile-locked svg{width:14px;height:14px;flex:none;color:var(--ink-3)}

.archived-block{margin-top:34px;padding-top:26px;border-top:1px dashed var(--line-2)}
.archived-title{margin:0;font-size:16px;font-weight:800;color:var(--ink)}
.archived-lead{margin:7px 0 16px;font-size:12.5px;color:var(--ink-3);line-height:1.95}
.archived-list{display:grid;gap:10px}
.archived-card{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 18px;border-radius:14px;
  background:var(--bg-soft);border:1px solid var(--line);
}
.archived-card h3{margin:0;font-size:14px;font-weight:700;color:var(--ink-2)}
.archived-card p{margin:3px 0 0;font-size:11.5px;color:var(--ink-3)}

/* ── پاپ‌آپ تأیید (جانشین confirm() مرورگر) ─────────────────────── */
.jk-confirm-card{width:min(430px,100%);text-align:start;padding:26px 26px 22px}
.jk-confirm-icon{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
  background:var(--warn-soft,#FEF3E2);color:var(--warn,#B4690E);margin-bottom:16px;
}
.jk-confirm-icon svg{width:23px;height:23px}
.jk-confirm-card.is-danger .jk-confirm-icon{background:var(--danger-soft,#FDECEC);color:var(--danger,#C0392B)}
.jk-confirm-title{margin:0;font-size:16.5px;font-weight:800;color:var(--ink);line-height:1.7}
.jk-confirm-text{margin:9px 0 0;font-size:13px;color:var(--ink-2);line-height:2}
.jk-confirm-actions{display:flex;gap:10px;margin-top:22px}
.jk-confirm-actions .btn{flex:1}

/* ══════════════════ سازمان: ثبت شرکت ══════════════════════════ */
.gate-note{
  display:flex;gap:14px;align-items:flex-start;
  padding:18px 20px;border-radius:16px;margin-bottom:26px;
  background:var(--brand-050);border:1px solid rgba(37,99,235,.18);
}
.gate-note.is-slim{padding:14px 16px;margin-bottom:20px}
.gate-note p{margin:0;font-size:13.5px;line-height:2;color:var(--ink-2)}
.gate-note-ic{
  width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:var(--surface);color:var(--brand);
}
.gate-note-ic svg{width:19px;height:19px}

.gate-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:720px}
.gate-item{
  display:flex;gap:16px;align-items:flex-start;
  padding:22px;border-radius:18px;
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);
}
.gate-item.is-done{border-color:rgba(24,133,68,.3);background:var(--ok-soft)}
.gate-mark{
  width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--bg-soft);color:var(--ink-3);font-weight:800;font-size:15px;
}
.gate-item.is-done .gate-mark{background:var(--ok);color:#fff}
.gate-item.is-done .gate-mark svg{width:18px;height:18px}
.gate-body h3{margin:0;font-size:16px;font-weight:800;color:var(--ink)}
.gate-body p{margin:6px 0 0;font-size:13.5px;line-height:2;color:var(--ink-2)}
.gate-body .btn{margin-top:12px}
.gate-actions{margin-top:22px}

/* ── آپلود لوگو ── */
.upload-drop{
  position:relative;display:flex;align-items:center;gap:16px;
  padding:18px;border-radius:18px;cursor:pointer;
  background:var(--bg-soft);border:2px dashed var(--line-2);
  transition:border-color .18s ease,background .18s ease;
}
.upload-drop:hover,.upload-drop.is-over{border-color:var(--brand);background:var(--brand-050)}
.upload-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.upload-preview{
  width:76px;height:76px;flex:none;border-radius:16px;overflow:hidden;
  display:grid;place-items:center;background:var(--surface);
  border:1px solid var(--line);color:var(--ink-3);
}
.upload-preview img{width:100%;height:100%;object-fit:contain}
.upload-preview svg{width:26px;height:26px}
.upload-text b{display:block;font-size:14px;font-weight:700;color:var(--ink)}
.upload-text small{display:block;margin-top:5px;font-size:11.5px;color:var(--ink-3);line-height:1.9}

/* ── فهرست شرکت‌ها ── */
.company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}
.company-card{
  padding:22px;border-radius:20px;
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);
}
.company-card.is-rejected{border-color:rgba(211,49,49,.32)}
.company-card.is-verified{border-color:rgba(24,133,68,.28)}
.company-card-head{display:flex;align-items:center;gap:13px}
.company-logo{
  width:52px;height:52px;flex:none;border-radius:15px;object-fit:contain;
  background:var(--bg-soft);border:1px solid var(--line);
}
.company-logo.is-empty{
  display:grid;place-items:center;font-family:var(--font-display);
  font-size:20px;font-weight:800;color:var(--brand);background:var(--brand-050);border-color:transparent;
}
.company-id{flex:1;min-width:0}
.company-id h2{margin:0;font-size:16.5px;font-weight:800;color:var(--ink)}
.company-id p{margin:2px 0 0;font-size:12px;color:var(--ink-3)}
.company-reject{
  margin-top:14px;padding:11px 14px;border-radius:12px;
  background:var(--danger-soft);color:var(--danger-ink);font-size:12.5px;line-height:1.95;
}
.company-synonyms{margin:14px 0 0;font-size:12.5px;color:var(--ink-2);line-height:2.2}
.company-synonyms b{color:var(--ink-3);font-weight:700;margin-inline-end:5px}
.company-synonyms span{
  display:inline-block;padding:3px 10px;margin:0 0 0 5px;border-radius:8px;
  background:var(--bg-soft);border:1px solid var(--line);
}
.company-card-actions{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:15px;border-top:1px dashed var(--line-2)}
.muted-note{font-size:12.5px;color:var(--ink-3)}
.empty-note{font-size:12.5px;color:var(--ink-3);margin-top:8px}

/* ── نام‌های مترادف ── */
.names-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.names-card{padding:22px}
.names-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.names-head h2{margin:0;font-size:15.5px;font-weight:800;color:var(--ink)}
.names-count{font-size:12px;font-weight:700;color:var(--ink-3);background:var(--bg-soft);padding:4px 11px;border-radius:999px}
.names-primary{margin:12px 0 16px;font-size:13px;color:var(--ink-2)}
.names-primary b{color:var(--ink-3);font-weight:700}
.names-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.names-list li{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 13px;border-radius:11px;font-size:13px;font-weight:600;color:var(--ink);
  background:var(--bg-soft);border:1px solid var(--line);
}
.names-list li.is-empty{justify-content:flex-start;color:var(--ink-3);font-weight:500;background:transparent;border-style:dashed}
.names-remove{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3)}
.names-remove:hover{background:var(--danger-soft);color:var(--danger)}
.names-remove svg{width:13px;height:13px}
.names-add{display:flex;gap:9px}
.names-add .input{flex:1}

.submit-bar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:22px;padding:22px;
}
.submit-bar h3{margin:0;font-size:16px;font-weight:800;color:var(--ink)}
.submit-bar p{margin:7px 0 0;font-size:13px;color:var(--ink-2);line-height:2;max-width:60ch}

/* ── سوئیچر شرکت در هدر ── */
.company-switch>summary{
  display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:12px;
  background:var(--bg-soft);border:1px solid var(--line);cursor:pointer;
  font-size:13px;font-weight:700;color:var(--ink);max-width:230px;
}
.company-switch>summary::-webkit-details-marker{display:none}
.company-switch>summary:hover{background:var(--surface-2)}
.company-switch-ic{display:grid;place-items:center;color:var(--brand);flex:none}
.company-switch-ic svg{width:17px;height:17px}
.company-switch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-switch-caret{width:15px;height:15px;flex:none;color:var(--ink-3)}
.company-switch-panel{min-width:250px;padding:7px}
.company-switch-opt{
  display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  padding:10px 13px;border-radius:10px;text-align:start;
  font-size:13px;font-weight:600;color:var(--ink-2);
}
.company-switch-opt:hover{background:var(--bg-soft);color:var(--ink)}
.company-switch-opt.is-current{background:var(--brand-050);color:var(--brand-deep);font-weight:800}
.company-switch-opt svg{width:15px;height:15px;flex:none;color:var(--brand)}

@media (max-width:820px){
  .company-switch>summary{max-width:150px;padding:8px 10px}
  .company-switch-name{font-size:12px}
  .submit-bar{flex-direction:column;align-items:stretch}
  .submit-bar .btn{width:100%}
}
@media (max-width:560px){
  .company-switch-name,.company-switch-caret{display:none}
  .company-switch>summary{padding:9px}
}

/* ══════════════════ فاز ۲: مدیریت شرکت ═══════════════════════ */
.head-actions{display:flex;align-items:center;gap:14px}
.manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;align-items:start}
.manage-card{padding:24px}
.manage-card h2{margin:0;font-size:16.5px;font-weight:800;color:var(--ink)}
.manage-lead{margin:8px 0 18px;font-size:12.5px;color:var(--ink-3);line-height:2}

.pending-change{
  display:flex;gap:14px;align-items:flex-start;
  padding:16px 18px;border-radius:16px;margin-bottom:22px;
  background:var(--warn-soft);border:1px solid rgba(178,106,8,.24);
}
.pending-change-ic{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--warn)}
.pending-change-ic svg{width:18px;height:18px}
.pending-change b{display:block;font-size:14px;color:var(--ink)}
.pending-change p{margin:5px 0 0;font-size:12.5px;color:var(--ink-2);line-height:2}

.owner-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.owner-list li{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;border-radius:13px;
  background:var(--bg-soft);border:1px solid var(--line);
}
.owner-avatar{
  width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:var(--brand-050);color:var(--brand);font-weight:800;font-size:14px;
}
.owner-id{flex:1;min-width:0}
.owner-id b{display:block;font-size:13.5px;font-weight:700;color:var(--ink)}
.owner-id small{display:block;font-size:11.5px;color:var(--ink-3);margin-top:2px}
.owner-tag{font-size:11.5px;font-weight:700;color:var(--ink-3);background:var(--surface);padding:4px 11px;border-radius:999px;border:1px solid var(--line)}
.owner-tag.is-founder{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}
.owner-add{padding-top:16px;border-top:1px dashed var(--line-2)}
.owner-add-row{display:flex;gap:9px;margin-top:8px}
.owner-add-row .input{flex:1}

.names-block{padding-top:16px;margin-top:16px;border-top:1px dashed var(--line-2)}
.names-block:first-of-type{border-top:0;margin-top:0}
.names-block h3{margin:0;font-size:13.5px;font-weight:800;color:var(--ink-2)}

.activity-log{list-style:none;margin:0;padding:0;position:relative}
.activity-log::before{content:"";position:absolute;top:6px;bottom:6px;inset-inline-start:5px;width:2px;background:var(--line)}
.activity-item{position:relative;display:flex;gap:16px;padding:0 0 18px}
.activity-dot{
  position:relative;z-index:1;width:12px;height:12px;flex:none;margin-top:6px;
  border-radius:50%;background:var(--surface);border:2px solid var(--brand);
}
.activity-body{
  flex:1;min-width:0;padding:14px 18px;border-radius:14px;
  background:var(--surface);border:1px solid var(--line);
}
.activity-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.activity-head b{font-size:13.5px;font-weight:800;color:var(--ink)}
.activity-head time{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.activity-body p{margin:7px 0 0;font-size:13px;color:var(--ink-2);line-height:2}
.activity-actor{display:block;margin-top:8px;font-size:11.5px;color:var(--ink-3)}

@media (max-width:820px){
  .manage-grid{grid-template-columns:1fr}
  .head-actions{width:100%;justify-content:flex-start}
  .owner-add-row{flex-direction:column}
  .owner-add-row .btn{width:100%}
}

/* ══════════════════ فاز ۳: سهمیه آگهی ══════════════════════════ */
.quota-grid{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:18px;align-items:start}
.quota-form-card{padding:24px;position:sticky;top:calc(var(--topbar-h) + 18px)}
.quota-form-card h2{margin:0 0 18px;font-size:16.5px;font-weight:800;color:var(--ink)}
.quota-list-col{display:grid;gap:14px}

.switch-row{
  display:flex;align-items:flex-start;gap:11px;cursor:pointer;
  padding:13px 15px;border-radius:13px;margin-bottom:11px;
  background:var(--bg-soft);border:1px solid var(--line);
}
.switch-row:hover{border-color:var(--brand)}
.switch-row input{margin-top:3px;flex:none;width:17px;height:17px;accent-color:var(--brand)}
.switch-row b{display:block;font-size:13px;font-weight:700;color:var(--ink);line-height:1.8}
.switch-row small{display:block;margin-top:4px;font-size:11.5px;color:var(--ink-3);line-height:1.9}

.quota-card{padding:20px}
.quota-card.is-expired,.quota-card.is-revoked,.quota-card.is-exhausted{opacity:.72}
.quota-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quota-head b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
.quota-head small{display:block;margin-top:2px;font-size:11.5px;color:var(--ink-3)}

.quota-meter{margin:16px 0 14px}
.quota-meter b{display:block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.quota-meter-bar{display:block;height:7px;border-radius:99px;background:var(--bg-soft);overflow:hidden}
.quota-meter-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ok),var(--brand))}

.quota-facts{list-style:none;margin:0;padding:14px 0 0;border-top:1px dashed var(--line-2);display:grid;gap:7px}
.quota-facts li{font-size:12.5px;color:var(--ink-2);line-height:1.9;padding-inline-start:16px;position:relative}
.quota-facts li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--ink-3)}
.quota-actions{display:flex;align-items:center;gap:14px;margin-top:16px}

.pay-grid{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:18px;align-items:start}
.pay-card,.pay-side{padding:24px}
.pay-card h2,.pay-side h3{margin:0 0 18px;font-size:16px;font-weight:800;color:var(--ink)}
.pay-lines{margin:0 0 18px}
.pay-lines div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line-2)}
.pay-lines dt{margin:0;font-size:13px;color:var(--ink-2)}
.pay-lines dd{margin:0;font-size:13.5px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.pay-lines .is-total{border-bottom:0;padding-top:15px}
.pay-lines .is-total dt{font-weight:800;color:var(--ink)}
.pay-lines .is-total dd{font-size:19px;font-weight:900;color:var(--brand)}
.pay-note{margin:0 0 20px;font-size:12.5px;color:var(--ink-3);line-height:2}
.pay-short{padding:16px 18px;border-radius:14px;background:var(--danger-soft)}
.pay-short b{display:block;font-size:14px;color:var(--danger-ink)}
.pay-short p{margin:6px 0 14px;font-size:12.5px;color:var(--ink-2);line-height:1.95}
.pay-terms{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:11px}
.pay-terms li{font-size:12.5px;color:var(--ink-2);line-height:1.95;padding-inline-start:20px;position:relative}
.pay-terms li::before{
  content:"";position:absolute;inset-inline-start:0;top:6px;width:9px;height:9px;
  border-radius:50%;border:2px solid var(--brand);
}

.myquota-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.myquota-card{padding:22px}
.myquota-card.is-dim{opacity:.6}
.myquota-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.myquota-head h2{margin:0;font-size:15.5px;font-weight:800;color:var(--ink)}
.myquota-count{margin:0 0 8px;font-size:13px;color:var(--ink-2)}
.myquota-count b{font-size:22px;font-weight:900;color:var(--brand);margin-inline-end:4px}
.myquota-expiry{margin:12px 0 0;font-size:12px;color:var(--ink-3)}
.myquota-terms{list-style:none;margin:14px 0 16px;padding:14px 0 0;border-top:1px dashed var(--line-2);display:grid;gap:7px}
.myquota-terms li{font-size:12px;color:var(--ink-3);line-height:1.9}

@media (max-width:900px){
  .quota-grid,.pay-grid{grid-template-columns:1fr}
  .quota-form-card{position:static}
}

/* ══════════════════ فاز ۴: سهمیه در ویزارد و صف تأیید ═════════ */
.quota-picker{
  padding:18px;border-radius:16px;margin-bottom:20px;
  background:var(--brand-050);border:1px solid rgba(37,99,235,.18);
}
.quota-picker-lead{margin:0 0 14px;font-size:13px;font-weight:700;color:var(--ink-2)}
.quota-options{display:grid;gap:9px}
.quota-option{
  display:flex;align-items:flex-start;gap:11px;cursor:pointer;
  padding:13px 15px;border-radius:12px;
  background:var(--surface);border:1.5px solid var(--line);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.quota-option:hover{border-color:var(--brand)}
.quota-option.is-on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.quota-option input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--brand)}
.quota-option-body b{display:block;font-size:13.5px;font-weight:700;color:var(--ink)}
.quota-option-body small{display:block;margin-top:4px;font-size:11.5px;color:var(--ink-3);line-height:1.9}
.input.is-locked,input.is-locked{background:var(--bg-soft);color:var(--ink-2);cursor:not-allowed}

.approval-list{display:grid;gap:14px}
.approval-card{padding:20px}
.approval-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.approval-head h2{margin:0;font-size:16px;font-weight:800;color:var(--ink)}
.approval-head p{margin:5px 0 0;font-size:12.5px;color:var(--ink-3)}
.approval-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.approval-tag{
  font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;
  background:var(--bg-soft);color:var(--ink-2);border:1px solid var(--line);
}
.approval-tag.is-quota{background:var(--ok-soft);color:var(--ok-ink);border-color:transparent}
.approval-tag.is-owner-pay{background:var(--warn-soft);color:var(--warn-ink);border-color:transparent}
.approval-tag.is-edit{background:var(--violet-soft);color:var(--violet);border-color:transparent}
.approval-actions{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:15px;border-top:1px dashed var(--line-2)}

.diff-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.diff-row{padding:14px 16px;border-radius:13px;background:var(--bg-soft);border:1px solid var(--line)}
.diff-row b{display:block;font-size:12.5px;font-weight:700;color:var(--ink-3);margin-bottom:8px}
.diff-old,.diff-new{font-size:13px;line-height:1.95;padding:8px 12px;border-radius:9px}
.diff-old{background:var(--danger-soft);color:var(--ink-2);text-decoration:line-through;opacity:.8}
.diff-new{background:var(--ok-soft);color:var(--ink);margin-top:7px}

.reject-form{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line-2)}
.reject-form textarea{width:100%;min-height:80px;resize:vertical}
.rejection-note{
  padding:14px 16px;border-radius:13px;margin:16px 0;
  background:var(--danger-soft);border:1px solid rgba(211,49,49,.22);
}
.rejection-note b{display:block;font-size:13px;color:var(--danger-ink)}
.rejection-note p{margin:6px 0 0;font-size:12.5px;color:var(--ink-2);line-height:2}

/* ── نوار «مرحلهٔ بعد» در بازبینی نهایی ─────────────────────────── */
.next-step{
  display:flex;gap:15px;align-items:flex-start;
  padding:18px 20px;border-radius:16px;margin-bottom:22px;
  border:1px solid var(--line);background:var(--surface);
}
.next-step.next-quota{background:var(--ok-soft);border-color:rgba(24,133,68,.26)}
.next-step.next-owner{background:var(--warn-soft);border-color:rgba(178,106,8,.24)}
.next-step.next-payment{background:var(--brand-050);border-color:rgba(37,99,235,.2)}
.next-step-ic{
  width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;
  background:var(--surface);
}
.next-step.next-quota .next-step-ic{color:var(--ok)}
.next-step.next-owner .next-step-ic{color:var(--warn)}
.next-step.next-payment .next-step-ic{color:var(--brand)}
.next-step-ic svg{width:21px;height:21px}
.next-step-body b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.8}
.next-step-body p{margin:6px 0 0;font-size:13px;color:var(--ink-2);line-height:2}
.next-step-meta{
  display:inline-block;margin-top:10px;padding:5px 12px;border-radius:999px;
  background:var(--surface);border:1px solid var(--line);
  font-size:11.5px;font-weight:700;color:var(--ink-2);
}
@media (max-width:640px){.next-step{flex-direction:column;gap:12px}}

.payer-choices{display:grid;gap:9px;margin:10px 0 20px}
.publish-card .next-step{width:100%}

/* ── صفحهٔ تصمیم مالک ─────────────────────────────────────────── */
.decide-card{padding:24px;margin-top:18px}
.decide-title{margin:0 0 18px;font-size:16.5px;font-weight:800;color:var(--ink)}
.decide-approve{margin:0}
.decide-approve .btn{width:100%}
.decide-sep{
  display:flex;align-items:center;gap:14px;margin:22px 0;
  font-size:12px;color:var(--ink-3);
}
.decide-sep::before,.decide-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.decide-reject{margin:0}
.decide-reject .field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--ink)}
.decide-reject .field-label small{font-weight:500;color:var(--ink-3)}
.decide-reject textarea{width:100%;min-height:88px;resize:vertical;font-family:inherit}
.decide-reject .field-hint{margin:9px 0 0;font-size:12px;color:var(--ink-3);line-height:1.95}
.decide-reject-actions{display:flex;justify-content:flex-end;margin-top:16px}

/* برچسب‌ها و کلاس‌های مشترکی که در قالب‌های جدید استفاده شده‌اند */
.page-lead{margin:7px 0 0;font-size:13.5px;color:var(--ink-2);line-height:2}
.field-hint{margin:6px 0 0;font-size:12px;color:var(--ink-3);line-height:1.9}
.field-label{font-size:13px;font-weight:700;color:var(--ink)}
.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}

/* وضعیت‌های تازهٔ آگهی */
.badge.status-pending_owner{background:var(--warn-soft);color:var(--warn-ink)}
.badge.status-rejected{background:var(--danger-soft);color:var(--danger-ink)}