/* قرارداد پروژه (v21): font-variant-numeric:tabular-nums و font-feature-settings:"tnum" ممنوع — با ارقام فارسی بد می‌نشیند. */
/* ===================================================================




   TestKav Skills — Panel  (panel.css)




   شِل پنل (سایدبار + topbar + سوییچر نقش) + اجزای داشبورد چهار نقش.




   نیازمند skills.css. همهٔ کلاس‌ها sk- تا با CSS قدیمی تداخل نکنند.




   =================================================================== */









/* ---------- شِل ---------- */




.sk-shell{display:flex;min-height:100vh}




.sk-sidebar{width:264px;flex-shrink:0;background:var(--sk-surface);border-inline-start:1px solid var(--sk-line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;z-index:50}




.sk-brand{display:flex;align-items:center;gap:11px;padding:20px 20px 18px;border-bottom:1px solid var(--sk-line)}




.sk-brand .mk{width:42px;height:42px;border-radius:11px;background:var(--sk-charcoal);color:var(--sk-amber);display:grid;place-items:center;font-weight:900;font-size:15px;flex-shrink:0}




.sk-brand strong{font-size:14.5px;font-weight:800;display:block;line-height:1.3}.sk-brand small{font-size:10.5px;color:var(--sk-ink-faint);font-weight:500}




.sk-nav{flex:1;overflow-y:auto;padding:12px}




.sk-nav-sec{font-size:10.5px;font-weight:700;color:var(--sk-ink-faint);letter-spacing:.06em;text-transform:uppercase;padding:12px 12px 6px}




.sk-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--sk-r-sm);font-size:13.5px;font-weight:600;color:var(--sk-ink-soft);transition:.15s;margin-bottom:2px}




.sk-nav-link:hover{background:var(--sk-surface-2);color:var(--sk-ink)}




.sk-nav-link.is-active{background:var(--sk-amber-soft);color:var(--sk-ink)}.sk-nav-link.is-active .sk-nav-ic{color:var(--sk-amber-deep)}




.sk-nav-ic{width:22px;height:22px;display:grid;place-items:center;color:var(--sk-ink-faint);flex-shrink:0;font-size:16px}




.sk-nav-ic svg{width:20px;height:20px}




.sk-nav-badge{margin-inline-start:auto;font-size:11px;font-weight:800;background:var(--sk-charcoal);color:#fff;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 6px}




.sk-nav-link.is-active .sk-nav-badge{background:var(--sk-amber);color:#181a1d}




.sk-nav-badge.danger{background:var(--sk-danger);color:#fff}




.sk-nav-caret{margin-inline-start:auto;color:var(--sk-ink-faint);font-size:12px}




.sk-nav-children{padding:0}




.sk-nav-child{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:var(--sk-r-sm);font-size:12.5px;font-weight:600;color:var(--sk-ink-soft);transition:.15s}




.sk-nav-child:hover,.sk-nav-child.is-active{background:var(--sk-surface-2);color:var(--sk-ink)}




.sk-logout{color:var(--sk-danger);margin-top:6px;border-top:1px solid var(--sk-line);padding-top:14px}




.sk-logout .sk-nav-ic{color:var(--sk-danger)}.sk-logout:hover{background:var(--sk-danger-soft)}









.sk-main{flex:1;min-width:0;display:flex;flex-direction:column}




.sk-topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--sk-bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--sk-line);display:flex;align-items:center;gap:14px;padding:0 26px;height:64px}




.sk-menu-btn{display:none}




.sk-role{position:relative}




.sk-role-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--sk-line-strong);border-radius:var(--sk-r-md);padding:7px 13px;background:var(--sk-surface);transition:.15s}




.sk-role-btn:hover{background:var(--sk-surface-2)}




.sk-role-btn .av{width:28px;height:28px;border-radius:8px;background:var(--sk-amber-soft);display:grid;place-items:center;color:var(--sk-amber-deep);font-size:14px}.sk-role-btn .av svg{width:16px;height:16px}




.sk-role-btn .t span{font-size:10px;color:var(--sk-ink-faint);font-weight:600;display:block;line-height:1.2}.sk-role-btn .t strong{font-size:13px;font-weight:700}




.sk-role-btn .c{color:var(--sk-ink-faint);font-size:12px}




.sk-role-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:200px;background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:var(--sk-r-md);box-shadow:0 10px 40px rgba(0,0,0,.12);padding:6px;display:none;z-index:60}




.sk-role-menu.open{display:block}




.sk-role-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--sk-r-sm);font-size:13px;font-weight:600;color:var(--sk-ink-soft);transition:.15s}




.sk-role-item:hover{background:var(--sk-surface-2);color:var(--sk-ink)}




.sk-role-item.is-active{background:var(--sk-amber-soft);color:var(--sk-ink)}




.sk-top-right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}




.sk-topacts{display:flex;align-items:center;gap:8px}




.sk-content{padding:26px;max-width:1280px;width:100%;margin-inline:auto}




.sk-msg{margin-bottom:16px;padding:13px 16px;border-radius:var(--sk-r-md);font-size:13.5px;font-weight:600;border:1px solid var(--sk-line)}




.sk-msg.alert-success{background:var(--sk-ok-soft);color:var(--sk-ok);border-color:var(--sk-ok-line)}




.sk-msg.alert-error,.sk-msg.alert-danger{background:var(--sk-danger-soft);color:var(--sk-danger);border-color:var(--sk-danger-line)}




.sk-msg.alert-warning{background:var(--sk-warn-soft);color:var(--sk-warn)}









.sk-overlay{display:none}









/* ---------- هیروی پنل (دانشجو) ---------- */




.sk-phero{display:flex;align-items:center;gap:16px;margin-bottom:22px}




.sk-phero .hi{width:54px;height:54px;border-radius:14px;background:var(--sk-amber-soft);display:grid;place-items:center;flex-shrink:0}.sk-phero .hi svg{width:28px;height:28px;color:var(--sk-amber-deep)}




.sk-phero h1{font-size:24px;font-weight:800;line-height:1.3}




.sk-phero p{font-size:13.5px;color:var(--sk-ink-soft);line-height:1.7;max-width:640px;margin-top:3px}









/* ---------- هیروی داشبورد (طراح/آموزشگاه/ادمین) ---------- */




.sk-dhero{display:grid;grid-template-columns:1fr 250px;gap:18px;margin-bottom:18px;align-items:stretch}




.sk-dhero__main{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:26px}




.sk-dhero__main.dark{background:var(--sk-charcoal);color:#fff}




.sk-eyebrow{font-size:11.5px;font-weight:700;color:var(--sk-amber-deep);letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:9px}




.sk-dhero__main.dark .sk-eyebrow{color:var(--sk-amber);letter-spacing:.12em}




.sk-dhero__main h1{font-size:23px;font-weight:800;line-height:1.4;margin-bottom:9px}




.sk-dhero__main p{font-size:13.5px;color:var(--sk-ink-soft);line-height:1.8;max-width:640px;margin-bottom:18px}




.sk-dhero__main.dark p{color:rgba(255,255,255,.72)}




.sk-dhero__actions{display:flex;gap:9px;flex-wrap:wrap}




.sk-dhero__side{background:var(--sk-charcoal);color:#fff;border-radius:var(--sk-r-lg);padding:22px;display:flex;flex-direction:column;justify-content:center}




.sk-dhero__side.light{background:var(--sk-surface);border:1px solid var(--sk-line);color:var(--sk-ink)}




.sk-dhero__side>span{font-size:11.5px;font-weight:700;color:var(--sk-amber);letter-spacing:.04em;text-transform:uppercase}




.sk-dhero__side strong{font-size:44px;font-weight:900;line-height:1;margin:6px 0 4px}




.sk-dhero__side .num-amber{color:var(--sk-amber)}.sk-dhero__side.light strong{color:var(--sk-amber-deep)}




.sk-dhero__side small{font-size:12px;color:rgba(255,255,255,.65);font-weight:500;line-height:1.6}




.sk-dhero__side.light small{color:var(--sk-ink-faint)}




.sk-dhero__side a{margin-top:14px;font-size:13px;font-weight:700;color:var(--sk-amber);display:inline-flex;align-items:center;gap:6px}.sk-dhero__side a svg{width:15px;height:15px}




.sk-prog{height:7px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;margin-top:16px}




.sk-prog span{display:block;height:100%;border-radius:999px;background:var(--sk-amber)}









/* ---------- تب‌ها ---------- */




.sk-tabs{display:flex;gap:2px;border-bottom:1px solid var(--sk-line);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}




.sk-tabs::-webkit-scrollbar{display:none}




.sk-tab{padding:12px 15px;font-size:13.5px;font-weight:600;color:var(--sk-ink-soft);border-bottom:2px solid transparent;white-space:nowrap;transition:.15s}




.sk-tab:hover{color:var(--sk-ink)}.sk-tab.is-active{color:var(--sk-ink);border-bottom-color:var(--sk-amber)}









/* ---------- هاب دانشجو ---------- */




.sk-hub{background:var(--sk-charcoal);color:#fff;border-radius:var(--sk-r-lg);padding:26px;margin-bottom:18px}




.sk-hub__top{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:22px}




.sk-hub__copy{max-width:540px}




.sk-hub__copy .k{font-size:11.5px;font-weight:700;color:var(--sk-amber);letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:8px}




.sk-hub__copy h2{font-size:21px;font-weight:800;margin-bottom:8px}




.sk-hub__copy p{font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.8}




.sk-hub__actions{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:210px}




.sk-hub__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid rgba(255,255,255,.13);padding-top:20px}




.sk-hub__stats div{display:flex;flex-direction:column;gap:3px}




.sk-hub__stats strong{font-size:27px;font-weight:900;color:var(--sk-amber);line-height:1}




.sk-hub__stats span{font-size:12px;color:rgba(255,255,255,.6);font-weight:500}









/* ---------- تایل‌های دانشجو ---------- */




.sk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}




.sk-tile{border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:20px;background:var(--sk-surface);transition:.18s var(--sk-ease);display:flex;flex-direction:column;gap:4px}




.sk-tile:hover{border-color:var(--sk-ink-faint);transform:translateY(-2px)}




.sk-tile .ti{width:42px;height:42px;border-radius:11px;background:var(--sk-surface-2);display:grid;place-items:center;margin-bottom:12px}.sk-tile .ti svg{width:22px;height:22px;color:var(--sk-ink-soft)}




.sk-tile.is-primary{background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}.sk-tile.is-primary .ti{background:var(--sk-amber)}.sk-tile.is-primary .ti svg{color:#181a1d}




.sk-tile strong{font-size:15px;font-weight:700}




.sk-tile small{font-size:12.5px;color:var(--sk-ink-soft);font-weight:500;line-height:1.6}









/* ---------- کارت آمار + workflow + insight (دانشجو) ---------- */




.sk-dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}




.sk-stat{border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:18px;background:var(--sk-surface)}




.sk-stat .sl{font-size:12.5px;color:var(--sk-ink-soft);font-weight:600;margin-bottom:9px}




.sk-stat .sv{font-size:28px;font-weight:900;line-height:1;margin-bottom:6px}




.sk-stat .sh{font-size:11.5px;color:var(--sk-ink-faint);font-weight:500}




.sk-bgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}




.sk-hcard{border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:24px;background:var(--sk-surface)}




.sk-hcard h3{font-size:16px;font-weight:800;margin-bottom:18px;display:flex;align-items:center;gap:10px}




.sk-hcard h3 .acc{width:5px;height:16px;background:var(--sk-amber);border-radius:3px}




.sk-wf-step{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--sk-line-2)}




.sk-wf-step:last-child{border-bottom:none}




.sk-wf-step b{width:30px;height:30px;border-radius:9px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}




.sk-wf-step strong{font-size:14px;font-weight:700;display:block;margin-bottom:2px}




.sk-wf-step span{font-size:12.5px;color:var(--sk-ink-soft);line-height:1.6}




.sk-irow{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--sk-line);border-radius:var(--sk-r-md);transition:.15s;margin-bottom:8px}




.sk-irow:hover{background:var(--sk-surface-2);border-color:var(--sk-ink-faint)}




.sk-irow .ii{width:34px;height:34px;border-radius:9px;background:var(--sk-surface-2);display:grid;place-items:center;flex-shrink:0}.sk-irow .ii svg{width:18px;height:18px;color:var(--sk-ink-soft)}




.sk-irow span{font-size:13.5px;font-weight:600;flex:1}




.sk-irow .ic{color:var(--sk-ink-faint)}.sk-irow .ic svg{width:16px;height:16px}









/* ---------- KPI (طراح/آموزشگاه/ادمین) ---------- */




.sk-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}




.sk-kpi{border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:16px 18px;background:var(--sk-surface);transition:.15s}




.sk-kpi:hover{border-color:var(--sk-ink-faint)}




.sk-kpi span{font-size:12px;color:var(--sk-ink-soft);font-weight:600;display:block;margin-bottom:8px}




.sk-kpi strong{font-size:26px;font-weight:900;line-height:1;display:block;margin-bottom:6px}




.sk-kpi small{font-size:11px;color:var(--sk-ink-faint);font-weight:500}




.sk-kpi.is-accent{background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}.sk-kpi.is-accent strong{color:var(--sk-amber-deep)}




.sk-kpi.is-warn{background:var(--sk-warn-soft);border-color:rgba(217,138,31,.3)}.sk-kpi.is-warn strong{color:var(--sk-warn)}




.sk-kpi.is-danger{background:var(--sk-danger-soft);border-color:var(--sk-danger-line)}.sk-kpi.is-danger strong{color:var(--sk-danger)}









/* ---------- میز کار (طراح/آموزشگاه) ---------- */




.sk-ws-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-bottom:14px}




.sk-wscard{border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:24px;background:var(--sk-surface)}




.sk-wscard>h2{font-size:17px;font-weight:800;margin-bottom:5px}




.sk-wscard>p{font-size:13px;color:var(--sk-ink-soft);margin-bottom:16px}




.sk-wscard>h3{font-size:16px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}




.sk-wscard>h3 .acc{width:5px;height:16px;background:var(--sk-amber);border-radius:3px}




.sk-module{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--sk-line-2);flex-wrap:wrap}




.sk-module:last-child{border-bottom:none;padding-bottom:0}




.sk-module strong{font-size:14.5px;font-weight:700;display:block;margin-bottom:3px}




.sk-module span{font-size:12.5px;color:var(--sk-ink-soft);line-height:1.6}




.sk-module .acts{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}




.sk-minibtn{font-size:12.5px;font-weight:600;padding:8px 13px;border-radius:var(--sk-r-sm);border:1px solid var(--sk-line-strong);transition:.15s;white-space:nowrap}




.sk-minibtn:hover{background:var(--sk-surface-2);border-color:var(--sk-ink-faint)}




.sk-minibtn.pri{background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}









/* ---------- جریان (طراح/آموزشگاه/ادمین) ---------- */




.sk-flowcard{border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:24px;background:var(--sk-surface)}




.sk-flowcard>h2{font-size:16px;font-weight:800;margin-bottom:18px;display:flex;align-items:center;gap:10px}




.sk-flowcard>h2 .acc{width:5px;height:16px;background:var(--sk-amber);border-radius:3px}




.sk-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}




.sk-flow.cols5{grid-template-columns:repeat(5,1fr)}




.sk-flow>div{padding-top:2px}




.sk-flow b{width:30px;height:30px;border-radius:9px;background:var(--sk-charcoal);color:var(--sk-amber);display:grid;place-items:center;font-weight:800;font-size:13px;margin-bottom:10px}




.sk-flow strong{font-size:13.5px;font-weight:700;display:block;margin-bottom:3px}




.sk-flow span{font-size:12px;color:var(--sk-ink-soft);line-height:1.6}




.sk-flow.amberstep b{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}









/* ---------- اولویت امروز (آموزشگاه/ادمین) ---------- */




.sk-prio>h2{font-size:16px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:9px}




.sk-prio>h2 .dot{width:8px;height:8px;border-radius:50%;background:var(--sk-danger)}




.sk-prow{display:flex;align-items:center;gap:13px;padding:12px 10px;border-radius:var(--sk-r-md);transition:.15s}




.sk-prow:hover{background:var(--sk-surface-2)}




.sk-prow b{width:38px;height:38px;border-radius:11px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;font-weight:900;font-size:16px;flex-shrink:0}




.sk-prow .qt{flex:1;min-width:0}




.sk-prow .qt strong{font-size:13px;font-weight:700;display:block;line-height:1.4}




.sk-prow .qt small{font-size:11.5px;color:var(--sk-ink-faint);font-weight:500}




.sk-prow span:not(.qt){color:var(--sk-ink-faint)}.sk-prow .ar svg{width:16px;height:16px}









/* ---------- مرکز فرمان (ادمین) ---------- */




.sk-cmd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}




.sk-cmd{border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:18px;background:var(--sk-surface);transition:.18s var(--sk-ease);display:flex;flex-direction:column;gap:3px}




.sk-cmd:hover{border-color:var(--sk-ink-faint);transform:translateY(-2px)}




.sk-cmd .ci{width:40px;height:40px;border-radius:11px;background:var(--sk-surface-2);display:grid;place-items:center;margin-bottom:11px}.sk-cmd .ci svg{width:21px;height:21px;color:var(--sk-ink-soft)}




.sk-cmd.is-primary{background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}.sk-cmd.is-primary .ci{background:var(--sk-amber)}.sk-cmd.is-primary .ci svg{color:#181a1d}




.sk-cmd strong{font-size:14.5px;font-weight:700}.sk-cmd small{font-size:12px;color:var(--sk-ink-soft);font-weight:500}




.sk-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}




.sk-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}




.sk-board-head span{font-size:11.5px;font-weight:700;color:var(--sk-ink-faint);letter-spacing:.04em;text-transform:uppercase}




.sk-board-head h2{font-size:16px;font-weight:800;margin-top:3px}




.sk-board-head a{font-size:12.5px;font-weight:700;color:var(--sk-amber-deep);white-space:nowrap}




.sk-health{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}




.sk-health>div{border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:15px 16px;background:var(--sk-surface-2)}




.sk-health>div.alert{background:var(--sk-danger-soft);border-color:var(--sk-danger-line)}




.sk-health strong{font-size:24px;font-weight:900;line-height:1;display:block;margin-bottom:5px}




.sk-health>div.alert strong{color:var(--sk-danger)}




.sk-health span{font-size:11.5px;color:var(--sk-ink-soft);font-weight:600;line-height:1.4}




.sk-note-card{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:15px 16px}




.sk-note-card b{font-size:12.5px;font-weight:800;display:block;margin-bottom:6px}




.sk-note-card p{font-size:12px;color:var(--sk-ink-soft);line-height:1.7}









/* ---------- ریسپانسیو پنل ---------- */




@media(max-width:1080px){.sk-dhero{grid-template-columns:1fr}.sk-kpi-grid{grid-template-columns:repeat(2,1fr)}.sk-ws-grid,.sk-two-col{grid-template-columns:1fr}.sk-tiles{grid-template-columns:repeat(2,1fr)}.sk-dgrid{grid-template-columns:repeat(2,1fr)}.sk-bgrid{grid-template-columns:1fr}.sk-flow{grid-template-columns:repeat(2,1fr)}.sk-cmd-grid{grid-template-columns:repeat(2,1fr)}}




@media(max-width:760px){




  .sk-sidebar{position:fixed;inset-inline-start:0;inset-inline-end:auto;top:0;transition:transform .3s var(--sk-ease)}




  [dir=rtl] .sk-sidebar{right:0;left:auto;transform:translateX(100%)}[dir=ltr] .sk-sidebar{left:0;right:auto;transform:translateX(-100%)}




  .sk-sidebar.open{transform:translateX(0);box-shadow:0 0 50px rgba(0,0,0,.25)}




  .sk-menu-btn{display:grid}.sk-content{padding:18px}.sk-topbar{padding:0 16px}




  .sk-hub__stats{grid-template-columns:1fr 1fr}




  .sk-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:45}




}




@media(max-width:480px){.sk-tiles{grid-template-columns:1fr}.sk-kpi-grid,.sk-dgrid{grid-template-columns:1fr 1fr}.sk-flow,.sk-cmd-grid,.sk-health{grid-template-columns:1fr}.sk-role-btn .t{display:none}}














/* ════════════════════════════════════════════════════════════════════




   داشبورد نسل نو (.skd-) — یکدست با سیستم طراحی تست‌کاو (کهربا/زغالی/سفید)




   ════════════════════════════════════════════════════════════════════ */




.skd{display:flex;flex-direction:column;gap:10px}









/* ── هیروی خوش‌آمد ── */




.skd-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;padding:24px 26px}




.skd-hero::after{content:"";position:absolute;inset-inline-start:-70px;top:-70px;width:240px;height:240px;background:radial-gradient(circle,color-mix(in srgb, var(--sk-amber) 16%, transparent),transparent 64%);pointer-events:none}




.skd-hero__l{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;min-width:0}




.skd-hero__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:999px;padding:4px 11px;align-self:flex-start}




.skd-hero h1{font-size:clamp(21px,2.5vw,27px);font-weight:800;letter-spacing:-.4px;margin:0;line-height:1.3}




.skd-hero p{font-size:13.5px;color:var(--sk-ink-soft);margin:0;line-height:1.75;max-width:62ch}




.skd-hero__r{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap}









/* ── ردیف KPI ── */




.skd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}




.skd-kpi{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:15px;padding:17px 18px;display:flex;flex-direction:column;gap:11px;transition:border-color .16s,transform .16s}




.skd-kpi:hover{border-color:var(--sk-ink-faint);transform:translateY(-2px)}




.skd-kpi__ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skd-kpi__ic svg{width:20px;height:20px}




.skd-kpi__v{font-size:25px;font-weight:800;color:var(--sk-ink);line-height:1;letter-spacing:-.5px}




.skd-kpi__l{font-size:12.5px;color:var(--sk-ink-soft);font-weight:500}




.skd-kpi.is-dark{background:var(--sk-charcoal);border-color:var(--sk-charcoal)}




.skd-kpi.is-dark .skd-kpi__v{color:#fff}




.skd-kpi.is-dark .skd-kpi__l{color:rgba(255,255,255,.66)}




.skd-kpi.is-dark .skd-kpi__ic{background:color-mix(in srgb, var(--sk-amber) 18%, transparent);color:var(--sk-amber)}




.skd-kpi.is-warn .skd-kpi__ic{background:rgba(229,72,77,.12);color:var(--sk-danger)}




.skd-kpi.is-warn .skd-kpi__v{color:var(--sk-danger)}









/* ── چیدمان اصلی: ستون بزرگ + کناری ── */




.skd-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10px;align-items:start}




.skd-panel{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:20px 22px}




.skd-panel__h{display:flex;align-items:center;gap:9px;margin-bottom:16px}




.skd-panel__h .acc{width:5px;height:18px;background:var(--sk-amber);border-radius:3px;flex-shrink:0}




.skd-panel__h h2{font-size:16.5px;font-weight:800;margin:0;letter-spacing:-.2px}




.skd-panel__h .more{margin-inline-start:auto;font-size:12.5px;font-weight:600;color:var(--sk-amber-deep)}









/* ── کاشی‌های ناوبری ── */




.skd-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}




.skd-tile{display:flex;flex-direction:column;gap:9px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:17px;transition:border-color .16s,transform .16s,box-shadow .16s}




.skd-tile:hover{border-color:var(--sk-amber);transform:translateY(-2px);box-shadow:0 8px 22px rgba(24,26,29,.06)}




.skd-tile__ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--sk-surface-2);color:var(--sk-ink);transition:.16s}




.skd-tile:hover .skd-tile__ic{background:var(--sk-amber);color:#181a1d}




.skd-tile__ic svg{width:22px;height:22px}




.skd-tile strong{font-size:14.5px;font-weight:700;color:var(--sk-ink)}




.skd-tile small{font-size:11.8px;color:var(--sk-ink-faint);line-height:1.6}




.skd-tile.is-primary{background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));border-color:transparent}




.skd-tile.is-primary:hover{box-shadow:0 10px 26px rgba(233,173,0,.28)}




.skd-tile.is-primary .skd-tile__ic,.skd-tile.is-primary:hover .skd-tile__ic{background:rgba(24,26,29,.13);color:#181a1d}




.skd-tile.is-primary strong{color:#181a1d}




.skd-tile.is-primary small{color:rgba(24,26,29,.72)}









/* ── دسترسی سریع (کناری) ── */




.skd-links{display:flex;flex-direction:column;gap:3px}




.skd-link{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;transition:background .14s;color:var(--sk-ink)}




.skd-link:hover{background:var(--sk-surface-2)}




.skd-link__ic{width:34px;height:34px;border-radius:9px;background:var(--sk-surface-2);display:grid;place-items:center;color:var(--sk-ink-soft);flex-shrink:0;transition:.14s}




.skd-link:hover .skd-link__ic{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skd-link__ic svg{width:17px;height:17px}




.skd-link>span{flex:1;font-size:13.5px;font-weight:500;min-width:0}




.skd-link .go{color:var(--sk-ink-faint);display:grid;place-items:center}




.skd-link .go svg{width:16px;height:16px}









/* ── گام‌های مسیر ── */




.skd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}




.skd-steps.is-v{grid-template-columns:1fr;gap:0}




.skd-step{display:flex;gap:12px;align-items:flex-start}




.skd-steps.is-v .skd-step{padding:12px 0;border-bottom:1px solid var(--sk-line)}




.skd-steps.is-v .skd-step:last-child{border-bottom:0;padding-bottom:0}




.skd-steps.is-v .skd-step:first-child{padding-top:0}




.skd-step b{width:28px;height:28px;border-radius:8px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}




.skd-step strong{display:block;font-size:13.5px;font-weight:700;margin-bottom:3px;color:var(--sk-ink)}




.skd-step span{font-size:12.3px;color:var(--sk-ink-soft);line-height:1.65}









/* ── ریسپانسیو ── */




@media(max-width:1040px){.skd-kpis{grid-template-columns:repeat(2,1fr)}.skd-grid{grid-template-columns:1fr}}




@media(max-width:760px){.skd-tiles{grid-template-columns:repeat(2,1fr)}.skd-steps{grid-template-columns:1fr}}




@media(max-width:520px){.skd-tiles{grid-template-columns:1fr}.skd-kpis{grid-template-columns:1fr 1fr}.skd-hero{flex-direction:column;align-items:flex-start}.skd-hero__r{width:100%}}














/* ════════════════════════════════════════════════════════════════════




   سیستم Builder یکپارچه (.skb-) — ساخت سوال/آزمون/دوره، هماهنگ با sk-




   هدف: بریف، تمیز، کاربرپسند، بدون رفت‌وبرگشت




   ════════════════════════════════════════════════════════════════════ */




.skb{display:flex;flex-direction:column;gap:15px;max-width:940px;margin-inline:auto}









/* هیروی فشرده */




.skb-hero{display:flex;align-items:center;gap:14px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:17px 20px}




.skb-hero__ic{width:46px;height:46px;border-radius:12px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;flex-shrink:0}




.skb-hero__ic svg{width:24px;height:24px}




.skb-hero__t{min-width:0}




.skb-hero h1{font-size:18.5px;font-weight:800;margin:0;letter-spacing:-.3px}




.skb-hero p{font-size:12.5px;color:var(--sk-ink-soft);margin:3px 0 0}




.skb-hero__r{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}









/* کارت بخش */




.skb-card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:20px 22px}




.skb-card__h{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:15px}




.skb-card__h .acc{width:5px;height:16px;background:var(--sk-amber);border-radius:3px;flex-shrink:0;align-self:center}




.skb-card__h h2{font-size:15px;font-weight:800;margin:0;letter-spacing:-.2px}




.skb-card__h p{font-size:11.5px;color:var(--sk-ink-faint);margin:0}









/* گرید فیلد + فیلدها */




.skb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}




.skb-field{display:flex;flex-direction:column;gap:6px}




.skb-field.full{grid-column:1/-1}




.skb-field>label{font-size:12.5px;font-weight:700;color:var(--sk-ink)}




.skb-hint{font-size:11.5px;color:var(--sk-ink-faint);line-height:1.6}









/* استایل ویجت‌های جنگو (محدود به builder) */




.skb .form-control{width:100%;box-sizing:border-box;border:1px solid var(--sk-line);border-radius:11px;padding:10px 12px;background:var(--sk-surface-2);font:inherit;font-size:13.5px;color:var(--sk-ink);transition:border-color .15s,box-shadow .15s,background .15s}




.skb .form-control:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface);box-shadow:0 0 0 3px var(--sk-amber-soft)}




.skb textarea.form-control{min-height:118px;resize:vertical;line-height:1.75}




.skb select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%239498a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 11px center;background-size:17px;padding-inline-start:34px}




.skb .checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin:0;padding:0;list-style:none}




.skb .checkbox-grid li{list-style:none}




.skb .checkbox-grid label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:9px;padding:8px 11px;cursor:pointer;transition:.14s;margin:0}




.skb .checkbox-grid label:hover{border-color:var(--sk-amber-line)}




.skb .form-check-input,.skb .checkbox-grid input{width:16px;height:16px;accent-color:var(--sk-amber-deep);cursor:pointer;flex-shrink:0}




.skb .errorlist{list-style:none;margin:5px 0 0;padding:8px 11px;background:rgba(229,72,77,.08);border:1px solid rgba(229,72,77,.25);border-radius:9px;color:var(--sk-danger);font-size:11.5px}









/* ابزار متن غنی */




.skb-rich{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:2px}




.skb-richbtn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:9px;padding:7px 11px;cursor:pointer;transition:.14s}




.skb-richbtn:hover{border-color:var(--sk-amber);color:var(--sk-ink)}




.skb-richbtn svg{width:15px;height:15px}









/* گزینه‌های چندگزینه‌ای */




.skb-opts{display:flex;flex-direction:column;gap:10px}




.skb-opt{display:flex;align-items:center;gap:11px;border:1px solid var(--sk-line);border-radius:12px;padding:10px 12px;background:var(--sk-surface-2);transition:border-color .15s,background .15s}




.skb-opt.is-correct{border-color:var(--sk-amber);background:var(--sk-amber-soft)}




.skb-opt__pick{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--sk-ink-soft);cursor:pointer;user-select:none;white-space:nowrap}




.skb-opt.is-correct .skb-opt__pick{color:var(--sk-amber-deep)}




.skb-opt__body{flex:1;min-width:0}




.skb-opt__body .form-control{background:var(--sk-surface)}




.skb-opt__x{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink-faint);display:grid;place-items:center;cursor:pointer;transition:.15s}




.skb-opt__x:hover{border-color:var(--sk-danger);color:var(--sk-danger)}




.skb-opt__x svg{width:15px;height:15px}




.skb-opt .hide{display:none}




.skb-addopt{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:10px;padding:9px 15px;cursor:pointer;transition:.14s}




.skb-addopt:hover{background:var(--sk-amber);color:#181a1d;border-color:var(--sk-amber)}




.skb-addopt svg{width:16px;height:16px}









/* نوار اقدام چسبان */




.skb-actions{position:sticky;bottom:14px;z-index:5;display:flex;gap:9px;align-items:center;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:12px 16px;box-shadow:0 6px 22px rgba(24,26,29,.07)}




.skb-actions .sp{margin-inline-start:auto}




.skb-note{font-size:12px;color:var(--sk-ink-soft);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:11px;padding:11px 14px;display:flex;gap:9px;align-items:flex-start;line-height:1.6}




.skb-note svg{width:17px;height:17px;color:var(--sk-amber-deep);flex-shrink:0;margin-top:1px}









@media(max-width:720px){.skb-grid{grid-template-columns:1fr}.skb{max-width:none}.skb-hero__r{width:100%;margin-inline-start:0}.skb-actions{flex-wrap:wrap}}














/* ════════════════════════════════════════════════════════════════════




   سایدبار لوکس — بازطراحی (آیکن SVG، سلسله‌مراتب، زیرمنوی جمع‌شونده)




   ════════════════════════════════════════════════════════════════════ */




.sk-sidebar{width:274px}




.sk-brand{padding:22px 18px 18px;gap:12px}




.sk-brand .mk{width:44px;height:44px;border-radius:13px;box-shadow:0 5px 16px rgba(24,26,29,.16)}




.sk-nav{padding:14px 12px;display:flex;flex-direction:column;gap:2px}









.sk-nav-row{display:flex;align-items:center;gap:2px;position:relative}




.sk-nav-link{flex:1;gap:12px;padding:10px 12px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--sk-ink-soft);margin:0;position:relative}




.sk-nav-link .sk-nav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}




.sk-nav-link:hover{background:var(--sk-surface-2);color:var(--sk-ink)}




.sk-nav-link.is-active{background:var(--sk-amber-soft);color:var(--sk-ink);font-weight:700}




.sk-nav-link.is-active::before{content:"";position:absolute;inset-inline-start:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--sk-amber);border-radius:0 3px 3px 0}









.sk-nav-ic{width:31px;height:31px;border-radius:9px;background:var(--sk-surface-2);color:var(--sk-ink-soft);display:grid;place-items:center;flex-shrink:0;font-size:0;transition:background .16s,color .16s}




.sk-nav-ic svg{width:18px;height:18px}




.sk-nav-link:hover .sk-nav-ic{color:var(--sk-ink)}




.sk-nav-link.is-active .sk-nav-ic{background:var(--sk-amber);color:#181a1d}









.sk-nav-caret{width:26px;height:31px;border-radius:8px;display:grid;place-items:center;color:var(--sk-ink-faint);background:transparent;border:0;cursor:pointer;flex-shrink:0;transition:background .16s,color .16s}




.sk-nav-caret svg{width:16px;height:16px;transition:transform .24s ease}




.sk-nav-caret:hover{background:var(--sk-surface-2);color:var(--sk-ink)}




.sk-nav-group.is-open>.sk-nav-row .sk-nav-caret svg{transform:rotate(180deg)}









.sk-nav-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}




.sk-nav-group.is-open>.sk-nav-children{grid-template-rows:1fr}




.sk-nav-group.is-open>.sk-nav-children .sk-nav-children-in{padding-top:3px;padding-bottom:5px}




.sk-nav-children-in{overflow:hidden;min-height:0;padding-inline-start:22px;margin:0;position:relative}




.sk-nav-children-in::before{content:"";position:absolute;inset-inline-start:15px;top:3px;bottom:7px;width:1.5px;background:var(--sk-line)}









.sk-nav-child{gap:10px;padding:8px 11px;border-radius:9px;font-size:12.5px;font-weight:400;color:var(--sk-ink-faint);position:relative}




.sk-nav-child .sk-nav-clabel{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}




.sk-nav-child:hover{background:var(--sk-surface-2);color:var(--sk-ink)}




.sk-nav-child.is-active{background:transparent;color:var(--sk-amber-deep);font-weight:700}




.sk-nav-dot{width:6px;height:6px;border-radius:50%;background:var(--sk-ink-faint);flex-shrink:0;opacity:.5;transition:.15s}




.sk-nav-child:hover .sk-nav-dot{opacity:1}




.sk-nav-child.is-active .sk-nav-dot{background:var(--sk-amber);opacity:1;box-shadow:0 0 0 3px var(--sk-amber-soft)}









.sk-nav-badge{margin-inline-start:auto}




.sk-nav-child .sk-nav-badge{height:18px;min-width:18px;font-size:10px;background:var(--sk-surface-2);color:var(--sk-ink-soft);padding:0 5px}




.sk-logout{margin-top:8px}














/* ════════════════════════════════════════════════════════════════════




   داشبورد حرفه‌ای — نمودار، چارت و کارت‌های پیشرفته (.skd- ادامه)




   ════════════════════════════════════════════════════════════════════ */




/* رنگ آیکن KPI بر اساس متریک (به‌جای باکس مشکی) */




.skd-kpi.kc-amber .skd-kpi__ic{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skd-kpi.kc-ok .skd-kpi__ic{background:var(--sk-ok-soft,rgba(31,157,87,.12));color:var(--sk-ok)}




.skd-kpi.kc-info .skd-kpi__ic{background:var(--sk-info-soft,rgba(43,108,176,.12));color:var(--sk-info)}




.skd-kpi.kc-danger .skd-kpi__ic{background:rgba(229,72,77,.12);color:var(--sk-danger)}




.skd-kpi.kc-ink .skd-kpi__ic{background:var(--sk-charcoal);color:var(--sk-amber)}




/* خط روند کوچک پایین کارت */




.skd-kpi__spark{margin-top:2px;height:3px;border-radius:3px;background:var(--sk-surface-2);overflow:hidden}




.skd-kpi__spark i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--sk-amber),var(--sk-amber-deep))}









/* ردیف نمودار */




.skd-charts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:10px;align-items:stretch}




.skd-chart{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;min-width:0}




.skd-chart__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}




.skd-chart__h h3{font-size:14.5px;font-weight:800;margin:0;letter-spacing:-.2px}




.skd-chart__h p{font-size:11.5px;color:var(--sk-ink-faint);margin:3px 0 0}




.skd-chart__big{font-size:21px;font-weight:800;color:var(--sk-ink);line-height:1;letter-spacing:-.5px;text-align:left;white-space:nowrap}




.skd-chart__big small{font-size:11px;font-weight:500;color:var(--sk-ink-faint);margin-inline-end:3px}




.skd-chart__body{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;margin-top:12px}




.skd-chart__body svg{display:block;max-width:100%}




.skd-xaxis{display:flex;justify-content:space-between;font-size:10px;color:var(--sk-ink-faint);margin-top:6px;padding:0 2px}









/* دونات + راهنما */




.skd-donut{display:flex;align-items:center;gap:18px;width:100%;flex-wrap:wrap;justify-content:center}




.skd-donut-wrap{position:relative;flex-shrink:0;display:grid;place-items:center}




.skd-donut-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none}




.skd-donut-center b{font-size:22px;font-weight:800;line-height:1}




.skd-donut-center span{font-size:10px;color:var(--sk-ink-faint);display:block;margin-top:2px}




.skd-legend{display:flex;flex-direction:column;gap:9px;flex:1;min-width:118px}




.skd-leg{display:flex;align-items:center;gap:9px;font-size:12px}




.skd-leg__c{width:11px;height:11px;border-radius:3px;flex-shrink:0}




.skd-leg__l{color:var(--sk-ink-soft);flex:1;min-width:0}




.skd-leg__v{font-weight:800;color:var(--sk-ink)}









/* حالت خالی */




.skd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:26px 0;color:var(--sk-ink-faint);text-align:center;width:100%}




.skd-empty__ic{width:54px;height:54px;border-radius:50%;background:var(--sk-surface-2);display:grid;place-items:center;margin-bottom:2px}




.skd-empty__ic svg{width:25px;height:25px;opacity:.5}




.skd-empty span{font-size:12.5px}









@media(max-width:1040px){.skd-charts{grid-template-columns:1fr}}









/* ردیف دوم نمودار (دو ستون مساوی) */




.skd-charts2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}




@media(max-width:760px){.skd-charts2{grid-template-columns:1fr}}














/* ════════════════════════════════════════════════════════════════════




   ارتقای Premium داشبورد — عمق، گرادیان، هاله و تعامل




   ════════════════════════════════════════════════════════════════════ */




/* عمق نرم و لایه‌ای روی کارت‌ها */




.skd-kpi,.skd-chart,.skd-panel{box-shadow:0 1px 2px rgba(24,26,29,.03),0 12px 28px -14px rgba(24,26,29,.10)}




.skd-hero{box-shadow:0 1px 2px rgba(24,26,29,.03),0 18px 44px -22px rgba(24,26,29,.14)}









/* هیروی غنی‌تر: گرادیان ملایم + هالهٔ دوم */




.skd-hero{background:linear-gradient(135deg,var(--sk-surface) 58%,color-mix(in srgb, var(--sk-amber) 6%, transparent) 100%)}




.skd-hero::before{content:"";position:absolute;inset-inline-end:-50px;bottom:-100px;width:240px;height:240px;background:radial-gradient(circle,color-mix(in srgb, var(--sk-amber) 10%, transparent),transparent 66%);pointer-events:none}









/* کارت KPI ممتاز: عدد بزرگ‌تر، چیپ گرادیانی با هالهٔ رنگی، هاور lift */




.skd-kpi{padding:18px 19px;transition:transform .18s var(--sk-ease),box-shadow .18s var(--sk-ease)}




.skd-kpi:hover{transform:translateY(-3px);box-shadow:0 2px 5px rgba(24,26,29,.05),0 20px 40px -16px rgba(24,26,29,.18)}




.skd-kpi__ic{width:40px;height:40px;border-radius:11px}




.skd-kpi__v{font-size:27px}




.skd-kpi.kc-amber .skd-kpi__ic{background:linear-gradient(135deg,color-mix(in srgb, var(--sk-amber) 24%, transparent),color-mix(in srgb, var(--sk-amber) 8%, transparent));color:var(--sk-amber-deep);box-shadow:0 7px 16px -7px rgba(233,173,0,.55)}




.skd-kpi.kc-ok .skd-kpi__ic{background:linear-gradient(135deg,rgba(31,157,87,.22),rgba(31,157,87,.07));color:var(--sk-ok);box-shadow:0 7px 16px -7px rgba(31,157,87,.5)}




.skd-kpi.kc-info .skd-kpi__ic{background:linear-gradient(135deg,rgba(43,108,176,.22),rgba(43,108,176,.07));color:var(--sk-info);box-shadow:0 7px 16px -7px rgba(43,108,176,.5)}




.skd-kpi.kc-danger .skd-kpi__ic{background:linear-gradient(135deg,rgba(229,72,77,.22),rgba(229,72,77,.07));color:var(--sk-danger);box-shadow:0 7px 16px -7px rgba(229,72,77,.5)}









/* نمودار: هاور ظریف + هدر کمی پررنگ‌تر */




.skd-chart{transition:box-shadow .18s var(--sk-ease)}




.skd-chart:hover{box-shadow:0 2px 4px rgba(24,26,29,.04),0 18px 36px -16px rgba(24,26,29,.14)}




.skd-chart__h h3{font-size:15px}




.skd-panel__h .acc{box-shadow:0 0 0 2px var(--sk-amber-soft)}









/* حالت تیره: هایلایت لبهٔ نرم برای حفظ عمق */




[data-theme="dark"] .skd-kpi,[data-theme="dark"] .skd-chart,[data-theme="dark"] .skd-panel,[data-theme="dark"] .skd-hero{box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 14px 32px -18px rgba(0,0,0,.6)}














/* ════════════════════════════════════════════════════════════════════




   ویزارد ساخت آزمون (.skb-wizard) — استپر دسترس‌پذیر + ویجت‌های tk-




   ════════════════════════════════════════════════════════════════════ */




/* استایل ویجت‌های فرم ویزارد (کلاس‌های tk- از PersianFormMixin) */




.skb .tk-input,.skb .tk-textarea,.skb .tk-select-multiple{width:100%;box-sizing:border-box;border:1px solid var(--sk-line);border-radius:11px;padding:10px 12px;background:var(--sk-surface-2);font:inherit;font-size:13.5px;color:var(--sk-ink);transition:border-color .15s,box-shadow .15s,background .15s}




.skb .tk-input:focus,.skb .tk-textarea:focus,.skb .tk-select-multiple:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface);box-shadow:0 0 0 3px var(--sk-amber-soft)}




.skb .tk-textarea{min-height:96px;resize:vertical;line-height:1.75}




.skb .tk-select-multiple{min-height:122px;padding:6px}




.skb select.tk-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%239498a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 11px center;background-size:17px;padding-inline-start:34px}




.skb input[type=file].tk-input{padding:8px 12px;font-size:12.5px}




.skb-req{color:var(--sk-danger);font-weight:700}




.skb-checkrow{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;cursor:pointer}




.skb-checkrow .form-check-input{width:17px;height:17px;accent-color:var(--sk-amber-deep)}




/* لیست چک‌باکس‌ها (CheckboxSelectMultiple → tk-check-list) — مقاوم به ساختار */




/* چیپ‌های انتخاب دسته (رندر کنترل‌شده، مقاوم) */




.skb-chips{display:flex;flex-wrap:wrap;gap:8px}




.skb-chip{display:inline-flex;align-items:center;gap:8px;font-size:12.7px;font-weight:500;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:10px;padding:8px 12px;cursor:pointer;transition:border-color .14s,background .14s,color .14s;user-select:none;line-height:1.35}




.skb-chip:hover{border-color:var(--sk-amber-line);background:var(--sk-surface)}




.skb-chip input{width:16px;height:16px;accent-color:var(--sk-amber-deep);margin:0;flex-shrink:0;cursor:pointer}




.skb-chip:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-ink);font-weight:600}









/* چیدمان ویزارد: استپر + پنل */




.skb-wz{display:grid;grid-template-columns:232px minmax(0,1fr);gap:16px;align-items:start}




.skb-steps{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:78px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px}




.skb-step{display:flex;align-items:center;gap:11px;width:100%;text-align:start;background:transparent;border:0;font:inherit;padding:10px 11px;border-radius:11px;cursor:pointer;transition:background .15s}




.skb-step:hover{background:var(--sk-surface-2)}




.skb-step.is-active{background:var(--sk-amber-soft)}




.skb-step__n{width:29px;height:29px;border-radius:50%;border:2px solid var(--sk-line);display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--sk-ink-faint);background:var(--sk-surface);flex-shrink:0;transition:.15s}




.skb-step.is-active .skb-step__n{border-color:var(--sk-amber);background:var(--sk-amber);color:#181a1d}




.skb-step.is-done .skb-step__n{border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skb-step__t{font-size:12.7px;font-weight:600;color:var(--sk-ink-soft);line-height:1.3;flex:1;min-width:0}




.skb-step.is-active .skb-step__t{color:var(--sk-ink);font-weight:700}




.skb-step__c{color:var(--sk-amber-deep);display:none;flex-shrink:0}




.skb-step.is-done .skb-step__c{display:block}




.skb-step__c svg{width:16px;height:16px}









.skb-panel{display:none}




.skb-panel.is-active{display:block;animation:skbFade .26s var(--sk-ease)}




@keyframes skbFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}




.skb-wz-fields{display:flex;flex-direction:column;gap:14px}









/* مرحلهٔ بازبینی */




.skb-review{display:flex;flex-direction:column;gap:11px}




.skb-review__row{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px}




.skb-review__ic{width:34px;height:34px;border-radius:9px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;flex-shrink:0}




.skb-review__ic svg{width:18px;height:18px}




.skb-review__row b{font-size:13.5px;display:block;margin-bottom:3px;color:var(--sk-ink)}




.skb-review__row span{font-size:12.3px;color:var(--sk-ink-soft);line-height:1.65}









@media(max-width:820px){




  .skb-wz{grid-template-columns:minmax(0,1fr)}




  .skb-steps{flex-direction:row;overflow-x:auto;position:static;top:auto;gap:4px;padding:8px}




  .skb-step{flex-direction:column;gap:5px;min-width:78px;padding:9px 6px;text-align:center}




  .skb-step__t{font-size:10.3px;text-align:center}




  .skb-step__c{display:none!important}




}














/* ════════════════════════════════════════════════════════════════════




   ویزارد: آپلود تصویر زیبا + سرفصل‌ساز آیتمی + فیلتر دسته




   ════════════════════════════════════════════════════════════════════ */




/* آپلود تصویر */




.skb-upload{position:relative}




.skb-upload input[type=file]{position:absolute!important;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0);pointer-events:none}




.skb-upload__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:168px;border:2px dashed var(--sk-line);border-radius:15px;background:var(--sk-surface-2);cursor:pointer;padding:26px;text-align:center;font:inherit;color:inherit;transition:border-color .18s,background .18s,transform .12s}




.skb-upload__zone:hover,.skb-upload__zone:focus-visible{border-color:var(--sk-amber);background:var(--sk-amber-soft);outline:none}




.skb-upload__zone.is-drag{border-color:var(--sk-amber-deep);background:var(--sk-amber-soft);transform:scale(1.004)}




.skb-upload__ic{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb, var(--sk-amber) 24%, transparent),color-mix(in srgb, var(--sk-amber) 8%, transparent));color:var(--sk-amber-deep);display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(233,173,0,.55)}




.skb-upload__ic svg{width:26px;height:26px}




.skb-upload__zone b{font-size:13.5px;color:var(--sk-ink);font-weight:700}




.skb-upload__zone span{font-size:11.5px;color:var(--sk-ink-faint)}




.skb-upload__preview{position:relative;border-radius:15px;overflow:hidden;border:1px solid var(--sk-line);background:var(--sk-surface-2)}




.skb-upload__preview img{display:block;width:100%;max-height:264px;object-fit:cover}




.skb-upload__rm{position:absolute;top:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--sk-charcoal);border:0;border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:background .15s,color .15s}




.skb-upload__rm:hover{background:var(--sk-danger);color:#fff}




.skb-upload__rm svg{width:15px;height:15px;color:var(--sk-danger)}




.skb-upload__rm:hover svg{color:#fff}









/* سرفصل‌ساز آیتم‌به‌آیتم */




.skb-syl{display:flex;flex-direction:column;gap:8px}




.skb-syl > textarea{position:absolute!important;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}




.skb-syl__row{display:grid;grid-template-columns:26px 1.1fr 1.5fr 80px 34px;gap:8px;align-items:center;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:9px 10px;transition:border-color .14s}




.skb-syl__row:focus-within{border-color:var(--sk-amber-line)}




.skb-syl__n{width:26px;height:26px;border-radius:8px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}




.skb-syl__row input{margin:0;width:100%;box-sizing:border-box;border:1px solid var(--sk-line);border-radius:9px;padding:8px 10px;background:var(--sk-surface);font:inherit;font-size:12.7px;color:var(--sk-ink);transition:border-color .14s,box-shadow .14s}




.skb-syl__row input:focus{outline:none;border-color:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft)}




.skb-syl__rm{width:34px;height:34px;border-radius:9px;border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink-faint);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:.14s}




.skb-syl__rm:hover{border-color:var(--sk-danger);color:var(--sk-danger);background:var(--sk-danger-soft)}




.skb-syl__rm svg{width:16px;height:16px}




@media(max-width:640px){




  .skb-syl__row{grid-template-columns:26px 1fr 80px 34px}




  .skb-syl__row .skb-syl__t{grid-column:2/-1}




}









/* پیام راهنمای دستهٔ خالی */




.skb-cat-note{font-size:12px;color:var(--sk-ink-soft);margin:2px;padding:10px 13px;background:var(--sk-surface-2);border:1px dashed var(--sk-line);border-radius:10px;display:flex;align-items:center;gap:8px}




.skb-cat-note svg{width:16px;height:16px;color:var(--sk-amber-deep);flex-shrink:0}














/* مجموع وزن سرفصل‌ها */




.skb-syl-total{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:600;padding:9px 13px;border-radius:10px;background:var(--sk-ok-soft);color:var(--sk-ok);border:1px solid var(--sk-ok-line);margin-top:2px}




.skb-syl-total.is-over{background:var(--sk-danger-soft);color:var(--sk-danger);border-color:var(--sk-danger-line)}




.skb-syl-total b{font-weight:800}









/* تأکید خطای فیلد (اعتبارسنجی مرحله‌ای) */




.skb-field.has-error > label,.skb-field.has-error > .skb-checkrow{color:var(--sk-danger)}




.skb-field.has-error .tk-input,.skb-field.has-error .tk-textarea,.skb-field.has-error .tk-select-multiple,.skb-field.has-error .skb-upload__zone{border-color:var(--sk-danger)}




.skb-field-err{font-size:11.8px;color:var(--sk-danger);margin:5px 2px 0;display:flex;align-items:center;gap:6px}




.skb-field-err svg{width:14px;height:14px;flex-shrink:0}














/* رفع باگ: صفت [hidden] روی .sk-btn و زون آپلود (که display دارند) واقعاً مخفی کند */




.skb [hidden]{display:none!important}














/* ════════════════════════════════════════════════════════════════════




   سخت‌سازی واکنش‌گرا (موبایل) — رفع سرریز افقی سایدبار کشویی + ویزارد




   ════════════════════════════════════════════════════════════════════ */




@media(max-width:760px){




  /* سایدبار بسته (translateX 100%) نباید اسکرول افقی بسازد */




  html,body.sk-body{overflow-x:hidden}




  .sk-shell{max-width:100%}




  .sk-content{padding:14px;max-width:100%}




}




@media(max-width:560px){




  .skb{gap:12px}




  .skb-hero{padding:14px 15px;gap:11px}




  .skb-hero__ic{width:40px;height:40px;border-radius:11px}




  .skb-hero h1{font-size:17px}




  .skb-hero p{font-size:12px}




  .skb-card{padding:16px 15px}




  .skb-card__h h2{font-size:16px}




  .skb-actions{padding:11px 13px;gap:8px}




  .skb-actions .sk-btn{flex:1 1 auto;justify-content:center;padding:0 12px}




  .skb-actions .sp{display:none}




  .skb-actions .sk-btn--ghost{order:3;flex-basis:100%}




  .skb-upload__zone{min-height:140px;padding:20px}




  .skb-syl-total{flex-wrap:wrap}




}














/* ════════════════════════════════════════════════════════════════════




   محیط مدیریت آزمون (.skw-) — هاب تک‌صفحه‌ای با تب واقعی




   ════════════════════════════════════════════════════════════════════ */




.skw{display:flex;flex-direction:column;gap:13px}









/* هیرو */




.skw-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--sk-surface) 58%,color-mix(in srgb, var(--sk-amber) 6%, transparent) 100%);border:1px solid var(--sk-line);border-radius:18px;padding:20px 22px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 16px 40px -22px rgba(24,26,29,.13)}




.skw-hero::before{content:"";position:absolute;inset-inline-end:-50px;top:-90px;width:230px;height:230px;background:radial-gradient(circle,color-mix(in srgb, var(--sk-amber) 10%, transparent),transparent 66%);pointer-events:none}




.skw-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;position:relative}




.skw-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--sk-ink-soft)}




.skw-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--sk-amber);box-shadow:0 0 0 4px var(--sk-amber-soft);flex-shrink:0}




.skw-kicker .sep{color:var(--sk-line)}




.skw-status{padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skw-hero h1{font-size:23px;font-weight:800;margin:10px 0 7px;color:var(--sk-ink);line-height:1.3}




.skw-hero__desc{font-size:13px;color:var(--sk-ink-soft);line-height:1.7;max-width:680px;margin:0}




.skw-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}




.skw-badges span{font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:9px;background:var(--sk-surface-2);border:1px solid var(--sk-line);color:var(--sk-ink-soft)}




.skw-badges span.is-brand{background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-amber-deep);font-weight:600}




.skw-hero__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}




.skw-hero__actions form{margin:0}









/* آمار */




.skw-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}




.skw-stat{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:13px;padding:13px 14px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 10px 24px -16px rgba(24,26,29,.1)}




.skw-stat__l{font-size:11.5px;color:var(--sk-ink-faint);font-weight:500}




.skw-stat__v{font-size:23px;font-weight:800;color:var(--sk-ink);margin:3px 0 2px;line-height:1}




.skw-stat__s{font-size:11px;color:var(--sk-ink-soft)}









/* تب واقعی */




.skw-tabs{display:flex;gap:3px;overflow-x:auto;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:6px;scrollbar-width:thin}




.skw-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--sk-ink-soft);border-radius:10px;cursor:pointer;white-space:nowrap;transition:background .14s,color .14s}




.skw-tab:hover{background:var(--sk-surface-2)}




.skw-tab.is-active{background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-weight:700}




.skw-tab svg{width:16px;height:16px;flex-shrink:0}









/* پنل */




.skw-panel{display:none}




.skw-panel.is-active{display:block;animation:skbFade .26s var(--sk-ease)}









/* سرستون بخش */




.skw-sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:13px}




.skw-sec-head h2{font-size:18px;font-weight:800;color:var(--sk-ink);margin:0 0 3px}




.skw-sec-head p{font-size:12.5px;color:var(--sk-ink-soft);margin:0;max-width:620px;line-height:1.6}




.skw-sec-actions{display:flex;flex-wrap:wrap;gap:8px}




.skw-sec-actions form{margin:0}









/* گرید */




.skw-grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}




.skw-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}









/* کارت */




.skw-card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:15px;padding:18px 19px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 10px 26px -16px rgba(24,26,29,.08)}




.skw-card h3{font-size:14px;font-weight:700;color:var(--sk-ink);margin:0 0 11px}




.skw-card>p{font-size:12.7px;color:var(--sk-ink-soft);line-height:1.75;margin:0}




.skw-big{font-size:34px;font-weight:800;color:var(--sk-ink);line-height:1;display:block;margin:2px 0 7px}/* عدد، داده است نه اقدام — کهربایی فقط برای برند/اقدام اصلی/حالت فعال (v16) */









/* تگ */




.skw-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}




.skw-tags span{font-size:11.5px;font-weight:500;padding:5px 10px;border-radius:8px;background:var(--sk-surface-2);border:1px solid var(--sk-line);color:var(--sk-ink-soft)}









/* لیست */




.skw-list{display:flex;flex-direction:column;gap:7px}




.skw-row{display:flex;justify-content:space-between;align-items:center;gap:11px;padding:11px 13px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:11px}




.skw-row strong{font-size:13px;font-weight:600;color:var(--sk-ink);display:block;margin-bottom:2px}




.skw-row small{font-size:11.5px;color:var(--sk-ink-faint)}




.skw-row>span{font-size:11.5px;font-weight:600;color:var(--sk-ink-soft);background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:7px;padding:4px 9px;flex-shrink:0}









/* چک‌لیست آماده‌سازی */




.skw-check{display:flex;flex-direction:column;gap:9px}




.skw-check__row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--sk-ink)}




.skw-check__b{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--sk-danger-soft);color:var(--sk-danger);flex-shrink:0}




.skw-check__row.is-ok .skw-check__b{background:var(--sk-ok-soft);color:var(--sk-ok)}




.skw-check__b svg{width:14px;height:14px}









/* لینک‌های تنظیمات */




.skw-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}




.skw-link{display:flex;flex-direction:column;gap:3px;padding:14px 15px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:13px;text-decoration:none;transition:border-color .14s,transform .14s,box-shadow .14s}




.skw-link:hover{border-color:var(--sk-amber-line);transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(24,26,29,.16)}




.skw-link b{font-size:13.5px;font-weight:700;color:var(--sk-ink)}




.skw-link span{font-size:11.5px;color:var(--sk-ink-faint);line-height:1.5}









/* تایم‌لاین */




.skw-timeline{display:flex;flex-direction:column}




.skw-timeline>div{position:relative;padding:0 18px 16px;border-inline-start:2px solid var(--sk-line)}




.skw-timeline>div:last-child{padding-bottom:2px}




.skw-timeline>div::before{content:"";position:absolute;inset-inline-start:-5px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--sk-amber)}




.skw-timeline b{font-size:13px;font-weight:700;color:var(--sk-ink);display:block}




.skw-timeline span{font-size:11.5px;color:var(--sk-ink-faint)}




.skw-timeline p{font-size:12px;color:var(--sk-ink-soft);margin:4px 0 0}









/* خالی */




.skw-empty{text-align:center;padding:28px 18px;color:var(--sk-ink-faint)}




.skw-empty strong{display:block;font-size:13.5px;color:var(--sk-ink-soft);margin-bottom:4px}




.skw-empty p{font-size:12px;margin:0}




.skw-muted{font-size:12px;color:var(--sk-ink-faint)}









@media(max-width:1080px){.skw-stats{grid-template-columns:repeat(3,1fr)}.skw-links{grid-template-columns:repeat(2,1fr)}}




@media(max-width:820px){.skw-grid2,.skw-grid3{grid-template-columns:1fr}}




@media(max-width:560px){.skw-stats{grid-template-columns:1fr 1fr}.skw-links{grid-template-columns:1fr}.skw-hero h1{font-size:19px}}









/* دکمهٔ خطر */




.sk-btn--danger{background:var(--sk-danger);color:#fff;border-color:var(--sk-danger)}




.sk-btn--danger:hover{filter:brightness(.94)}














/* ════════════════════════════════════════════════════════════════════




   مودال تنظیمات (.skm-) — باز شدن فرم بخش‌ها به‌صورت پاپ‌آپ




   ════════════════════════════════════════════════════════════════════ */




.skm-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:5vh 16px;background:rgba(24,26,29,.5);backdrop-filter:blur(3px);overflow-y:auto;overscroll-behavior:contain}




.skm-overlay.is-open{display:flex;animation:skmFade .18s var(--sk-ease)}




@keyframes skmFade{from{opacity:0}to{opacity:1}}




.skm-dialog{width:100%;max-width:720px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;box-shadow:0 30px 80px -20px rgba(24,26,29,.45);display:flex;flex-direction:column;max-height:90vh;animation:skmPop .24s var(--sk-ease);margin:auto}




@keyframes skmPop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}




.skm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 21px;border-bottom:1px solid var(--sk-line);flex-shrink:0}




.skm-head h2{font-size:17px;font-weight:800;color:var(--sk-ink);margin:0}




.skm-head small{display:block;font-size:11.5px;color:var(--sk-ink-faint);font-weight:500;margin-top:3px}




.skm-close{width:34px;height:34px;border-radius:9px;border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink-soft);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:.14s}




.skm-close:hover{border-color:var(--sk-danger);color:var(--sk-danger);background:var(--sk-danger-soft)}




.skm-close svg{width:17px;height:17px}




.skm-body{padding:20px 21px;overflow-y:auto;flex:1;min-height:80px}




.skm-body .skb{gap:0;max-width:none}




.skm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:54px 20px;color:var(--sk-ink-faint);font-size:12.5px}




.skm-spinner{width:34px;height:34px;border:3px solid var(--sk-line);border-top-color:var(--sk-amber);border-radius:50%;animation:skmSpin .7s linear infinite}




@keyframes skmSpin{to{transform:rotate(360deg)}}




.skm-error{padding:30px 20px;text-align:center;color:var(--sk-danger);font-size:13px;font-weight:600}









/* فرم داخل مودال/standalone — وضعیت غیرفیلدی و اقدام‌ها */




.skm-formerr{background:var(--sk-danger-soft);border:1px solid var(--sk-danger-line);color:var(--sk-danger);border-radius:11px;padding:11px 14px;font-size:12.5px;font-weight:500;margin-bottom:14px}




.skm-form-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--sk-line)}




.skm-form-actions .sk-btn--primary{margin-inline-start:auto}




.skm-busy{opacity:.55;pointer-events:none}









/* استایل فیلدهای فرم مشترک (_field.html → .tk-field) داخل .skb */




.skb .tk-field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}




.skb .tk-field:last-of-type{margin-bottom:0}




.skb .tk-field > label{font-size:13px;font-weight:600;color:var(--sk-ink);display:flex;align-items:center;gap:3px}




.skb .tk-field .required{color:var(--sk-danger)}




.skb .tk-field .help{font-size:11.5px;color:var(--sk-ink-faint);line-height:1.55}




.skb .tk-field .error{font-size:11.5px;color:var(--sk-danger);font-weight:500}




.skb .tk-field.has-error > label{color:var(--sk-danger)}




.skb .tk-field.has-error .tk-input,.skb .tk-field.has-error .tk-textarea,.skb .tk-field.has-error .tk-select-multiple{border-color:var(--sk-danger)}




.skb .welcome-preview-image{max-width:100%;border-radius:12px;margin:4px 0 8px;border:1px solid var(--sk-line)}









@media(max-width:560px){.skm-overlay{padding:0}.skm-dialog{max-width:100%;min-height:100vh;max-height:100vh;border-radius:0;border:0}.skm-form-actions .sk-btn{flex:1 1 auto;justify-content:center}.skm-form-actions .sk-btn--primary{margin-inline-start:0}}









/* ════════════════════════════════════════════════════════════════════




   صفحهٔ تنظیمات آزمون (.sks-) — چیدمان master-detail (لیست راست / فرم چپ)




   ════════════════════════════════════════════════════════════════════ */




.sks{display:flex;flex-direction:column;gap:13px}









/* سربرگ روشن (به‌جای باکس سیاه) */




.sks-head{position:relative;overflow:hidden;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;padding:20px 24px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 14px 36px -22px rgba(24,26,29,.12)}




.sks-head::before{content:"";position:absolute;inset-inline-end:-50px;top:-90px;width:230px;height:230px;background:radial-gradient(circle,var(--sk-amber-soft),transparent 68%);pointer-events:none}




.sks-head__row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;position:relative}




.sks-head__l{min-width:0;flex:1}




.sks-head__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;font-weight:600;margin-bottom:9px}




.sks-head__eyebrow a{color:var(--sk-amber-deep);text-decoration:none}




.sks-head__eyebrow .st{color:var(--sk-ink-faint);padding:3px 11px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px}




.sks-head h1{font-size:23px;font-weight:800;color:var(--sk-ink);margin:0 0 6px}




.sks-head__sub{font-size:12.5px;color:var(--sk-ink-soft);margin:0 0 11px;max-width:540px;line-height:1.65}




.sks-head__exam{display:inline-flex;flex-direction:column;gap:2px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:10px 15px}




.sks-head__exam strong{font-size:14px;font-weight:700;color:var(--sk-ink)}




.sks-head__exam span{font-size:11.5px;color:var(--sk-ink-faint)}









/* ویجت پیشرفت */




.sks-pw{min-width:236px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:15px;padding:15px 17px}




.sks-pw__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}




.sks-pw__n{font-size:24px;font-weight:900;color:var(--sk-ink);line-height:1}




.sks-pw__l{font-size:11.5px;color:var(--sk-ink-faint);font-weight:600}




.sks-pw__bar{height:7px;border-radius:99px;background:var(--sk-line);overflow:hidden;margin-bottom:8px}




.sks-pw__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--sk-amber),var(--sk-amber-deep));border-radius:99px;transition:width .4s var(--sk-ease)}




.sks-pw__foot{font-size:11px;color:var(--sk-ink-soft);margin-bottom:10px}




.sks-pw .sk-btn{width:100%}









/* آمار */




.sks-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}




.sks-stat{display:flex;align-items:center;gap:11px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:13px 15px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 10px 24px -16px rgba(24,26,29,.1)}




.sks-stat__ic{width:40px;height:40px;border-radius:11px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;flex-shrink:0}




.sks-stat__ic svg{width:20px;height:20px}




.sks-stat strong{font-size:15px;font-weight:800;color:var(--sk-ink);display:block;line-height:1.25}




.sks-stat small{font-size:11.5px;color:var(--sk-ink-faint)}









/* یادداشت */




.sks-note{display:flex;gap:9px;align-items:flex-start;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:13px;padding:12px 16px;font-size:12.5px;line-height:1.65}




.sks-note svg{width:18px;height:18px;color:var(--sk-amber-deep);flex-shrink:0;margin-top:1px}




.sks-note strong{color:var(--sk-ink);font-weight:700}




.sks-note span{color:var(--sk-ink-soft)}









/* split: لیست (راست) + جزئیات (چپ) */




.sks-split{display:grid;grid-template-columns:344px minmax(0,1fr);gap:13px;align-items:start}









/* لیست بخش‌ها (راست) */




.sks-list{display:flex;flex-direction:column;gap:6px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:11px;position:sticky;top:14px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 10px 26px -18px rgba(24,26,29,.08)}




.sks-list__head{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 10px;border-bottom:1px solid var(--sk-line);margin-bottom:4px}




.sks-list__head strong{font-size:13.5px;font-weight:800;color:var(--sk-ink)}




.sks-list__head span{font-size:11px;color:var(--sk-ink-faint)}




.sks-item{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:1px solid transparent;background:transparent;border-radius:11px;padding:10px 11px;cursor:pointer;font:inherit;transition:background .14s,border-color .14s}




.sks-item:hover{background:var(--sk-surface-2)}




.sks-item.is-active{background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}




.sks-item__n{width:27px;height:27px;border-radius:8px;background:var(--sk-surface-2);border:1px solid var(--sk-line);color:var(--sk-ink-soft);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}




.sks-item.is-ok .sks-item__n{background:var(--sk-ok-soft);border-color:var(--sk-ok-line);color:var(--sk-ok)}




.sks-item.is-active .sks-item__n{background:var(--sk-amber);border-color:var(--sk-amber);color:#231c00}




.sks-item__main{flex:1;min-width:0}




.sks-item__t{font-size:13px;font-weight:600;color:var(--sk-ink);display:block;line-height:1.3}




.sks-item__s{font-size:10.5px;font-weight:700}




.sks-item__s.ok{color:var(--sk-ok)}




.sks-item__s.todo{color:var(--sk-danger)}




.sks-item__s.opt{color:var(--sk-ink-faint)}




.sks-item__ext{color:var(--sk-ink-faint);flex-shrink:0;display:grid;place-items:center}




.sks-item__ext svg{width:15px;height:15px}









/* جزئیات (چپ) */




.sks-detail{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;min-height:440px;padding:22px 24px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 14px 36px -24px rgba(24,26,29,.1)}




.sks-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:396px;text-align:center;color:var(--sk-ink-faint)}




.sks-ph__ic{width:62px;height:62px;border-radius:16px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center}




.sks-ph__ic svg{width:30px;height:30px}




.sks-ph strong{font-size:15px;color:var(--sk-ink-soft);font-weight:700}




.sks-ph p{font-size:12.5px;margin:0;max-width:330px;line-height:1.65}




.sks-detail .skm-loading{min-height:396px}




.sks-dhead{display:flex;align-items:flex-start;gap:12px;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid var(--sk-line)}




.sks-dhead__ic{width:42px;height:42px;border-radius:11px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;flex-shrink:0}




.sks-dhead__ic svg{width:21px;height:21px}




.sks-dhead h2{font-size:17px;font-weight:800;color:var(--sk-ink);margin:0 0 3px}




.sks-dhead p{font-size:12px;color:var(--sk-ink-soft);margin:0;line-height:1.55}




.sks-dstate{margin-inline-start:auto;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}




.sks-dstate.ok{background:var(--sk-ok-soft);color:var(--sk-ok)}




.sks-dstate.todo{background:var(--sk-danger-soft);color:var(--sk-danger)}









@media(max-width:980px){.sks-split{grid-template-columns:1fr}.sks-list{position:static}.sks-stats{grid-template-columns:1fr 1fr}.sks-pw{min-width:0;width:100%}}




@media(max-width:560px){.sks-stats{grid-template-columns:1fr 1fr}.sks-head{padding:18px}.sks-head h1{font-size:20px}.sks-detail{padding:18px}}









/* کارت راهنمای بخش‌های صفحه‌کامل در پنل جزئیات */




.sks-handoff{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:320px;text-align:center}




.sks-handoff__ic{width:60px;height:60px;border-radius:16px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center}




.sks-handoff__ic svg{width:28px;height:28px}




.sks-handoff strong{font-size:15.5px;color:var(--sk-ink);font-weight:700}




.sks-handoff p{font-size:12.5px;color:var(--sk-ink-soft);margin:0;max-width:350px;line-height:1.7}




.sks-handoff .sk-btn{margin-top:4px}









/* چک‌لیست کنترل کیفیت inline */




.sks-qc{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}




.sks-qc__row{display:flex;align-items:flex-start;gap:10px}




.sks-qc__b{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--sk-danger-soft);color:var(--sk-danger);flex-shrink:0;margin-top:1px}




.sks-qc__row.is-ok .sks-qc__b{background:var(--sk-ok-soft);color:var(--sk-ok)}




.sks-qc__b svg{width:14px;height:14px}




.sks-qc__row strong{font-size:13px;font-weight:600;color:var(--sk-ink);display:block}




.sks-qc__row p{font-size:11.5px;color:var(--sk-ink-soft);margin:2px 0 0;line-height:1.5}









/* ═══ بانک سؤال (skq): فیلتر، کارت Pack/سؤال، بَج، صفحه‌بندی ═══ */




.skq-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:12px 13px;margin-bottom:16px}




.skq-filters input,.skq-filters select{flex:1 1 168px;min-width:0;border:1px solid var(--sk-line);border-radius:10px;padding:9px 12px;background:var(--sk-surface-2);color:var(--sk-ink);font-family:inherit;font-size:13px;transition:border-color .15s,background .15s}




.skq-filters input:focus,.skq-filters select:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}




.skq-filters .sk-btn{flex-shrink:0}




.skq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(298px,1fr));gap:12px}




.skq-card{display:flex;flex-direction:column;gap:9px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:15px;padding:16px 18px;overflow:hidden;transition:border-color .16s,transform .16s,box-shadow .16s}




.skq-card:hover{border-color:var(--sk-ink-faint);transform:translateY(-2px);box-shadow:0 1px 2px rgba(24,26,29,.03),0 16px 38px -20px rgba(24,26,29,.16)}




.skq-card__meta{display:flex;flex-wrap:wrap;gap:6px}




.skq-card h3{margin:0;font-size:14.5px;font-weight:700;color:var(--sk-ink);line-height:1.55}




.skq-card p{margin:0;font-size:12.5px;color:var(--sk-ink-soft);line-height:1.7}




.skq-card__act{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:11px;border-top:1px solid var(--sk-line)}




.skq-card__act a,.skq-card__act button{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--sk-ink-soft);text-decoration:none;padding:6px 11px;border-radius:9px;background:var(--sk-surface-2);border:1px solid var(--sk-line);cursor:pointer;font-family:inherit;transition:background .14s,color .14s,border-color .14s}




.skq-card__act a:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-color:var(--sk-amber-line)}




.skq-card__act .is-danger{color:var(--sk-danger)}




.skq-card__act .is-danger:hover{background:var(--sk-danger-soft);border-color:var(--sk-danger-line);color:var(--sk-danger)}




.skq-card__act form{display:inline-flex;margin:0}




.skq-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--sk-surface-2);color:var(--sk-ink-soft);border:1px solid var(--sk-line);white-space:nowrap}




.skq-badge.is-ok{background:var(--sk-ok-soft);color:var(--sk-ok);border-color:var(--sk-ok-line)}




.skq-badge.is-warn{background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-color:var(--sk-amber-line)}




.skq-badge.is-bad{background:var(--sk-danger-soft);color:var(--sk-danger);border-color:var(--sk-danger-line)}




.skq-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}




.skq-pager{display:flex;gap:7px;justify-content:center;align-items:center;margin-top:18px}




.skq-pager a,.skq-pager span{font-size:12.5px;font-weight:600;padding:8px 13px;border-radius:10px;border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink);text-decoration:none}




.skq-pager a:hover{background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}




.skq-pager span{color:var(--sk-ink-soft);background:var(--sk-surface-2)}




@media(max-width:680px){.skq-grid{grid-template-columns:1fr}.skq-filters input,.skq-filters select{flex-basis:100%}}









/* بانک سؤال — فرم Pack و عناصر کمکی */




.skq-mini{font-size:12px;font-weight:600;color:var(--sk-amber-deep);text-decoration:none;display:inline-flex;align-items:center;gap:4px}




.skq-mini:hover{text-decoration:underline}




.skq-note{display:flex;align-items:flex-start;gap:10px;background:var(--sk-info-soft);border:1px solid var(--sk-info-line);border-radius:13px;padding:12px 14px;margin-bottom:16px;font-size:12.5px;color:var(--sk-info);line-height:1.7}




.skq-note svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}




.skq-form{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:22px 24px;box-shadow:0 1px 2px rgba(24,26,29,.03),0 14px 36px -22px rgba(24,26,29,.12)}




.skq-form .qf{margin-bottom:16px}




.skq-form .qf:last-of-type{margin-bottom:0}




.skq-form>label,.skq-form .qf>label{display:block;font-size:12.5px;font-weight:600;color:var(--sk-ink-soft);margin-bottom:7px}




.skq-form .form-control{width:100%;box-sizing:border-box;border:1px solid var(--sk-line);border-radius:11px;padding:10px 13px;background:var(--sk-surface-2);color:var(--sk-ink);font-family:inherit;font-size:13.5px;transition:border-color .15s,background .15s}




.skq-form .form-control:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}




.skq-form textarea.form-control{resize:vertical;min-height:92px;line-height:1.7}




.skq-chips{display:flex;flex-wrap:wrap;gap:7px}




.skq-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:9px;padding:7px 11px;cursor:pointer;transition:border-color .14s,background .14s}




.skq-chip:hover{border-color:var(--sk-amber-line)}




.skq-chip input{accent-color:var(--sk-amber-deep);margin:0}




.skq-chip:has(input:checked){background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}




.skq-checkrow{display:flex;align-items:center;gap:9px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:11px;padding:11px 13px;cursor:pointer}




.skq-checkrow input{accent-color:var(--sk-amber-deep);width:17px;height:17px;margin:0}




.skq-checkrow span{font-size:13px;font-weight:500;color:var(--sk-ink)}




.skq-hint{display:block;font-size:11.5px;color:var(--sk-ink-faint);margin-top:6px;line-height:1.6}




.skq-form .errorlist{list-style:none;padding:9px 12px;margin:7px 0 0;background:var(--sk-danger-soft);border:1px solid var(--sk-danger-line);border-radius:10px;color:var(--sk-danger);font-size:12px}




.skq-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}




.skq-formgrid .qf--full{grid-column:1/-1}




@media(max-width:680px){.skq-formgrid{grid-template-columns:1fr}}









/* بانک سؤال — جدول (پیش‌نمایش CSV) */




.skq-tablewrap{overflow:auto;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;margin-top:14px}




.skq-table{width:100%;border-collapse:collapse;min-width:680px}




.skq-table th,.skq-table td{padding:11px 14px;border-bottom:1px solid var(--sk-line);text-align:right;vertical-align:top;font-size:12.5px}




.skq-table th{background:var(--sk-surface-2);color:var(--sk-ink-soft);font-weight:600}




.skq-table td{color:var(--sk-ink);line-height:1.6}




.skq-table tr:last-child td{border-bottom:0}




.skq-form input[type=file]{font-size:13px;color:var(--sk-ink-soft);font-family:inherit}









/* ═══════════════ طراح چندسؤالی (skqd) ═══════════════ */




.skqd{display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 150px)}




.skqd *{box-sizing:border-box}




/* نوار بالا */




.skqd-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:15px 20px;margin-bottom:13px}




.skqd-top__l{display:flex;align-items:center;gap:13px;min-width:0}




.skqd-back{width:38px;height:38px;border-radius:10px;border:1px solid var(--sk-line);background:var(--sk-surface-2);display:grid;place-items:center;color:var(--sk-ink-soft);flex-shrink:0;transition:all .15s}




.skqd-back:hover{border-color:var(--sk-amber-line);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}




.skqd-back svg{width:19px;height:19px}




.skqd-top__t{min-width:0}




.skqd-top__t h1{margin:0;font-size:18px;font-weight:800;color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}




.skqd-top__t p{margin:2px 0 0;font-size:12px;color:var(--sk-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}




.skqd-top__r{display:flex;align-items:center;gap:10px;flex-shrink:0}




.skqd-saved{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sk-ink-faint)}




.skqd-saved svg{width:15px;height:15px}




.skqd-saved.is-dirty{color:var(--sk-amber-deep)}




.skqd-saved.is-saved{color:var(--sk-ok)}




.skqd-saved.is-saving{color:var(--sk-info)}




.skqd-prev{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--sk-ink-soft);background:none;border:0;cursor:pointer;padding:8px 10px;border-radius:9px}




.skqd-prev:hover{background:var(--sk-surface-2)}




.skqd-prev svg{width:16px;height:16px}




/* بدنه ۳ ستونه */




.skqd-main{display:grid;grid-template-columns:296px minmax(0,1fr) 300px;gap:13px;align-items:start}




.skqd-col{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:16px}




.skqd-col__h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}




.skqd-col__h strong{font-size:14px;font-weight:800;color:var(--sk-ink)}




.skqd-col__h .c{font-size:12px;font-weight:700;color:var(--sk-ink-faint);background:var(--sk-surface-2);border-radius:999px;padding:2px 9px}




/* ستون راست: فهرست سؤالات */




.skqd-qlist{position:sticky;top:14px}




.skqd-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-family:inherit;font-size:13px;font-weight:700;border-radius:11px;padding:11px;cursor:pointer;margin-bottom:8px;transition:filter .15s}




.skqd-add:hover{filter:brightness(.97)}




.skqd-add svg{width:17px;height:17px}




.skqd-items{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:calc(100vh - 320px);overflow:auto}




.skqd-qitem{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface);cursor:pointer;transition:border-color .14s,background .14s}




.skqd-qitem:hover{border-color:var(--sk-ink-faint)}




.skqd-qitem.is-active{border-color:var(--sk-amber);background:var(--sk-amber-soft);box-shadow:inset 2px 0 0 var(--sk-amber)}




.skqd-qitem__n{width:22px;height:22px;border-radius:7px;background:var(--sk-surface-2);display:grid;place-items:center;font-size:11.5px;font-weight:800;color:var(--sk-ink-soft);flex-shrink:0}




.skqd-qitem.is-active .skqd-qitem__n{background:var(--sk-amber);color:#fff}




.skqd-qitem__ic{width:20px;height:20px;color:var(--sk-ink-faint);flex-shrink:0}




.skqd-qitem__ic svg{width:20px;height:20px}




.skqd-qitem__t{flex:1;min-width:0;font-size:12.5px;font-weight:600;color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}




.skqd-qitem__pt{font-size:11px;font-weight:700;color:var(--sk-ink-faint);flex-shrink:0}




.skqd-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}




.skqd-dot--ok{background:var(--sk-ok)}




.skqd-dot--warn{background:var(--sk-amber)}




.skqd-dot--bad{background:var(--sk-danger)}




.skqd-qitem__x{width:24px;height:24px;border-radius:7px;border:0;background:none;color:var(--sk-ink-faint);cursor:pointer;display:none;place-items:center;flex-shrink:0}




.skqd-qitem:hover .skqd-qitem__x{display:grid}




.skqd-qitem__x:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}




.skqd-qitem__x svg{width:15px;height:15px}




/* ستون مرکزی: ویرایشگر */




.skqd-editor{min-height:520px}




.skqd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px}




.skqd-empty__ic{width:74px;height:74px;border-radius:18px;border:2px dashed var(--sk-amber-line);background:var(--sk-amber-soft);display:grid;place-items:center;color:var(--sk-amber-deep);margin-bottom:16px}




.skqd-empty__ic svg{width:36px;height:36px}




.skqd-empty h2{margin:0 0 7px;font-size:18px;font-weight:800;color:var(--sk-ink)}




.skqd-empty p{margin:0 0 20px;font-size:13px;color:var(--sk-ink-soft);line-height:1.8;max-width:440px}




.skqd-types{display:flex;flex-direction:column;gap:11px;width:100%;max-width:480px}




.skqd-typecard{display:flex;align-items:center;gap:14px;text-align:start;border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:14px;padding:16px 18px;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}




.skqd-typecard:hover{border-color:var(--sk-amber);transform:translateY(-2px);box-shadow:0 14px 32px -20px rgba(24,26,29,.25)}




.skqd-typecard__ic{width:46px;height:46px;border-radius:12px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;flex-shrink:0}




.skqd-typecard__ic svg{width:24px;height:24px}




.skqd-typecard__t{flex:1}




.skqd-typecard__t strong{display:block;font-size:15px;font-weight:800;color:var(--sk-ink);margin-bottom:2px}




.skqd-typecard__t span{font-size:12.5px;color:var(--sk-ink-soft)}




.skqd-typecard__go{color:var(--sk-ink-faint)}




.skqd-typecard__go svg{width:20px;height:20px}




.skqd-elabel{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--sk-ink);margin:0 0 9px}




.skqd-elabel .req{color:var(--sk-danger)}




.skqd-block{margin-bottom:20px}




/* ویرایشگر متنی */




.skqd-rich{border:1px solid var(--sk-line);border-radius:13px;overflow:hidden;background:var(--sk-surface)}




.skqd-rich.is-focus{border-color:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft)}




.skqd-rt{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:7px 9px;background:var(--sk-surface-2);border-bottom:1px solid var(--sk-line)}




.skqd-rtb{width:30px;height:30px;border-radius:8px;border:0;background:none;color:var(--sk-ink-soft);cursor:pointer;display:grid;place-items:center;transition:background .13s,color .13s}




.skqd-rtb:hover{background:var(--sk-surface);color:var(--sk-ink)}




.skqd-rtb.is-on{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skqd-rtb svg{width:16px;height:16px}




.skqd-rtb b{font-size:14px;font-weight:800}




.skqd-rtb i{font-size:14px;font-style:italic;font-weight:700}




.skqd-rtb u{font-size:14px;font-weight:700}




.skqd-rt__sep{width:1px;height:18px;background:var(--sk-line);margin:0 3px}




.skqd-rt__area{min-height:150px;max-height:420px;overflow:auto;padding:13px 14px;font-size:14px;line-height:1.9;color:var(--sk-ink);outline:none}




.skqd-rt__area:empty::before{content:attr(data-ph);color:var(--sk-ink-faint)}




.skqd-rt__area img{max-width:100%;height:auto;border-radius:8px;margin:6px 0}




.skqd-rt__area ul,.skqd-rt__area ol{padding-inline-start:22px;margin:6px 0}




.skqd-rt__foot{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:var(--sk-surface-2);border-top:1px solid var(--sk-line);font-size:11px;color:var(--sk-ink-faint)}




.skqd-rt__foot .hint{display:inline-flex;align-items:center;gap:5px}




/* گزینه‌ها */




.skqd-opts-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px;flex-wrap:wrap}




.skqd-opts-h__t{font-size:13px;font-weight:700;color:var(--sk-ink)}




.skqd-opts-h__t span{font-weight:500;color:var(--sk-ink-faint);font-size:12px}




.skqd-opt{border:1px solid var(--sk-line);border-radius:13px;padding:12px;margin-bottom:10px;background:var(--sk-surface-2)}




.skqd-opt.is-correct{border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}




.skqd-opt__top{display:flex;align-items:center;gap:10px;margin-bottom:10px}




.skqd-opt__pick{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--sk-ink-soft);cursor:pointer}




.skqd-opt__pick input{width:17px;height:17px;accent-color:var(--sk-ok);margin:0}




.skqd-opt.is-correct .skqd-opt__pick{color:var(--sk-ok)}




.skqd-opt__lab{width:24px;height:24px;border-radius:7px;background:var(--sk-surface);border:1px solid var(--sk-line);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--sk-ink-soft)}




.skqd-opt.is-correct .skqd-opt__lab{background:var(--sk-ok);color:#fff;border-color:var(--sk-ok)}




.skqd-opt__sp{flex:1}




.skqd-opt__x{width:28px;height:28px;border-radius:8px;border:0;background:none;color:var(--sk-ink-faint);cursor:pointer;display:grid;place-items:center}




.skqd-opt__x:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}




.skqd-opt__x svg{width:16px;height:16px}

.skqd-opt.is-fixed{background:var(--sk-surface)}

.skqd-opt__fixed-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:650;color:var(--sk-ink-faint)}

.skqd-opt__fixed-tag svg{width:14px;height:14px}

.skqd-opt__fixed-text{border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700;color:var(--sk-ink)}




.skqd-addopt{display:inline-flex;align-items:center;gap:7px;border:1px dashed var(--sk-amber-line);background:none;color:var(--sk-amber-deep);font-family:inherit;font-size:12.5px;font-weight:700;border-radius:10px;padding:9px 14px;cursor:pointer}




.skqd-addopt:hover{background:var(--sk-amber-soft)}




.skqd-addopt svg{width:16px;height:16px}




/* ستون چپ: ویژگی‌ها */




.skqd-side{position:sticky;top:14px;display:flex;flex-direction:column;gap:17px}




.skqd-f{display:flex;flex-direction:column;gap:8px}




.skqd-f>label{font-size:12px;font-weight:700;color:var(--sk-ink-soft)}




.skqd-seg{display:flex;gap:5px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:11px;padding:4px}




.skqd-seg button{flex:1;border:0;background:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--sk-ink-soft);padding:8px;border-radius:8px;cursor:pointer;transition:all .14s}




.skqd-seg button.is-on{background:var(--sk-amber);color:#181a1d;box-shadow:0 2px 6px -2px rgba(233,173,0,.5)}




.skqd-sel{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:10px 12px;background:var(--sk-surface);color:var(--sk-ink);font-family:inherit;font-size:13px}




.skqd-sel:focus{outline:none;border-color:var(--sk-amber)}




.skqd-num{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:10px 12px;background:var(--sk-surface);color:var(--sk-ink);font-family:inherit;font-size:14px;font-weight:700}




.skqd-num:focus{outline:none;border-color:var(--sk-amber)}




.skqd-fhint{font-size:11px;color:var(--sk-ink-faint);line-height:1.6}




.skqd-valid{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--sk-line);padding-top:14px}




.skqd-valid__h{font-size:12px;font-weight:700;color:var(--sk-ink-soft);margin-bottom:2px}




.skqd-valid__row{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;color:var(--sk-danger)}




.skqd-valid__row.is-ok{color:var(--sk-ok)}




.skqd-valid__row svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}




.skqd-valid__ok{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--sk-ok)}




.skqd-valid__ok svg{width:16px;height:16px}




/* نوار پایین */




.skqd-bottom{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:11px 18px;margin-top:13px;box-shadow:0 -6px 20px -14px rgba(24,26,29,.18)}




.skqd-bstat{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--sk-ink-soft)}




.skqd-bstat svg{width:16px;height:16px;color:var(--sk-ink-faint)}




.skqd-bstat b{color:var(--sk-ink);font-weight:800}




.skqd-bstat .ok{color:var(--sk-ok)}




.skqd-bdiv{display:flex;align-items:center;gap:16px;flex-wrap:wrap}




/* پیام موفقیت/خطای ذخیره */




.skqd-toast{position:fixed;bottom:22px;inset-inline-start:22px;z-index:60;display:flex;align-items:center;gap:9px;background:var(--sk-charcoal);color:#fff;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:600;box-shadow:0 16px 40px -12px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:opacity .22s,transform .22s;pointer-events:none}




.skqd-toast.show{opacity:1;transform:translateY(0)}




.skqd-toast.is-bad{background:var(--sk-danger)}




.skqd-toast svg{width:18px;height:18px}




@media(max-width:1100px){.skqd-main{grid-template-columns:1fr}.skqd-qlist,.skqd-side{position:static}.skqd-items{max-height:340px}}









/* ریسایز تصویر در ویرایشگر طراح */




.skqd-rich{position:relative}




.skqd-rt__area img{cursor:pointer}




.skqd-rt__area img.skqd-img-sel{outline:2px solid var(--sk-amber);outline-offset:1px}




.skqd-img-handle{position:absolute;width:15px;height:15px;background:var(--sk-amber);border:2px solid #fff;border-radius:50%;cursor:ew-resize;z-index:6;box-shadow:0 1px 5px rgba(0,0,0,.35)}









/* ورودی فایل استایل‌دار (import / attachment) */




.skq-form input[type="file"]{width:100%;border:1.5px dashed var(--sk-amber-line);background:var(--sk-amber-soft);border-radius:12px;padding:15px 16px;font-family:inherit;font-size:13px;color:var(--sk-ink-soft);cursor:pointer;transition:border-color .15s,background .15s}




.skq-form input[type="file"]:hover{border-color:var(--sk-amber);background:var(--sk-surface-2)}




.skq-form input[type="file"]::file-selector-button{font-family:inherit;font-weight:700;font-size:13px;background:var(--sk-amber);color:#181a1d;border:0;border-radius:9px;padding:9px 16px;margin-inline-end:14px;cursor:pointer;transition:background .15s}




.skq-form input[type="file"]::file-selector-button:hover{background:var(--sk-amber-deep)}









/* پیش‌نمایش طراح (مودال) */




.skqd-pvov{position:fixed;inset:0;z-index:70;background:rgba(24,26,29,.55);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:36px 16px}




.skqd-pv{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;max-width:780px;width:100%;box-shadow:0 30px 70px -20px rgba(0,0,0,.5);overflow:hidden}




.skqd-pv__h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--sk-line);position:sticky;top:0;background:var(--sk-surface);z-index:2}




.skqd-pv__h strong{font-size:16px;font-weight:800;color:var(--sk-ink)}




.skqd-pv__h .sub{font-size:12px;color:var(--sk-ink-faint);font-weight:600}




.skqd-pv__x{width:34px;height:34px;border-radius:9px;border:0;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-size:20px;cursor:pointer;display:grid;place-items:center;line-height:1}




.skqd-pv__x:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}




.skqd-pv__body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}




.skqd-pvq{border:1px solid var(--sk-line);border-radius:14px;padding:17px 18px;background:var(--sk-surface)}




.skqd-pvq__h{display:flex;align-items:center;gap:9px;margin-bottom:11px}




.skqd-pvq__n{width:26px;height:26px;border-radius:8px;background:var(--sk-amber);color:#181a1d;font-size:13px;font-weight:800;display:grid;place-items:center;flex-shrink:0}




.skqd-pvq__meta{font-size:12px;color:var(--sk-ink-faint);font-weight:600}




.skqd-pvq__body{font-size:14px;color:var(--sk-ink);line-height:1.9;word-break:break-word}




.skqd-pvq__body img{max-width:100%;height:auto;border-radius:9px;margin:8px 0;display:block}




.skqd-pvq__body ul,.skqd-pvq__body ol{padding-inline-start:22px;margin:7px 0}




.skqd-pvq__opts{margin-top:13px;display:flex;flex-direction:column;gap:7px}




.skqd-pvo{display:flex;gap:9px;align-items:flex-start;font-size:13px;padding:9px 12px;border-radius:10px;border:1px solid var(--sk-line);background:var(--sk-surface-2)}




.skqd-pvo.ok{border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}




.skqd-pvo__l{width:22px;height:22px;border-radius:6px;background:var(--sk-surface);border:1px solid var(--sk-line);font-size:11px;font-weight:800;color:var(--sk-ink-faint);display:grid;place-items:center;flex-shrink:0}




.skqd-pvo.ok .skqd-pvo__l{background:var(--sk-ok);color:#fff;border-color:var(--sk-ok)}




.skqd-pvo__t{flex:1;color:var(--sk-ink);line-height:1.7;word-break:break-word}




.skqd-pvo__t img{max-width:100%;height:auto;border-radius:7px;margin:4px 0}




.skqd-pvo__c{color:var(--sk-ok);flex-shrink:0}




.skqd-pvo__c svg{width:17px;height:17px}




.skqd-pv__empty{text-align:center;color:var(--sk-ink-faint);font-size:13px;padding:30px 0}









/* ═══════════════ کاوشگر دسته‌بندی‌ها (skcat) ═══════════════ */




.skcat{display:block}




.skcat *{box-sizing:border-box}




/* سرچ‌بار هوشمند */




/* قاعده فاصله بین باکس‌ها (عمودی/افقی): 12px */
.skcat-search{position:relative;display:flex;align-items:center;gap:11px;background:var(--sk-surface);border:1.5px solid var(--sk-line);border-radius:14px;padding:3px 16px;margin-top:12px;transition:border-color .15s,box-shadow .15s}




.skcat-search:focus-within{border-color:var(--sk-amber);box-shadow:0 0 0 4px var(--sk-amber-soft)}




.skcat-search>svg{width:20px;height:20px;color:var(--sk-ink-faint);flex-shrink:0}




/* ریست قطعی بوردر دوم: قفل سراسری .sk-content input[type=search] (خط ~۱۰۱۰۶) با
   border !important و specificity (0,2,1) می‌آید؛ مطابق الگوی خط ۱۲۵۹۰ با سلکتور
   پروزن‌تر (0,3,1) خنثی می‌شود تا فقط بوردر خود جعبه بماند */
.skcat-search input,
.sk-content .skcat-search input[type="search"]{flex:1;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0!important;min-height:0!important;margin:0!important;padding:14px 0!important;font-family:inherit;font-size:15px;color:var(--sk-ink)}




.skcat-search input::placeholder{color:var(--sk-ink-faint)}
/* پیام «فایل قبلی حفظ شد» در ویزارد ساخت آزمون/بسته */
.skb-field .skb-keep{color:var(--sk-ok,#12b76a)!important}




.skcat-search input::-webkit-search-cancel-button{display:none}




.skcat-clear{width:30px;height:30px;border-radius:8px;border:0;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;flex-shrink:0}




.skcat-clear:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}




/* نتایج جستجو */




.skcat-results{margin-top:13px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:16px 18px;box-shadow:0 14px 36px -22px rgba(24,26,29,.3)}




.skcat-rescount{font-size:12.5px;color:var(--sk-ink-faint);margin-bottom:14px;border-bottom:1px solid var(--sk-line);padding-bottom:11px}




.skcat-rescount b{color:var(--sk-ink);font-weight:800}




.skcat-resgroup{margin-bottom:15px}




.skcat-resgroup:last-child{margin-bottom:0}




.skcat-resgroup__h{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;margin-bottom:9px}




.skcat-resgroup__h .bar{width:3px;height:13px;border-radius:2px}




.skcat-resgroup__h.cat{color:var(--sk-ink-soft)}.skcat-resgroup__h.cat .bar{background:var(--sk-ink-faint)}




.skcat-resgroup__h.j{color:var(--sk-info)}.skcat-resgroup__h.j .bar{background:var(--sk-info)}




.skcat-resgroup__h.s{color:var(--sk-ok)}.skcat-resgroup__h.s .bar{background:var(--sk-ok)}




.skcat-resgroup__h.t{color:var(--sk-amber-deep)}.skcat-resgroup__h.t .bar{background:var(--sk-amber)}




.skcat-reslist{display:flex;flex-wrap:wrap;gap:8px}




.skcat-resitem{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:999px;padding:7px 13px;font-size:12.5px;color:var(--sk-ink);cursor:pointer;transition:border-color .14s,background .14s}




.skcat-resitem:hover{border-color:var(--sk-amber);background:var(--sk-amber-soft)}




.skcat-resitem .cat{color:var(--sk-ink-faint);font-size:11px}




.skcat-resitem mark,.skcat-chip mark{background:var(--sk-amber);color:#181a1d;border-radius:3px;padding:0 2px}




.skcat-empty{text-align:center;color:var(--sk-ink-faint);font-size:13px;padding:26px 0}




/* کارت‌ها */




.skcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(322px,1fr));gap:14px;margin-top:16px}




.skcat-card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:18px;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}




.skcat-card:hover{border-color:var(--sk-amber-line);box-shadow:0 16px 36px -24px rgba(24,26,29,.3);transform:translateY(-2px)}




.skcat-card h3{margin:0 0 7px;font-size:16px;font-weight:800;color:var(--sk-ink)}




.skcat-card p{margin:0 0 13px;font-size:12.5px;color:var(--sk-ink-soft);line-height:1.7}




.skcat-counts{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}




.skcat-count{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:8px;padding:5px 11px}




.skcat-count .dot{width:7px;height:7px;border-radius:50%}




.skcat-count.j{background:var(--sk-info-soft);color:var(--sk-info)}




.skcat-count.s{background:var(--sk-ok-soft);color:var(--sk-ok)}




.skcat-count.t{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skcat-axis{margin-bottom:12px}




.skcat-axis__l{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;margin-bottom:7px}




.skcat-axis__l .bar{width:3px;height:12px;border-radius:2px}




.skcat-axis__l.j{color:var(--sk-info)}.skcat-axis__l.j .bar{background:var(--sk-info)}




.skcat-axis__l.s{color:var(--sk-ok)}.skcat-axis__l.s .bar{background:var(--sk-ok)}




.skcat-axis__l.t{color:var(--sk-amber-deep)}.skcat-axis__l.t .bar{background:var(--sk-amber)}




.skcat-tags{display:flex;flex-wrap:wrap;gap:6px}




.skcat-chip{font-size:11.5px;border-radius:7px;padding:4px 10px;border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink-soft);white-space:nowrap}




.skcat-chip.j{border-color:var(--sk-info-line);background:var(--sk-info-soft);color:var(--sk-info)}




.skcat-chip.s{border-color:var(--sk-ok-line);background:var(--sk-ok-soft);color:var(--sk-ok)}




.skcat-chip.t{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skcat-chip.more{background:none;border-style:dashed;color:var(--sk-ink-faint);font-weight:700}




.skcat-card__foot{margin-top:auto;padding-top:13px;border-top:1px solid var(--sk-line)}




.skcat-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-family:inherit;font-size:12.5px;font-weight:700;border-radius:10px;padding:10px;cursor:pointer;transition:filter .15s}




.skcat-more:hover{filter:brightness(.97)}




.skcat-more svg{width:15px;height:15px}




/* popup */




.skcat-popov{position:fixed;inset:0;z-index:70;background:rgba(24,26,29,.55);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:42px 16px}




.skcat-pop{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;max-width:720px;width:100%;box-shadow:0 30px 70px -20px rgba(0,0,0,.5);overflow:hidden}




.skcat-pop__h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--sk-line);position:sticky;top:0;background:var(--sk-surface);z-index:2}




.skcat-pop__h strong{font-size:17px;font-weight:800;color:var(--sk-ink)}




.skcat-pop__h .sub{font-size:12px;color:var(--sk-ink-faint);font-weight:600}




.skcat-pop__x{width:34px;height:34px;border-radius:9px;border:0;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}




.skcat-pop__x:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}




.skcat-pop__search{padding:15px 24px 0}




.skcat-pop__search input{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:10px 13px;font-family:inherit;font-size:13px;background:var(--sk-surface-2);color:var(--sk-ink)}




.skcat-pop__search input:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}




.skcat-pop__body{padding:18px 24px 24px;display:flex;flex-direction:column;gap:18px}




.skcat-popsec__h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;margin-bottom:11px}




.skcat-popsec__h .bar{width:4px;height:15px;border-radius:2px}




.skcat-popsec__h .c{font-weight:700;color:var(--sk-ink-faint);font-size:11.5px}




.skcat-popsec__h.j{color:var(--sk-info)}.skcat-popsec__h.j .bar{background:var(--sk-info)}




.skcat-popsec__h.s{color:var(--sk-ok)}.skcat-popsec__h.s .bar{background:var(--sk-ok)}




.skcat-popsec__h.t{color:var(--sk-amber-deep)}.skcat-popsec__h.t .bar{background:var(--sk-amber)}




.skcat-popsec__tags{display:flex;flex-wrap:wrap;gap:7px}




.skcat-popsec__empty{font-size:12px;color:var(--sk-ink-faint)}




@media(max-width:560px){.skcat-grid{grid-template-columns:1fr}}









/* اصلاح: [hidden] نباید با display کلاس‌ها override شود */




.skcat-popov[hidden],.skcat-results[hidden],.skcat-clear[hidden]{display:none}









/* ═══════════════ تب‌های پورتال (portal nav) + فیلترها ═══════════════ */




.designer-nav,.institute-nav{display:flex;gap:4px;overflow-x:auto;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:13px;padding:6px;margin:14px 0;scrollbar-width:none}




.designer-nav::-webkit-scrollbar,.institute-nav::-webkit-scrollbar{display:none}




.designer-nav a,.institute-nav a{flex-shrink:0;font-size:13px;font-weight:700;color:var(--sk-ink-soft);text-decoration:none;padding:9px 15px;border-radius:9px;white-space:nowrap;transition:background .14s,color .14s}




.designer-nav a:hover,.institute-nav a:hover{background:var(--sk-surface-2);color:var(--sk-ink)}




.designer-nav a.is-active,.institute-nav a.is-active{background:var(--sk-amber);color:#181a1d}




/* فیلترهای لیست (با _field.html / tk-field) */




.skp-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:11px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:14px 16px;margin-bottom:16px}




.skp-filters .tk-field{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1 1 150px}




.skp-filters .tk-field label{font-size:11.5px;font-weight:700;color:var(--sk-ink-soft)}




.skp-filters .tk-field label .required{color:var(--sk-danger)}




.skp-filters .tk-field input,.skp-filters .tk-field select,.skp-filters .tk-field textarea{border:1px solid var(--sk-line);border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px;background:var(--sk-surface);color:var(--sk-ink);width:100%}




.skp-filters .tk-field input:focus,.skp-filters .tk-field select:focus{outline:none;border-color:var(--sk-amber)}




.skp-filters .tk-field .help{font-size:10.5px;color:var(--sk-ink-faint)}




.skp-filters .tk-field .error{font-size:10.5px;color:var(--sk-danger)}




.skp-filters>button{flex-shrink:0}









/* تصویر کارت آزمون/دوره */




.skq-card__media{margin:-16px -18px 3px;height:200px;background:var(--sk-surface-2);overflow:hidden;display:block;position:relative}




.skq-card__media img{width:100%;height:100%;object-fit:cover;display:block}




.skq-card__media--ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sk-amber-soft),var(--sk-surface-2))}




.skq-card__media--ph svg{width:38px;height:38px;color:var(--sk-amber-deep);opacity:.5}




/* فیلتر دوره (tk-form-field مثل tk-field) */




.skp-filters .tk-form-field{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1 1 150px}




.skp-filters .tk-form-field label{font-size:11.5px;font-weight:700;color:var(--sk-ink-soft)}




.skp-filters .tk-form-field label .required{color:var(--sk-danger)}




.skp-filters .tk-form-field input,.skp-filters .tk-form-field select,.skp-filters .tk-form-field textarea{border:1px solid var(--sk-line);border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px;background:var(--sk-surface);color:var(--sk-ink);width:100%}




.skp-filters .tk-form-field input:focus,.skp-filters .tk-form-field select:focus{outline:none;border-color:var(--sk-amber)}




.skp-filters .tk-form-field .help{font-size:10.5px;color:var(--sk-ink-faint)}




.skp-filters .tk-form-field .error{font-size:10.5px;color:var(--sk-danger)}




/* آیکن کنار تب‌های پورتال */




.designer-nav a,.institute-nav a{display:inline-flex;align-items:center;gap:7px}




.designer-nav a svg,.institute-nav a svg{width:16px;height:16px;flex-shrink:0}




/* پولیش فیلدهای tk-field داخل فرم‌های تنظیمات skb */




.skb .tk-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}




.skb .tk-field>label{font-size:12.5px;font-weight:700;color:var(--sk-ink)}




.skb .tk-field .help{font-size:11px;color:var(--sk-ink-faint);margin-top:2px}




.skb .tk-field .error{font-size:11px;color:var(--sk-danger);margin-top:2px}




.skb .welcome-preview-image{max-width:100%;height:auto;border-radius:12px;margin-top:10px;display:block;border:1px solid var(--sk-line)}









/* ═══ کنترل کیفیت (skqc) ═══ */




.skqc-list{display:flex;flex-direction:column;gap:9px}




.skqc-row{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface)}




.skqc-row.is-ok{border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}




.skqc-row.is-bad{border-color:var(--sk-danger-line);background:var(--sk-danger-soft)}




.skqc-dot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:#fff}




.skqc-row.is-ok .skqc-dot{background:var(--sk-ok)}




.skqc-row.is-bad .skqc-dot{background:var(--sk-danger)}




.skqc-dot svg{width:16px;height:16px}




.skqc-row strong{font-size:13.5px;color:var(--sk-ink);font-weight:700}




.skqc-row p{margin:3px 0 0;font-size:12px;color:var(--sk-ink-soft);line-height:1.6}




/* ═══ انتخاب سؤالات (skqp) ═══ */




.skqp-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin-top:14px;align-items:start}




.skqp-side{position:sticky;top:16px}




.skqp-table{width:100%;border-collapse:collapse;font-size:12.5px}




.skqp-table th{text-align:right;font-size:11px;font-weight:700;color:var(--sk-ink-faint);padding:9px 10px;border-bottom:1px solid var(--sk-line);white-space:nowrap}




.skqp-table td{padding:11px 10px;border-bottom:1px solid var(--sk-line);color:var(--sk-ink);vertical-align:top}




.skqp-table tr:last-child td{border-bottom:0}




.skqp-table input[type=checkbox]{width:17px;height:17px;accent-color:var(--sk-amber);cursor:pointer}




.skqp-qbody{font-size:12.5px;color:var(--sk-ink);line-height:1.6;margin-bottom:6px;max-width:340px}




.skqp-sel{display:flex;flex-direction:column;gap:9px}




.skqp-item{border:1px solid var(--sk-line);border-radius:11px;padding:12px;background:var(--sk-surface-2)}




.skqp-item strong{font-size:12.5px;color:var(--sk-ink);display:block;margin:7px 0;line-height:1.6;font-weight:600}




.skqp-meta{display:flex;flex-wrap:wrap;gap:5px}




.skqp-pill{font-size:11px;font-weight:700;border-radius:7px;padding:3px 9px;background:var(--sk-surface);border:1px solid var(--sk-line);color:var(--sk-ink-soft)}




.skqp-pill.ok{background:var(--sk-ok-soft);border-color:var(--sk-ok-line);color:var(--sk-ok)}




.skqp-reorder{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:10px;font-family:inherit;font-size:12px;background:var(--sk-surface);color:var(--sk-ink);resize:vertical}




@media(max-width:920px){.skqp-layout{grid-template-columns:1fr}.skqp-side{position:static}}









/* انتخاب سؤال Pack-محور (تک‌ستونه) */




.skqp-pickbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}




.skqp-pickbar select{flex:1 1 280px;min-width:240px}




.skqp-pickbar input[type=search]{flex:1 1 220px;min-width:200px}




.skqp-prompt{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:34px 20px;border:1.5px dashed var(--sk-amber-line);border-radius:13px;background:var(--sk-amber-soft)}




.skqp-prompt svg{width:40px;height:40px;color:var(--sk-amber-deep);opacity:.65}




.skqp-prompt p{margin:0;font-size:13px;color:var(--sk-ink-soft)}




.skqp-none{text-align:center;color:var(--sk-ink-faint);font-size:13px;padding:24px}




.skqp-addbar{margin-top:14px;display:flex;justify-content:flex-end}




.skqp-selgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:11px}




.skqp-relabel{display:block;font-size:11.5px;font-weight:700;color:var(--sk-ink-soft);margin-bottom:6px}









/* اعطای دسترسی (direct grant) */




.skg-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:14px;align-items:start}




.skg-aside{position:sticky;top:16px}




.skg-radios{display:flex;flex-wrap:wrap;gap:9px}




.skg-radios label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--sk-line);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--sk-ink);cursor:pointer;background:var(--sk-surface-2)}




.skg-radios label:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skg-radios input{accent-color:var(--sk-amber)}




.skg-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;counter-reset:skg}




.skg-steps li{position:relative;list-style:none;padding:12px 14px;padding-inline-start:46px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface-2)}




.skg-steps li::before{counter-increment:skg;content:counter(skg, persian);position:absolute;inset-inline-start:13px;top:12px;width:24px;height:24px;border-radius:7px;background:var(--sk-amber);color:#181a1d;font-size:12.5px;font-weight:800;display:grid;place-items:center}




.skg-steps b{display:block;font-size:13px;color:var(--sk-ink);font-weight:700;margin-bottom:3px}




.skg-steps span{font-size:11.5px;color:var(--sk-ink-soft);line-height:1.6}




@media(max-width:880px){.skg-layout{grid-template-columns:1fr}.skg-aside{position:static}}









/* ── اصلاح فاصله + استایل فیلدهای خام grant ── */




.skd-kpis{margin-bottom:14px}




.skp-filters{margin-top:0}




.skg-layout .skb-field{margin-bottom:16px}




.skg-layout .skb-field:last-child{margin-bottom:0}




.skg-radios{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}




.skg-radios ul,.skg-radios>div{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;width:100%}




.skg-radios li,.skg-radios>div>div{list-style:none;margin:0}




.skg-radios label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sk-line);border-radius:11px;padding:11px 16px;font-size:13px;font-weight:600;color:var(--sk-ink);cursor:pointer;background:var(--sk-surface-2);transition:border-color .14s,background .14s,color .14s}




.skg-radios label:hover{border-color:var(--sk-amber-line)}




.skg-radios label:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.skg-radios input{accent-color:var(--sk-amber);margin:0;width:16px;height:16px}




.grant-input{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:13.5px;background:var(--sk-surface);color:var(--sk-ink);transition:border-color .14s}




.grant-input:focus{outline:none;border-color:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft)}




select.grant-input{cursor:pointer}




textarea.grant-input{resize:vertical;min-height:78px;line-height:1.7}




[data-theme=dark] .grant-input{background:var(--sk-surface);color:var(--sk-ink)}









/* ════════════════════════════════════════════════════════════════════




   پریمیتیوهای مشترک پنل — لیست ساده، کارت فکت، چک‌لیست، نوار اقدام




   (فقط با توکن‌ها؛ برای میز کار دوره، گزارش‌ها و مرکز تعاملات)




   ════════════════════════════════════════════════════════════════════ */




.sk-rows{display:flex;flex-direction:column}




.sk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--sk-line)}




.sk-row:last-child{border-bottom:0}




.sk-row>div{min-width:0}




.sk-row strong{display:block;font-size:13px;font-weight:700;color:var(--sk-ink)}




.sk-row small{display:block;font-size:11.5px;color:var(--sk-ink-faint);margin-top:2px;line-height:1.6}









.sk-factrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}




.sk-fact{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:13px;padding:14px 15px;display:flex;flex-direction:column;gap:6px}




.sk-fact__v{font-size:22px;font-weight:800;color:var(--sk-ink);letter-spacing:-.5px;line-height:1}




.sk-fact__l{font-size:11.8px;color:var(--sk-ink-soft);line-height:1.6}









.sk-checks{display:flex;flex-direction:column;gap:7px}




.sk-check{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sk-ink-soft)}




.sk-check b{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--sk-danger-soft,rgba(229,72,77,.12));color:var(--sk-danger);flex-shrink:0}




.sk-check.is-ok b{background:var(--sk-ok-soft,rgba(31,157,87,.12));color:var(--sk-ok)}




.sk-check.is-ok span{color:var(--sk-ink)}









/* نوار اقدام عمومی صفحه (وقتی .skb-actions مناسب فرم نیست) */




.sk-actionbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}




.sk-actionbar .sp{margin-inline-start:auto}









/* ════════════════════════════════════════════════════════════════════




   مرکز تعاملات — تب فرعی، فرم اکشن داخل ردیف، توگل تنظیمات




   ════════════════════════════════════════════════════════════════════ */




.sk-subnav{display:flex;flex-wrap:wrap;gap:6px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:13px;padding:6px;margin-bottom:14px;overflow-x:auto}




.sk-subnav a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:600;color:var(--sk-ink-soft);white-space:nowrap;transition:background .15s,color .15s}




.sk-subnav a:hover{background:var(--sk-surface-2);color:var(--sk-ink)}




.sk-subnav a.is-active{background:var(--sk-amber);color:#181a1d}




.sk-subnav__badge{background:var(--sk-danger);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;line-height:1.6}




.sk-subnav a.is-active .sk-subnav__badge{background:rgba(24,26,29,.18);color:#181a1d}









.sk-rowform{display:flex;flex-direction:column;gap:6px;min-width:148px}




.sk-rowform select,.sk-rowform textarea{width:100%;border:1px solid var(--sk-line);border-radius:9px;padding:7px 9px;background:var(--sk-surface-2);color:var(--sk-ink);font-family:inherit;font-size:12px}




.sk-rowform textarea{resize:vertical;min-height:34px}




.sk-rowform select:focus,.sk-rowform textarea:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}









.sk-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}




.sk-toggles label{display:flex;align-items:center;gap:10px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--sk-ink);cursor:pointer}




.sk-toggles label span{flex:1;min-width:0}




.sk-toggles input[type=checkbox]{width:18px;height:18px;accent-color:var(--sk-amber);flex-shrink:0}









/* ═══════════════════════════════════════════════════════════════════════




   بازطراحی سراسری «تخت و تمیز»  (الهام از داشبورد Cloudflare)




   ۱) فونت AzarMehr  ۲) حذف کامل سایه‌ها  ۳) شعاع کمتر برای باکس‌ها




   ۴) آیکون‌ها تک‌رنگ و بدون پس‌زمینه  ۵) بکگراند روشن و تمیز




   رنگ دکمه‌ها (کهربایی) و وضعیت‌های فعال دست‌نخورده می‌مانند.




   چون این بلوک در انتهای panel.css (آخرین فایل لودشده) است، سراسری برنده است.




   ═══════════════════════════════════════════════════════════════════════ */









/* ① فونت AzarMehr (متغیر، وزن ۱۰۰ تا ۹۰۰) */




@font-face{font-family:'AzarMehr';font-style:normal;font-weight:100 950;font-display:swap;src:url(../../fonts/azarmehr/AzarMehr.woff2?v=fontfix-20260711T152337Z) format('woff2')}









:root{




  --sk-r-sm:6px;--sk-r-md:8px;--sk-r-lg:8px;          /* شعاع کمتر (۸/۶) */




  --sk-font:'AzarMehr','PinarSK','Pinar','Vazirmatn',Tahoma,system-ui,sans-serif;




  --sk-ic:#33363b;                                      /* تک‌رنگ آیکون‌ها (روشن) */




}




:root:not([data-theme="dark"]){--sk-bg:#fafafa}        /* بکگراند تمیزتر فقط در حالت روشن */




[data-theme="dark"]{--sk-ic:#c9ccd1}                    /* تک‌رنگ آیکون‌ها (تیره) */









/* فونت روی کل بدنه و اجزای فرم */




.sk-body,.sk-body input,.sk-body select,.sk-body textarea,.sk-body button,




.tk-input,.tk-textarea,.tk-select-multiple{font-family:var(--sk-font)}









/* ② حذف کامل سایه‌ها در کل پنل (طراحی تخت) */




.sk-body *,.sk-body *::before,.sk-body *::after{box-shadow:none!important}









/* ③ شعاع کمتر برای باکس‌ها (۸px باکس‌های بزرگ · ۶px اجزای کوچک · پیل‌ها ۹۹۹) */




.skw-hero,.skd-hero,.skb-hero{border-radius:8px!important}




.skw-stat,.skw-card,.skw-link,.skw-empty,.skw-timeline,




.skd-kpi,.skd-panel,.skd-tile,.skd-link,.skd-chart,




.skq-card,.skq-filters,.skq-tablewrap,




.skb-card,.skb-actions,.skb-note,.skb-upload,




.sk-card,.sk-subnav,.sk-rowform{border-radius:8px!important}




.skw-tab,.sk-toggles label,.sk-ibtn,.sk-nav-ic,.sk-nav-caret,




.skd-kpi__ic,.skd-tile__ic,.skd-link__ic,.skd-empty__ic,




.skq-filters input,.skq-filters select,.sk-rowform select,.sk-rowform textarea,




.tk-input,.tk-textarea,.skb-control input,.skb-control select,.skb-control textarea{border-radius:6px!important}









/* ④ آیکون‌ها: یک‌رنگ، بدون پس‌زمینه، بدون هاله (نکتهٔ اصلیِ ظاهر باز و تمیز) */




.skd-kpi__ic,.skd-tile__ic,.skd-link__ic,.skd-empty__ic,




.skb-hero__ic,.skb-review__ic,.skb-upload__ic,




.sks-stat__ic,.sks-ph__ic,.sks-dhead__ic,.sks-handoff__ic{




  background:none!important;background-image:none!important;




  color:var(--sk-ic)!important;box-shadow:none!important;border:0!important;




}




/* در حالت فعال هم آیکون پس‌زمینه نگیرد */




.skd-tile.is-primary .skd-tile__ic,.skd-link:hover .skd-link__ic{background:none!important;color:var(--sk-ic)!important}









/* ⑤ بکگراند بدنه تمیز؛ کارت‌ها سفید با خط مرزی نازک (جداسازی بدون سایه) */




.sk-body{background:var(--sk-bg)}









/* ⑥ تیترها: وزن سنگین‌تر (۹۵۰) */




.sk-body h1,.sk-body h2,.sk-body h3,.sk-body h4{font-weight:600!important}









/* ⑦ نوار کناری: آیکون‌ها تک‌رنگ و بدون پس‌زمینهٔ رنگی (sk-nav-ic) */




.sk-nav-ic{background:none!important;color:var(--sk-ic)!important}




.sk-nav-link:hover .sk-nav-ic{background:none!important;color:var(--sk-ink)!important}




.sk-nav-link.is-active .sk-nav-ic{background:none!important;color:var(--sk-amber-deep)!important}









/* ═══════════════════════════════════════════════════════════════════════




   داشبورد لوکس — کارت‌های KPI و کاشی‌های حرفه‌ای (تخت، بدون سایه)




   چیدمان: برچسب بالا · عدد بزرگ · آیکون کهربایی گوشه · فاصلهٔ سخاوتمند




   ═══════════════════════════════════════════════════════════════════════ */









/* فاصله‌گذاری سخاوتمند (دسکتاپ) */




@media(min-width:1041px){.sk-content{padding:30px 34px!important}}




.skd{gap:15px}




.skd-kpis{gap:14px!important;margin-bottom:15px!important}




.skd-grid{gap:15px}




.skd-charts,.skd-charts2{gap:15px}









/* کارت KPI حرفه‌ای */




.skd-kpi{




  position:relative;min-height:116px;




  padding:22px 22px 19px!important;




  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;




  border:1px solid var(--sk-line);border-radius:8px!important;




  transition:border-color .18s var(--sk-ease),transform .18s var(--sk-ease),background .18s var(--sk-ease)




}




.skd-kpi:hover{border-color:var(--sk-amber-line);transform:translateY(-2px);background:linear-gradient(160deg,var(--sk-surface),color-mix(in srgb, var(--sk-amber) 4%, transparent))}




.skd-kpi__ic{




  position:absolute!important;top:19px;inset-inline-end:21px;




  width:auto!important;height:auto!important;border-radius:0!important;




  background:none!important;color:var(--sk-amber-deep)!important;opacity:.92;display:block




}




.skd-kpi__ic svg{width:23px;height:23px}




.skd-kpi__l{order:1;font-size:13px;font-weight:600;color:var(--sk-ink-soft);margin:0;letter-spacing:0}




.skd-kpi__v{order:2;font-size:34px;font-weight:800;color:var(--sk-ink);line-height:1.04;letter-spacing:-1px;}









/* کاشی‌های اقدام حرفه‌ای */




.skd-tile{align-items:flex-start;padding:19px 19px!important;gap:12px;border-radius:8px!important;transition:border-color .18s var(--sk-ease),transform .18s var(--sk-ease),background .18s var(--sk-ease)}




.skd-tile:hover{border-color:var(--sk-amber-line);transform:translateY(-2px)}




.skd-tile__ic{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:var(--sk-amber-deep)!important;display:block}




.skd-tile__ic svg{width:25px;height:25px}




.skd-tile.is-primary{background:var(--sk-amber);border-color:var(--sk-amber)}




.skd-tile.is-primary .skd-tile__ic,.skd-tile.is-primary strong,.skd-tile.is-primary small{color:#181a1d!important}




.skd-tile strong{font-size:14.5px;font-weight:800}









/* پنل‌ها و چارت‌ها: فاصلهٔ داخلی بیشتر، هیرو کمی نرم‌تر */




.skd-panel{padding:22px 24px!important;border-radius:8px!important}




.skd-chart{border-radius:8px!important}




.skd-hero{border-radius:10px!important}









/* آیکون لیست دسترسی سریع هم کهربایی (انسجام) */




.skd-link__ic{background:none!important;color:var(--sk-amber-deep)!important;opacity:.92}




.skd-link__ic svg{width:19px;height:19px}









/* ═══ فیلتر داشبورد KPI + دیت‌پیکر شمسی + لجند نمودار ═══ */




.kpi-filter{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:8px;padding:16px 18px;margin-bottom:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px;align-items:end}




.kpi-filter__f{display:flex;flex-direction:column;gap:6px;min-width:0}




.kpi-filter__f>label{font-size:12px;font-weight:600;color:var(--sk-ink-soft)}




.kpi-filter input,.kpi-filter select{height:40px;border:1px solid var(--sk-line);border-radius:8px;padding:0 12px;background:var(--sk-surface-2);color:var(--sk-ink);font-family:inherit;font-size:13px;width:100%;box-sizing:border-box}




.kpi-filter input::placeholder{color:var(--sk-ink-faint)}




.kpi-filter input:focus,.kpi-filter select:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}




.kpi-filter input[readonly]{cursor:pointer}




.kpi-filter__act{display:flex;gap:8px;align-items:end;flex-wrap:wrap}









/* لجند نمودار خطی/میله‌ای */




.tk-chart-legend{display:flex;flex-wrap:wrap;gap:13px;margin-top:10px;justify-content:center}




.tk-chart-legend span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--sk-ink-soft)}




.tk-chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}









/* نمودار دونات */




.tk-donut{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;padding-top:6px}




.tk-donut__ring{position:relative;flex-shrink:0}




.tk-donut__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}




.tk-donut__c b{font-size:22px;font-weight:800;color:var(--sk-ink);line-height:1}




.tk-donut__c span{font-size:11px;color:var(--sk-ink-faint);margin-top:2px}




.tk-donut__leg{display:flex;flex-direction:column;gap:7px;min-width:120px}




.tk-donut__leg>div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sk-ink-soft)}




.tk-donut__leg i{width:10px;height:10px;border-radius:3px;flex-shrink:0}




.tk-donut__leg span{flex:1}




.tk-donut__leg b{color:var(--sk-ink);font-weight:700}









/* دیت‌پیکر شمسی (پاپ‌آپ شناور؛ سایهٔ ظریف با اولویت کافی) */




.jdp-pop{position:absolute;z-index:1000;width:262px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:12px;padding:12px;font-family:var(--sk-font)}




.sk-body .jdp-pop{box-shadow:0 16px 42px -16px rgba(0,0,0,.42)!important}




.jdp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}




.jdp-navg{display:inline-flex;gap:5px}




.jdp-head b{font-size:14px;font-weight:800;color:var(--sk-ink)}




.jdp-head button{width:30px;height:30px;border:1px solid var(--sk-line);border-radius:7px;background:var(--sk-surface-2);color:var(--sk-ink);font-size:17px;cursor:pointer;line-height:1}




.jdp-head button:hover{border-color:var(--sk-amber);color:var(--sk-amber-deep)}




.jdp-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:3px}




.jdp-wd span{text-align:center;font-size:11px;color:var(--sk-ink-faint);font-weight:600;padding:4px 0}




.jdp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}




.jdp-grid>span{height:32px}




.jdp-d{height:32px;border:0;background:none;border-radius:7px;color:var(--sk-ink);font-size:12.5px;cursor:pointer;font-family:inherit}




.jdp-d:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}




.jdp-d.is-sel{background:var(--sk-amber);color:#181a1d;font-weight:800}




.jdp-foot{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--sk-line)}




.jdp-foot button{border:0;background:none;color:var(--sk-amber-deep);font-size:12.5px;cursor:pointer;font-weight:600;font-family:inherit}




.jdp-foot button:hover{text-decoration:underline}









/* تأکید KPI هشدار/خطر (داشبورد ادمین) */




.skd-kpi.is-warning{border-inline-start:3px solid var(--sk-amber-deep)}




.skd-kpi.is-danger{border-inline-start:3px solid var(--sk-danger)}




.skd-kpi.is-danger .skd-kpi__ic{color:var(--sk-danger)!important}









/* الیاس tone بج‌ها (گواهینامه و سایر صفحات دانشجو) */




.skq-badge.is-success{background:var(--sk-ok-soft);color:var(--sk-ok);border-color:var(--sk-ok-line)}




.skq-badge.is-warning{background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-color:var(--sk-amber-line)}




.skq-badge.is-danger{background:var(--sk-danger-soft);color:var(--sk-danger);border-color:var(--sk-danger-line)}




.skq-badge.is-info{background:rgba(99,102,241,.12);color:#6366f1;border-color:rgba(99,102,241,.28)}




.skq-badge.is-muted,.skq-badge.is-neutral{background:var(--sk-surface-2);color:var(--sk-ink-faint);border-color:var(--sk-line)}









/* فرم درون‌خطی details در کارت‌ها (دعوت/عضویت) */




.skb-inline{margin-top:2px}




.skb-inline summary{display:inline-flex;align-items:center}




.skb-inline summary::-webkit-details-marker{display:none}




.skb-inline summary::marker{content:""}









/* Global catalog axes (skills/tools not tied to one main category) */




.skb-global-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px;border-radius:999px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);border:1px solid var(--sk-amber-line);font-size:10.5px;font-weight:800;line-height:1.5}









/* 2026-07 — catalog designer: global axes are independent from categories */




.skcat-global{margin-top:12px}




.skcat-global-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,var(--sk-surface),var(--sk-surface-2));border:1px solid var(--sk-amber-line);border-radius:16px;padding:18px;box-shadow:0 16px 36px -28px rgba(24,26,29,.32)}




.skcat-global-card .ey{display:inline-flex;margin-bottom:5px;color:var(--sk-amber-deep);font-size:11px;font-weight:900}




.skcat-global-card h3{margin:0 0 5px;color:var(--sk-ink);font-size:16px;font-weight:900}




.skcat-global-card p{margin:0;color:var(--sk-ink-soft);font-size:12.5px;line-height:1.8}




.skcat-global-axes{min-width:0}




@media(max-width:840px){.skcat-global-card{grid-template-columns:1fr}.skcat-global-card .skcat-more{width:100%}}









/* 2026-07 — exam/course catalog-axis picker */




.skb-chips.is-axis-enhanced{display:none!important}




.skb-axis-picker{display:flex;flex-direction:column;gap:14px;width:100%}




.skb-axis-lead{border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink-soft);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.8}




.skb-axis-section{border:1px solid var(--sk-line);border-radius:16px;background:var(--sk-surface);padding:13px;display:flex;flex-direction:column;gap:10px;min-width:0}




.skb-axis-section__h{display:flex;align-items:center;justify-content:space-between;gap:10px}




.skb-axis-section__h b{font-size:13.5px;font-weight:900;color:var(--sk-ink)}




.skb-axis-section__h span{font-size:11.5px;font-weight:800;color:var(--sk-ink-faint);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:3px 8px;white-space:nowrap}




.skb-axis-search,.skb-axis-modal__search{height:40px;display:flex;align-items:center;gap:9px;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface-2);padding:0 11px;transition:border-color .15s,box-shadow .15s;background-color .15s}




.skb-axis-search:focus-within,.skb-axis-modal__search:focus-within{border-color:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft);background:var(--sk-surface)}




.skb-axis-search svg,.skb-axis-modal__search svg{width:17px;height:17px;color:var(--sk-ink-faint);flex-shrink:0}




.skb-axis-search input,.skb-axis-modal__search input{border:0;background:transparent;outline:0;width:100%;height:100%;font-family:inherit;font-size:13px;color:var(--sk-ink)}




.skb-axis-selected{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:28px}




.skb-axis-selected .lead{font-size:11.5px;font-weight:900;color:var(--sk-ink-faint)}




.skb-axis-selected .muted{font-size:12px;color:var(--sk-ink-faint)}




.skb-axis-selchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-radius:999px;padding:5px 9px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}




.skb-axis-selchip b{font-size:14px;line-height:1;color:inherit}




.skb-axis-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}




.skb-axis-item,.skb-axis-modal-item{min-height:38px;border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:11px;padding:8px 10px;display:flex;align-items:center;gap:9px;text-align:start;font-family:inherit;color:var(--sk-ink-soft);font-size:12.5px;font-weight:700;cursor:pointer;transition:.14s;min-width:0}




.skb-axis-item:hover,.skb-axis-modal-item:hover{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-ink)}




.skb-axis-item.is-checked,.skb-axis-modal-item.is-checked{border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-ink)}




.skb-axis-item .box,.skb-axis-modal-item .box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--sk-line-strong);background:var(--sk-surface);display:grid;place-items:center;flex-shrink:0;color:transparent}




.skb-axis-item .box svg,.skb-axis-modal-item .box svg{width:12px;height:12px}




.skb-axis-item.is-checked .box,.skb-axis-modal-item.is-checked .box{background:var(--sk-amber);border-color:var(--sk-amber);color:#181a1d}




.skb-axis-item .nm,.skb-axis-modal-item .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}




.skb-axis-full{height:36px;border:1px dashed var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-radius:11px;font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer}




.skb-axis-full:hover{filter:brightness(.98)}




.skb-axis-full[hidden]{display:none!important}




.skb-axis-empty{margin:0;color:var(--sk-ink-faint);font-size:12.5px;line-height:1.8}




.skb-axis-modal[hidden]{display:none!important}




.skb-axis-modal{position:fixed;inset:0;background:rgba(24,26,29,.55);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow:auto}




.skb-axis-modal__box{width:min(760px,100%);background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:20px;box-shadow:0 30px 80px -24px rgba(0,0,0,.45);overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:18px}




.skb-axis-modal__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--sk-line)}




.skb-axis-modal__h b{display:block;color:var(--sk-ink);font-size:17px;font-weight:900;margin-bottom:4px}




.skb-axis-modal__h span{color:var(--sk-ink-faint);font-size:12.5px;line-height:1.7}




.skb-axis-modal__h button{width:36px;height:36px;border:0;border-radius:10px;background:var(--sk-surface-2);color:var(--sk-ink-soft);font:inherit;font-size:22px;line-height:1;cursor:pointer}




.skb-axis-modal__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;max-height:430px;overflow-y:auto;scrollbar-width:thin;padding-inline-end:3px}




.skb-axis-modal__f{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--sk-line)}




body.skb-axis-modal-open{overflow:hidden}




@media(max-width:640px){




  .skb-axis-preview,.skb-axis-modal__list{grid-template-columns:1fr}




  .skb-axis-modal{padding:22px 10px}




  .skb-axis-modal__box{border-radius:16px;padding:14px}




  .skb-axis-modal__list{max-height:60vh}




}









/* 2026-07 — question-to-syllabus assignment step */




.skqs-card{position:relative}




.skqs-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}




.skqs-summary span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink-soft);border-radius:999px;padding:7px 11px;font-size:12.3px;font-weight:650}




.skqs-summary b{color:var(--sk-ink);font-weight:800}




.skqs-note{margin:0 0 12px}




.skqs-note.is-ok{border-color:var(--sk-ok-line);background:var(--sk-ok-soft);color:var(--sk-ok)}




.skqs-list{display:flex;flex-direction:column;gap:10px}




.skqs-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:12px;align-items:start;border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:16px;padding:12px;box-shadow:0 12px 26px rgba(15,23,42,.04)}




.skqs-q strong{display:block;margin-top:8px;font-size:13.2px;line-height:1.9;color:var(--sk-ink)}




.skqs-controls{display:flex;flex-direction:column;gap:7px}




.skqs-controls label{font-size:12.2px;font-weight:800;color:var(--sk-ink-soft)}




.skqs-select{min-height:88px;resize:vertical;background:var(--sk-surface-2)}




.skqs-select option{padding:7px 8px;border-radius:7px;margin:1px 0}




.skqs-text{min-height:38px;resize:vertical;font-size:12.5px;line-height:1.8}




.skqs-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}




.skqs-actions small{color:var(--sk-ink-faint);font-size:12.2px;line-height:1.9}




.skw-axis-tags{align-items:flex-start}




.skw-axis-tags .skw-axis-label{background:var(--sk-surface-2);color:var(--sk-ink-soft);border-style:dashed;font-weight:800}




@media (max-width:780px){




  .skqs-row{grid-template-columns:1fr}




  .skqs-select{min-height:120px}




  .skqs-actions{align-items:stretch}




  .skqs-actions .sk-btn{width:100%;justify-content:center}




}




.skb-syl__row--no-weight{grid-template-columns:26px 1.1fr 1.5fr 34px}




@media (max-width:640px){.skb-syl__row--no-weight{grid-template-columns:26px 1fr 34px}.skb-syl__row--no-weight .skb-syl__d{grid-column:2/-1}}




.skw-tags--mini{gap:5px;margin-top:6px}




.skw-tags--mini span{font-size:11px;padding:4px 7px;border-radius:999px}














.skb-axis-alert{margin:0;border:1px solid rgba(220,38,38,.18);background:rgba(220,38,38,.06);color:#b42318;border-radius:11px;padding:8px 10px;font-size:12.5px;font-weight:800;line-height:1.7}




.skb-axis-alert[hidden]{display:none!important}




.skftq{display:flex;flex-direction:column;gap:10px}.skftq-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:13px;padding:10px 12px;color:var(--sk-ink-soft);font-size:12.5px;line-height:1.8}.skftq-head b{color:var(--sk-ink);white-space:nowrap}.skftq-list{display:grid;grid-template-columns:1fr;gap:9px;max-height:420px;overflow-y:auto;scrollbar-width:thin;padding-inline-end:3px}.skftq-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:14px;padding:10px;transition:.14s}.skftq-card:hover{border-color:var(--sk-amber-line);box-shadow:0 12px 30px -24px rgba(0,0,0,.45)}.skftq-card.is-selected{border-color:var(--sk-amber);background:var(--sk-amber-soft)}.skftq-card__main{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer;margin:0;flex:1}.skftq-card__main input{position:absolute;opacity:0;pointer-events:none}.skftq-check{width:22px;height:22px;border-radius:8px;border:1.5px solid var(--sk-line-strong);background:var(--sk-surface);display:grid;place-items:center;color:transparent;flex-shrink:0}.skftq-check svg{width:14px;height:14px}.skftq-card.is-selected .skftq-check{background:var(--sk-amber);border-color:var(--sk-amber);color:#181a1d}.skftq-title{display:flex;flex-direction:column;gap:3px;min-width:0}.skftq-title b{font-size:13px;font-weight:900;color:var(--sk-ink)}.skftq-title small{font-size:11.5px;color:var(--sk-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skftq-open{border:1px dashed var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-radius:11px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.skftq-empty{border:1px dashed var(--sk-line);border-radius:14px;padding:14px;color:var(--sk-ink-faint);font-size:13px}.skftq-modal[hidden]{display:none!important}.skftq-modal{position:fixed;inset:0;background:rgba(24,26,29,.58);backdrop-filter:blur(2px);z-index:230;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow:auto}.skftq-modal__box{width:min(820px,100%);background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:20px;box-shadow:0 30px 80px -24px rgba(0,0,0,.45);overflow:hidden;display:flex;flex-direction:column;gap:0}.skftq-modal__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--sk-line)}.skftq-modal__h b{display:block;color:var(--sk-ink);font-size:17px;font-weight:900;margin-bottom:4px}.skftq-modal__h span{color:var(--sk-ink-faint);font-size:12.5px;line-height:1.7}.skftq-modal__h button{width:36px;height:36px;border:0;border-radius:10px;background:var(--sk-surface-2);color:var(--sk-ink-soft);font:inherit;font-size:22px;line-height:1;cursor:pointer}.skftq-modal__content{padding:18px;max-height:62vh;overflow-y:auto;scrollbar-width:thin;line-height:1.95;color:var(--sk-ink)}.skftq-modal-meta{display:inline-flex;border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:999px;padding:5px 10px;color:var(--sk-ink-faint);font-size:12px;font-weight:800;margin-bottom:12px}.skftq-modal-body{font-size:14px}.skftq-modal-body p{margin:.45em 0}.skftq-options{margin-top:16px;border-top:1px solid var(--sk-line);padding-top:12px}.skftq-options>b{display:block;margin-bottom:8px;font-size:13px;color:var(--sk-ink-soft)}.skftq-options ol{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px}.skftq-options li{border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:11px;padding:9px 11px}.skftq-modal__f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--sk-line);background:var(--sk-surface-2)}.skftq-modal-select{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--sk-ink);cursor:pointer}.skftq-modal-select input{width:18px;height:18px;accent-color:var(--sk-amber)}body.skftq-modal-open{overflow:hidden}@media(max-width:700px){.skftq-head,.skftq-card,.skftq-modal__f{align-items:stretch;flex-direction:column}.skftq-open{width:100%}.skftq-modal{padding:22px 10px}.skftq-modal__box{border-radius:16px}.skftq-modal__content{max-height:58vh}}














/* =====================================================================




   PANEL POLISH v1 — پوستهٔ بعد از لاگین (base_panel)




   ۱) عناوین با پینار  ۲) برند = لوگوی اصلی، هم‌قد تاپ‌بار




   ۳) کرت: بسته=چپ، باز=پایین  ۴) اسکرول مویی منو




   ۵) لینک منو بدون گردی  ۶) دکمهٔ آیکونی بدون قاب  ۷) دکمه‌ها راست‌چین




   ۸) آواتار نقش بدون پس‌زمینه  ۹) محو پیام‌ها




   ===================================================================== */




.sk-body{--sk-font-heading:'Pinar','AzarMehr','PinarSK','Vazirmatn',Tahoma,system-ui,sans-serif}




.sk-body h1,.sk-body h2,.sk-body h3,.sk-body h4,.sk-body h5,.sk-body h6{font-family:var(--sk-font-heading)}




.sk-brand{height:64px;padding:0 18px;align-items:center}




.sk-brand .sk-logo{height:32px;width:auto;display:block}




.sk-brand .sk-logo--night{display:none}




[data-theme="dark"] .sk-brand .sk-logo--day{display:none}




[data-theme="dark"] .sk-brand .sk-logo--night{display:block}




.sk-nav-caret svg{transform:rotate(90deg)}




.sk-nav-caret svg path{stroke-width:1.5}




.sk-nav-group.is-open>.sk-nav-row .sk-nav-caret svg{transform:rotate(0deg)}




.sk-nav{scrollbar-width:thin;scrollbar-color:var(--sk-line) transparent;overscroll-behavior:contain}




.sk-nav::-webkit-scrollbar{width:5px}




.sk-nav::-webkit-scrollbar-track{background:transparent}




.sk-nav::-webkit-scrollbar-thumb{background:var(--sk-line);border:1.5px solid transparent;background-clip:content-box;border-radius:999px}




.sk-nav:hover::-webkit-scrollbar-thumb{background:var(--sk-line-strong);border:1.5px solid transparent;background-clip:content-box}




.sk-nav-link{border-radius:0}




.sk-ibtn{border:none}




.sk-body button{text-align:right}




.sk-role-btn .av{background:none;color:#000}




[data-theme="dark"] .sk-role-btn .av{color:var(--sk-ink)}




.sk-msg{transition:opacity .35s var(--sk-ease),transform .35s var(--sk-ease)}




.sk-msg.is-hide{opacity:0;transform:translateY(-5px)}









.sk-role-item .ic{display:grid;place-items:center;width:18px;flex-shrink:0}




.sk-role-item .ic svg{width:16px;height:16px}









/* چیپ موجودی کیف پول (تاپ‌بار آزمون‌ساز) */




.sk-wallet-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;




  background:var(--sk-amber,var(--sk-amber));color:#181a1d;text-decoration:none;




  transition:transform .16s var(--sk-ease),box-shadow .16s var(--sk-ease)}




.sk-wallet-chip:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(207,154,0,.75)}




.sk-wallet-chip svg{width:17px;height:17px;flex-shrink:0}




.sk-wallet-chip b{font-weight:900;font-size:13.5px;line-height:1}




.sk-wallet-chip span{font-weight:600;font-size:11px;opacity:.72;line-height:1}




[data-theme="dark"] .sk-wallet-chip{box-shadow:none}
/* در تم تیره «.sk-body a{color:inherit}» رنگ مشکی چیپ را با متن روشن بدنه جایگزین می‌کرد؛ این قانون با اختصاصیت بالاتر متن را روی زمینهٔ زرد مشکی نگه می‌دارد. */
html[data-theme="dark"] .sk-wallet-chip,html[data-theme="dark"] .sk-wallet-chip b,html[data-theme="dark"] .sk-wallet-chip span{color:#181a1d}









/* =====================================================================




   SKD FLAT PREMIUM v1 — بازطراحی تخت/مینیمال داشبوردها (مشترک همهٔ نقش‌ها)




   ریتم واحد: ۱۶px بیرونی / ۱۲px تودرتو · بدون گرادیان و سایه · آیکون مشکی




   ===================================================================== */




/* —— ریتم عمودی/افقی یکدست —— */




.skd{gap:16px}




.skd-kpis,.skd-charts,.skd-charts2,.skd-grid{gap:16px}




.skd-tiles,.skd-links{gap:12px}




/* —— هیرو: تخت، بدون لکهٔ گرادیان، چیدمان دوستونهٔ تراز —— */




.skd-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 28px;




  padding:26px 28px;border-radius:16px}




.skd-hero::after{content:none}




.skd-hero__eyebrow{background:none;border:none;padding:0;border-radius:0;gap:8px;




  font-size:11.5px;font-weight:700;letter-spacing:.2px;color:var(--sk-ink-faint)}




.skd-hero__eyebrow::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--sk-amber);flex-shrink:0}




.skd-hero h1{font-size:23px!important;font-weight:800!important;letter-spacing:-.3px;text-align:right;line-height:1.35}




.skd-hero p{margin-top:2px;line-height:1.85}




.skd-hero__r{align-self:center}




/* —— KPI: آمار سردبیری تخت — لیبل راست، آیکون مشکی چپ، عدد بزرگ زیر —— */




.skd-kpi{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l ic" "v v";




  align-items:start;gap:16px 10px;padding:20px 22px;border-radius:14px}




.skd-kpi:hover{border-color:var(--sk-line-strong);transform:none}




.skd-kpi__l{grid-area:l;font-size:12.5px;font-weight:600;color:var(--sk-ink-soft)}




.skd-kpi__ic{grid-area:ic;width:auto;height:auto;background:none;border-radius:0;color:var(--sk-ink)}




.skd-kpi__ic svg{width:20px;height:20px}




.skd-kpi__v{grid-area:v;font-size:30px;letter-spacing:-.6px}




.skd-kpi.is-dark .skd-kpi__ic,.skd-kpi.is-warn .skd-kpi__ic{background:none}




.skd-kpi.is-dark .skd-kpi__ic{color:var(--sk-amber)}




/* —— کارت چارت/پنل: پوستهٔ یکسان، بدون سایه، بدنهٔ هم‌قد —— */




.skd-chart,.skd-panel{border-radius:14px;padding:20px 22px}




.skd-chart{box-shadow:none!important}




.skd-chart__h{margin-bottom:8px}




.skd-chart__h h3{font-size:15px}




.skd-chart__h p{font-size:12px}




.skd-chart__big{font-size:22px}




.skd-chart__body{min-height:200px}




.skd-panel__h{margin-bottom:14px}




.skd-panel__h .acc{width:4px;height:16px;border-radius:2px}




.skd-panel__h h2{font-size:16px}




/* —— تایل‌ها و لینک‌ها: تخت، آیکون مشکی، هاور فقط با قاب —— */




.skd-tile{border-radius:12px;padding:16px;gap:8px}




.skd-tile:hover{transform:translateY(-1px);box-shadow:none;border-color:var(--sk-amber)}




.skd-tile__ic{width:38px;height:38px;border-radius:10px;color:var(--sk-ink)}




.skd-tile__ic svg{width:20px;height:20px}




.skd-tile.is-primary{background:var(--sk-amber);border-color:transparent}




.skd-tile.is-primary:hover{background:var(--sk-amber-deep);box-shadow:none}




.skd-link__ic{color:var(--sk-ink)}




/* —— حالت خالی جمع‌وجور —— */




.skd-empty{gap:8px;padding:30px 0}




.skd-empty__ic{width:48px;height:48px}




.skd-empty__ic svg{width:22px;height:22px}









/* =====================================================================




   PANEL POLISH v2




   ۱) آیکون‌های داشبورد مشکی و بزرگ‌تر (بازتعریف --sk-ic به جای جنگ با !important)




   ۲) حذف مارجین سرگردان skd-kpis — ریتم عمودی سراسری ۱۶px




   ۳) دکمهٔ جمع/باز کردن سایدبار (فقط دسکتاپ، با حافظه)




   ===================================================================== */




.sk-body{--sk-ic:var(--sk-ink)}




.skd-kpi__ic svg{width:24px;height:24px}




.skd-kpi.is-dark .skd-kpi__ic{color:var(--sk-amber)!important}




.skd-kpis{margin-bottom:0}




/* —— سایدبار جمع‌شونده —— */




.sk-sidebar{transition:width .22s var(--sk-ease)}




.sk-brand-mini{display:none}




/* دکمهٔ جمع/باز منو: ردیف بومی سایدبار، بالای خروج */




.sk-side-toggle{width:100%;background:none;border:0;cursor:pointer;font:inherit;margin-top:6px}




.sk-side-toggle .sk-nav-ic svg{transition:transform .22s var(--sk-ease)}




@media(min-width:761px){




  html.sk-side-min .sk-sidebar{width:78px}




  html.sk-side-min .sk-brand{justify-content:center;padding:0}




  html.sk-side-min .sk-brand .sk-logo{display:none!important}




  html.sk-side-min .sk-brand-mini{display:grid;place-items:center;color:var(--sk-amber)}




  html.sk-side-min .sk-brand-mini svg{width:26px;height:26px}




  html.sk-side-min .sk-nav-label,html.sk-side-min .sk-nav-badge,




  html.sk-side-min .sk-nav-caret,html.sk-side-min .sk-nav-children{display:none}




  html.sk-side-min .sk-nav-link{justify-content:center;padding:12px 0;gap:0}




  html.sk-side-min .sk-nav-row{justify-content:center}




  html.sk-side-min .sk-side-toggle .sk-nav-ic svg{transform:scaleX(-1)}




}




@media(max-width:760px){.sk-side-toggle{display:none}}









/* به‌روزرسانی طبق طراحی کارفرما */




.skd-kpis{gap:14px!important;margin-bottom:0!important}




.sk-role-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--sk-line-strong);




  border-radius:var(--sk-r-md);padding:7px 0px 7px 13px;background:var(--sk-surface);transition:.15s}









/* =====================================================================




   PANEL POLISH v3 — UI ENGINEERING PASS (نظم کلادفلری)




   ۱) بوم خاکستری واقعی → کارت سفید با مرز خوانا جدا می‌شود




   ۲) مقیاس تایپ: سلطهٔ وزن ۹۵۰ شکست — سراسری ۸۰۰، تیتر کارت‌ها ۷۰۰




   ۳) میان‌تُن‌ها فعال (ink-soft به جای faint در زیرمتن‌ها)




   ۴) هندسهٔ سخت‌گیر: هدر کارت هم‌قد، KPI هم‌ارتفاع، پدینگ واحد




   ۵) سایدبار فشرده‌تر برای اسکن سریع




   ===================================================================== */




/* —— ۱) بوم و جداسازی —— */




.sk-body{--sk-bg:#f2f3f5}




[data-theme="dark"] .sk-body{--sk-bg:#0b0c0e}




/* —— ۲) مقیاس تایپوگرافی —— */




.sk-body h1,.sk-body h2,.sk-body h3,.sk-body h4{font-weight:800!important}




.skd-hero h1{font-size:23px!important;font-weight:700!important;letter-spacing:-.3px}




.skd-panel__h h2{font-size:15px!important;font-weight:700!important}




.skd-chart__h h3{font-size:14.5px!important;font-weight:700!important}




.skd-kpi__v{font-size:28px;font-weight:700}




/* —— ۳) میان‌تُن‌ها —— */




.skd-chart__h p{color:var(--sk-ink-soft)}




.skd-hero p{color:var(--sk-ink-soft)}




/* —— ۴) هندسه —— */




.skd-hero{padding:22px 26px}




.skd-chart,.skd-panel{padding:18px 20px}




.skd-chart__h{min-height:46px}




.skd-kpi{min-height:104px;padding:18px 20px}




/* —— ۵) سایدبار فشرده —— */




.sk-nav{padding:10px}




.sk-nav-link{padding:8px 10px;font-size:13px}




.sk-nav-ic{width:20px;height:20px}




.sk-nav-ic svg{width:18px;height:18px}




.sk-nav-child{padding:7px 12px;font-size:12px}









/* =====================================================================




   PANEL POLISH v4 — پاسخ به نقد ۸‌ماده‌ای




   ۱) مهار فضای خالی  ۲) KPI اسکن‌پذیر  ۳) هیروی تک‌ستونه با اکشن زیر متن




   ۴) جستجوی تاپ‌بار  ۵) میان‌تُن #60646c  ۶) سایدبار آرام + اکتیو ظریف




   ۷) هدر واقعی کارت‌ها با خط جداکننده  ۸) کامپوزیسیون دونات+لجند




   ===================================================================== */




/* ۵) میان‌تُن‌های دقیق */




.sk-body{--sk-ink-soft:#60646c;--sk-ink-faint:#8b8f95}




[data-theme="dark"] .sk-body{--sk-ink-soft:#a6aab0;--sk-ink-faint:#6b7077}




/* ۶) سایدبار: زیرساخت، نه قوی‌ترین عنصر */




.sk-sidebar{background:var(--sk-bg)}




.sk-nav-link.is-active{background:color-mix(in srgb, var(--sk-amber) 8%, transparent);border-inline-start:3px solid var(--sk-amber);padding-inline-start:7px;font-weight:700}




/* ۴) جستجوی تاپ‌بار */




.sk-topsearch{display:flex;align-items:center;gap:9px;flex:1;max-width:430px;height:38px;padding:0 13px;




  border:1px solid var(--sk-line);border-radius:10px;background:var(--sk-surface);color:var(--sk-ink-faint);




  transition:border-color .15s}




.sk-topsearch:focus-within{border-color:var(--sk-line-strong);color:var(--sk-ink-soft)}




.sk-topsearch svg{width:15px;height:15px;flex-shrink:0}




.sk-topsearch input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:12.5px;color:var(--sk-ink)}




.sk-topsearch input::placeholder{color:var(--sk-ink-faint)}




@media(max-width:920px){.sk-topsearch{display:none}}




/* ۳+۱) هیرو: تک‌ستونه، اکشن‌ها زیر متن، جمع‌وجور */




.skd-hero{grid-template-columns:1fr;gap:7px;padding:22px 26px}




.skd-hero__r{margin-top:10px;justify-self:start}




/* ۲) KPI: عدد قهرمان کارت */




.skd-kpi{gap:12px 10px}




.skd-kpi__v{font-size:33px;font-weight:800;letter-spacing:-.8px}




/* ۷) هدر واقعی کارت با خط جداکنندهٔ تمام‌عرض */




.skd-chart__h{align-items:center;min-height:0;margin:-18px -20px 16px;padding:12px 20px;border-bottom:1px solid var(--sk-line)}




.skd-chart__h p{margin-top:2px}




.skd-chart__big{font-size:20px}




.skd-panel__h{margin:-18px -20px 16px;padding:12px 20px;border-bottom:1px solid var(--sk-line)}




/* ۸) کامپوزیسیون دونات: چارت بزرگ‌تر + جدول لجند تراز */




.skd-donut{display:flex;align-items:center;justify-content:center;gap:30px;width:100%}




.skd-donut-wrap svg{width:150px;height:150px}




.skd-legend{flex:0 1 220px;display:flex;flex-direction:column;gap:9px}




.skd-leg{display:flex;align-items:center;gap:9px;font-size:12.5px}




.skd-leg__c{width:9px;height:9px;border-radius:3px;flex-shrink:0}




.skd-leg__l{flex:1;color:var(--sk-ink-soft);font-weight:500}




.skd-leg__v{font-weight:800;color:var(--sk-ink);font-size:13px}




.skd-donut-center b{font-size:21px;font-weight:800}




/* ۱) مهار ارتفاع حالت خالی */




.skd-chart__body{min-height:170px}




.skd-empty{padding:20px 0}









/* =====================================================================




   PANEL POLISH v4.1 — مقادیر نهایی کارفرما




   گپ سراسری: افقی ۱۰ / عمودی ۱۲ · سایدبار باریک‌تر با خط جداکننده




   ===================================================================== */




.sk-body{--sk-bg:#FBFBFB}




.skd{gap:12px}




.skd-kpis{gap:12px 10px!important;margin-bottom:0!important}




.skd-charts,.skd-charts2,.skd-grid,.skd-tiles,.skd-links{gap:12px 10px}




.sk-sidebar{width:246px;border-inline-start:1px solid var(--sk-line)}




.skd-kpi__ic{grid-area:ic;width:auto;height:auto;background:none;border-radius:0;color:var(--sk-ink)!important}




.skd-kpi__ic svg{width:32px;height:32px}









/* =====================================================================




   PANEL POLISH v4.2 — پوستهٔ سراسری کارت‌ها + خط قطعی سایدبار




   ===================================================================== */




/* خط جداکنندهٔ سایدبار — قطعی، بدون امکان حذف توسط لایه‌های دیگر */




/* در RTL سمت رو به محتوا = inline-end (چپ). start لبهٔ مانیتور بود و دیده نمی‌شد */




.sk-sidebar{border-inline-end:1px solid #e1e1e1!important;border-inline-start:0!important}




[data-theme="dark"] .sk-sidebar{border-inline-end:1px solid var(--sk-line)!important}




/* پوستهٔ واحد همهٔ کارت‌های پنل (سراسری، طبق طراحی کارفرما) */




.skd-hero,.skd-kpi,.skd-chart,.skd-panel,.skd-tile,.skw-stat,.skw-card,.skq-card,.skq-form,.skqd-col,.skqd-pv,.skb-card,.skb-hero,.skb-panel,.skcat-card,.sks-detail,.sk-card,.sk-dhero,.sk-hcard,.sk-phero,.sk-stat,.sk-tile,.sk-flowcard,.sk-note-card,.sk-wscard,.kpi-filter{




  border:1px solid #e1e1e1;




  box-shadow:0 1px 2px rgba(0,0,0,.02)!important;




}




/* استثناهای عمدی */




.skd-tile.is-primary{border-color:transparent}




.skd-kpi.is-dark{border-color:var(--sk-charcoal)}




[data-theme="dark"] .skd-hero,[data-theme="dark"] .skd-kpi,[data-theme="dark"] .skd-chart,[data-theme="dark"] .skd-panel,[data-theme="dark"] .skd-tile,[data-theme="dark"] .skw-stat,[data-theme="dark"] .skw-card,[data-theme="dark"] .skq-card,[data-theme="dark"] .skq-form,[data-theme="dark"] .skqd-col,[data-theme="dark"] .skqd-pv,[data-theme="dark"] .skb-card,[data-theme="dark"] .skb-hero,[data-theme="dark"] .skb-panel,[data-theme="dark"] .skcat-card,[data-theme="dark"] .sks-detail,[data-theme="dark"] .sk-card,[data-theme="dark"] .sk-dhero,[data-theme="dark"] .sk-hcard,[data-theme="dark"] .sk-phero,[data-theme="dark"] .sk-stat,[data-theme="dark"] .sk-tile,[data-theme="dark"] .sk-flowcard,[data-theme="dark"] .sk-note-card,[data-theme="dark"] .sk-wscard,[data-theme="dark"] .kpi-filter{border-color:var(--sk-line);box-shadow:none!important}




/* آیکون KPI طبق مقادیر کارفرما */




.skd-kpi__ic{grid-area:ic;width:auto;height:auto;background:none;border-radius:0;color:#3a3a3a!important}




.skd-kpi__ic svg{width:30px;height:30px}




[data-theme="dark"] .skd-kpi__ic{color:var(--sk-ink)!important}




.skd-kpi.is-dark .skd-kpi__ic{color:var(--sk-amber)!important}









/* =====================================================================




   PANEL POLISH v4.3 — my-exams و اجزای سراسری




   ===================================================================== */




/* KPI طبق مقادیر کارفرما */




.skd-kpi__v{font-size:28px;font-weight:600;letter-spacing:-.8px}




/* هیرویی که باکس آمار دارد: دوستونه — آمار سمت چپ، وسطچین (خلأ پر می‌شود) */




.skd-hero:has(.skd-hero__r--stat){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 40px}




.skd-hero__r--stat{margin-top:0;justify-self:end}




/* sk-fact: نوار آمار تخت — سلول‌های هم‌عرض با خط جداکننده، بدون پرشدگی خاکستری */




.sk-factrow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;




  border:1px solid #e1e1e1;border-radius:10px;overflow:hidden}




.sk-fact{background:none;border:0;border-radius:0;padding:10px 14px;gap:3px;align-items:flex-start}




.sk-fact+.sk-fact{border-inline-start:1px solid var(--sk-line)}




.sk-fact__l{order:-1;font-size:11px;font-weight:500;color:var(--sk-ink-soft)}




.sk-fact__v{font-size:16px;font-weight:700;color:var(--sk-ink);line-height:1.25}




[data-theme="dark"] .sk-factrow{border-color:var(--sk-line)}




/* اکشن‌های کارت با آیکون */




.skq-card__act a,.skq-card__act button{gap:6px}




.skq-card__act svg{width:14px;height:14px;flex-shrink:0}




.skq-act-off{display:inline-flex;align-items:center;gap:6px;color:var(--sk-ink-faint);font-size:12px;padding:6px 11px}




.skq-act-off svg{width:13px;height:13px}









/* =====================================================================




   PANEL POLISH v4.4 — هاور یکپارچهٔ ردیف منو + والد بازشونده




   ===================================================================== */




.sk-nav-row{border-radius:0}




.sk-nav-row:hover{background:var(--sk-surface-2)}




.sk-nav-row:hover .sk-nav-link{color:var(--sk-ink)}




.sk-nav-row:hover .sk-nav-ic{color:var(--sk-ink)!important}




.sk-nav-row:hover .sk-nav-caret{color:var(--sk-ink);background:none}




.sk-nav-link:hover{background:none;color:var(--sk-ink)}




.sk-nav-caret:hover{background:none}




/* والد دارای زیرمنو = دکمه */




button.sk-nav-link{background:none;border:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;line-height:inherit;text-align:right;width:auto}




.sk-nav-row .sk-nav-link{flex:1;min-width:0}









/* =====================================================================




   PANEL POLISH v4.5 — بندانگشتی تصویر دوره/آزمون در کارت‌های دانشجو




   ===================================================================== */




.skq-card__top{display:flex;gap:12px;align-items:flex-start}




.skq-thumb{width:62px;height:62px;flex-shrink:0;border-radius:12px;overflow:hidden;




  background:var(--sk-surface-2);border:1px solid var(--sk-line);display:grid;place-items:center;color:var(--sk-ink-faint)}




.skq-thumb img{width:100%;height:100%;object-fit:cover}




.skq-thumb img.is-logo{object-fit:contain;padding:8px;background:#fff}




.skq-thumb svg{width:22px;height:22px}




.skq-card__head{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}









/* =====================================================================




   PANEL POLISH v4.6 — کاور تمام‌عرض بالای کارت (هم‌زبان کارت مارکت‌پلیس)




   ===================================================================== */




.skq-cover{position:relative;aspect-ratio:16/9;margin:-16px -18px 4px;overflow:hidden;




  background:var(--sk-surface-2);display:grid;place-items:center;color:var(--sk-ink-faint)}




.skq-cover img{width:100%;height:100%;object-fit:cover;display:block}




.skq-cover img.is-logo{object-fit:contain;padding:24px;background:#fff}




.skq-cover__ph svg{width:30px;height:30px}




.skq-cover__meta{position:absolute;top:12px;inset-inline-start:12px;margin:0;display:flex;gap:6px;flex-wrap:wrap}




.skq-cover__meta .skq-badge{box-shadow:0 2px 10px rgba(0,0,0,.16)}




.skq-cat{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--sk-ink-soft)}




.skq-cat i{width:7px;height:7px;border-radius:50%;background:var(--sk-amber);flex-shrink:0}









/* ===== PANEL POLISH v4.7 — گرید ۴تایی کارت آزمون ===== */




.skq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}




@media(max-width:1200px){.skq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}




@media(max-width:940px){.skq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}




@media(max-width:600px){.skq-grid{grid-template-columns:1fr}}









/* =====================================================================




   PANEL POLISH v4.8 — پیام‌ها به صورت توست شناور + مقادیر کارفرما




   ===================================================================== */




/* توست وسط صفحه، خوانا: فونت بزرگ‌تر، پس‌زمینهٔ یکدست، سایهٔ عمیق */




.sk-toasts{position:fixed;top:18px;inset-inline:0;display:flex;flex-direction:column;align-items:center;




  gap:10px;z-index:200;pointer-events:none;padding:0 16px}




.sk-toasts .sk-msg{pointer-events:auto;margin:0;min-width:320px;max-width:min(560px,92vw);text-align:center;




  font-size:14px;font-weight:600;line-height:1.9;padding:15px 24px;border-radius:14px;border-width:1.5px;




  box-shadow:0 22px 60px -20px rgba(0,0,0,.38);animation:sk-toast-in .26s var(--tk-ease,ease)}




.sk-toasts .sk-msg.alert-success{background:#eefaf3}




.sk-toasts .sk-msg.alert-error,.sk-toasts .sk-msg.alert-danger{background:#fdf1f1}




.sk-toasts .sk-msg.alert-warning{background:#fdf7e7}




.sk-toasts .sk-msg.alert-info{background:#f1f6fd}




[data-theme="dark"] .sk-toasts .sk-msg{background:var(--sk-surface-2)}




@keyframes sk-toast-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}




@media (prefers-reduced-motion:reduce){.sk-toasts .sk-msg{animation:none}}




/* مقادیر کارفرما */




.sk-fact{background:none;border:0;border-radius:0;padding:10px 14px;gap:3px;align-items:center}




.skq-badge{display:inline-flex;align-items:center;font-size:9.5px;font-weight:600;padding:4px 9px;




  border-radius:999px;background:var(--sk-surface-2);color:var(--sk-ink-soft);border:1px solid var(--sk-line);white-space:nowrap}









/* بج «باز شده» — سبز توپُر طبق طراحی کارفرما */




.skq-badge.is-ok{background:rgb(31 157 87);color:#ffffff;border-color:var(--sk-ok-line)}









/* ===== sk-fact ROWS — هر آیتم یک ردیف: لیبل راست، مقدار چپ ===== */




.sk-factrow{display:flex;flex-direction:column;grid-auto-flow:unset;grid-auto-columns:unset}




.sk-fact{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px}




.sk-fact+.sk-fact{border-inline-start:0;border-top:1px solid #ececec}




.sk-fact__v{font-size:14px}




[data-theme="dark"] .sk-fact+.sk-fact{border-top-color:var(--sk-line)}









/* ===== skw-stat FIX — لیبل بالا، عدد بزرگ پایین، جدا از هم ===== */




.skw-stat{display:flex;flex-direction:column;gap:6px;padding:14px 16px}




.skw-stat__l{font-size:11.5px;font-weight:500;color:var(--sk-ink-soft)}




.skw-stat__v{font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0}








/* ===== TOAST OPAQUE FALLBACK — هیچ توستی شفاف نباشد ===== */



.sk-toasts .sk-msg{background:#fff}



[data-theme="dark"] .sk-toasts .sk-msg{background:var(--sk-surface-2)}







/* ===== PANEL POLISH v5 — ریتم یکسان آیتم‌های منو + فونت بزرگ‌تر سطح اول ===== */



/* پدینگ بیرونی کانتینر زیرمنو حتی در حالت بسته فضا می‌گرفت؛ فاصلهٔ حالت باز از عنصر داخلی می‌آید */



.sk-nav-children{padding:0}



/* فونت آیتم‌های سطح اول (با و بدون زیرمنو) — زیرمنوها دست‌نخورده */



.sk-nav-link{font-size:14px}



button.sk-nav-link{font-size:14px}







/* ===== NAV FONT UNIFY — لینک و دکمهٔ سطح اول دقیقاً هم‌قد و هم‌وزن ===== */



.sk-nav-row .sk-nav-link,.sk-nav-row button.sk-nav-link{



  font-size:14px!important;font-weight:600!important;line-height:1.7!important;letter-spacing:0!important}







/* لوگوی برند سایدبار — طبق طراحی کارفرما */



.sk-brand .sk-logo{height:35px;width:auto;display:block}



.sk-brand .sk-logo--night{display:none}



[data-theme="dark"] .sk-brand .sk-logo--day{display:none}



[data-theme="dark"] .sk-brand .sk-logo--night{display:block}







/* ===== SK-ROW SPEC SHEET — لیبل و مقدار کنار هم، نه دو سر کارت ===== */



.sk-row{justify-content:flex-start;gap:20px;padding:11px 0}



.sk-row strong{flex:0 0 140px;font-size:12.5px;font-weight:500;color:var(--sk-ink-soft)}



.sk-row span{margin-inline-start:0;font-size:13.5px;font-weight:600;color:var(--sk-ink);min-width:0;overflow-wrap:anywhere}







/* ===== HERO ACTIONS LEFT — قاعدهٔ همیشگی: هر هیرویی که اکشن/محتوای __r دارد،



   دوستونه می‌شود: متن راست، اکشن چپِ وسط‌چین — چپ خالی نمی‌ماند ===== */



.skd-hero:has(.skd-hero__r){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 32px}



.skd-hero .skd-hero__r{margin-top:0;justify-self:end;display:flex;align-items:center;gap:10px;flex-wrap:wrap}















/* ===== UNIFIED CARD SKIN v2 — همهٔ کانتینرهای کارت در هر سه پنل، هم‌زبان با داشبورد ===== */



.skw-card,.skw-panel,.skw-stat,.skw-hero,.skw-status,.skq-card,.skq-tablewrap,.skqs-card,.skqs-tablewrap,.skqd-bstat,.kpi-card,.chart-card,.analytics-hero,.analytics-table-wrap,.kpi-filter,.sk-factrow,.sk-card{



  background:#fff;



  border:1px solid #e1e1e1!important;



  box-shadow:0 1px 2px rgba(15,17,21,.02)!important}



[data-theme="dark"] .skw-card,[data-theme="dark"] .skw-panel,[data-theme="dark"] .skw-stat,[data-theme="dark"] .skw-hero,[data-theme="dark"] .skw-status,[data-theme="dark"] .skq-card,[data-theme="dark"] .skq-tablewrap,[data-theme="dark"] .skqs-card,[data-theme="dark"] .skqs-tablewrap,[data-theme="dark"] .skqd-bstat,[data-theme="dark"] .kpi-card,[data-theme="dark"] .chart-card,[data-theme="dark"] .analytics-hero,[data-theme="dark"] .analytics-table-wrap,[data-theme="dark"] .kpi-filter,[data-theme="dark"] .sk-factrow,[data-theme="dark"] .sk-card{



  background:var(--sk-surface);border-color:var(--sk-line)!important;box-shadow:none!important}



/* ریتم فاصله‌ها: گریدها ۱۰، بخش‌ها ۱۲ — مطابق داشبورد */



.kpi-grid,.skw-stats{gap:10px!important}



.skq-grid{gap:12px!important}



.analytics-hero{margin:0 0 12px!important}



.analytics-table-wrap,.chart-card{margin-top:12px}










/* ===== EQUAL HEIGHT SIBLINGS — باکس‌های کنار هم همیشه هم‌قد + gap واحد ۱۲ ===== */



.skd-grid,.skd-charts,.skq-grid,.skd-tiles,.skd-kpis{align-items:stretch;gap:12px!important}



.skd-grid>*,.skd-charts>*{min-width:0;height:100%}



.skq-grid>.skq-card{height:100%;display:flex;flex-direction:column}



.skq-grid>.skq-card .skq-card__act{margin-top:auto}







/* ===== TWO-COL FORM — فرم درخواست نقش: دو فیلد در هر ردیف، واکنش‌گرا ===== */



.skb-wz-fields--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}



.skb-wz-fields--two .skb-field.full{grid-column:1/-1}



@media(max-width:760px){.skb-wz-fields--two{grid-template-columns:1fr}}







/* ===== GLOBAL FORM CONTROLS — بردر مشخص‌تر، ارتفاع بیشتر، فوکوس کهربایی — سراسری پنل ===== */



.sk-content input[type="text"],.sk-content input[type="email"],.sk-content input[type="number"],.sk-content input[type="password"],.sk-content input[type="search"],.sk-content input[type="tel"],.sk-content input[type="url"],.sk-content input[type="date"],.sk-content input[type="time"],.sk-content input[type="datetime-local"],.sk-content select,.sk-content textarea{



  border:1px solid #ccd0d6!important;border-radius:11px;background:#fff;



  min-height:46px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}



.sk-content textarea{min-height:120px;line-height:1.9}



.sk-content select{padding-inline-end:36px}



.sk-content input[type="text"]:focus,.sk-content input[type="email"]:focus,.sk-content input[type="number"]:focus,.sk-content input[type="password"]:focus,.sk-content input[type="search"]:focus,.sk-content input[type="tel"]:focus,.sk-content input[type="url"]:focus,.sk-content input[type="date"]:focus,.sk-content input[type="time"]:focus,.sk-content input[type="datetime-local"]:focus:focus,.sk-content select:focus,.sk-content textarea:focus{



  border-color:var(--sk-amber)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--sk-amber) 18%, transparent);outline:none}



[data-theme="dark"] .sk-content input[type="text"],[data-theme="dark"] .sk-content input[type="email"],[data-theme="dark"] .sk-content input[type="number"],[data-theme="dark"] .sk-content input[type="password"],[data-theme="dark"] .sk-content input[type="search"],[data-theme="dark"] .sk-content input[type="tel"],[data-theme="dark"] .sk-content input[type="url"],[data-theme="dark"] .sk-content input[type="date"],[data-theme="dark"] .sk-content input[type="time"],[data-theme="dark"] .sk-content input[type="datetime-local"],



[data-theme="dark"] .sk-content select,[data-theme="dark"] .sk-content textarea{



  background:var(--sk-surface-2);border-color:rgba(255,255,255,.22)!important;color:var(--sk-ink)}







/* ===== PROFILE FORMS POLISH — دوستونهٔ واکنش‌گرا + آپلود مدرن + LTR فیلدهای انگلیسی ===== */



/* کانتینرهای فیلد پروفایل‌ها: دو ستون */



.profile-fields,.profile-doc__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}



.profile-fields .skb-field.full,.profile-doc__fields .skb-field.full{grid-column:1/-1}



@media(max-width:760px){.profile-fields,.profile-doc__fields{grid-template-columns:1fr}}



/* پیش‌نمایش تصویر موجود */



.skb-upload__preview{position:relative;border:1px solid #ccd0d6;border-radius:12px;overflow:hidden;background:var(--sk-surface-2)}



.skb-upload__preview img{display:block;width:100%;max-height:220px;object-fit:contain;background:#fff;cursor:pointer}



.skb-upload__preview .skb-upload__rm{position:absolute;top:8px;inset-inline-start:8px}



.skb-upload__rm{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #f0c4c4;color:#c03434;



  font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;box-shadow:0 8px 18px -10px rgba(0,0,0,.25)}



.skb-upload__rm svg{width:14px;height:14px}



.skb-upload__zone.is-drag{border-color:var(--sk-amber);background:var(--sk-amber-soft)}



/* چیپ فایل (رزومه و اسناد) */



.skb-filechip{display:flex;align-items:center;gap:10px;border:1px solid #ccd0d6;border-radius:12px;padding:11px 14px;background:#fff}



.skb-filechip .ic{width:34px;height:34px;border-radius:10px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;flex-shrink:0}



.skb-filechip .ic svg{width:17px;height:17px}



.skb-filechip .nm{flex:1;min-width:0;font-size:13px;font-weight:600;direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.skb-filechip .dl{font-size:12px;font-weight:700;color:var(--sk-amber-deep);white-space:nowrap}



[data-theme="dark"] .skb-upload__preview,[data-theme="dark"] .skb-filechip{background:var(--sk-surface-2);border-color:var(--sk-line)}



[data-theme="dark"] .skb-upload__preview img{background:var(--sk-surface)}



[data-theme="dark"] .skb-upload__rm{background:var(--sk-surface);border-color:rgba(214,69,69,.5)}



/* فیلدهای ذاتاً انگلیسی: پیش‌فرض چپ‌چین */



.sk-content input[type="email"],.sk-content input[type="url"],.sk-content input[type="tel"],



.sk-content input[name$="_en"],.sk-content input[name$="_url"],.sk-content input[name="website"],



.sk-content input[name="username"],.sk-content input[name*="slug"]{direction:ltr;text-align:left}



.sk-content input[type="email"]::placeholder,.sk-content input[type="url"]::placeholder,



.sk-content input[name$="_en"]::placeholder{direction:ltr;text-align:left}







/* ===== COMPACT UPLOAD + CAL TOGGLE — آپلود جمع‌وجور دوتا سه ردیفی، واکنش‌گرا ===== */



.skb-upload__zone{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;



  min-height:0!important;height:auto!important;padding:16px 18px!important;text-align:right;width:100%;



  border:1.5px dashed #c6cad1!important;border-radius:14px!important;background:var(--sk-surface-2)!important;cursor:pointer}



.skb-upload__zone:hover{border-color:var(--sk-amber)!important;background:var(--sk-amber-soft)!important}



[data-theme="dark"] .skb-upload__zone{border-color:var(--sk-line)!important;background:var(--sk-surface-2)!important}



.skb-upload__zone .skb-upload__ic{width:42px;height:42px;flex-shrink:0;border-radius:12px;



  background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center}



.skb-upload__zone .skb-upload__ic svg{width:20px;height:20px}



.skb-upload__zone b{display:block;font-size:13.5px;margin:0}



.skb-upload__zone span:not(.skb-upload__ic){display:block;font-size:11.5px;color:var(--sk-ink-faint);margin-top:3px}



.skb-upload__zone>b,.skb-upload__zone>span:not(.skb-upload__ic){text-align:start}



@media(max-width:560px){.skb-upload__zone{flex-direction:column!important;text-align:center;padding:18px!important}}



/* پیش‌نمایش فشرده */



.skb-upload__preview img{max-height:170px!important;width:auto!important;max-width:100%;margin-inline:auto}



/* سوییچ تقویم */



.sk-datewrap{display:flex;flex-direction:column;gap:7px}



.sk-caltoggle{display:inline-flex;gap:4px;background:var(--sk-surface-2);border:1px solid #ccd0d6;border-radius:999px;padding:3px;width:max-content}



.sk-caltoggle button{border:0;background:none;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;cursor:pointer;color:var(--sk-ink-soft)}



.sk-caltoggle button.on{background:var(--sk-amber);color:#1c1e22}



.sk-datewrap input[type="date"]{direction:ltr;text-align:left}



[data-theme="dark"] .sk-caltoggle{border-color:var(--sk-line)}







/* ===== UPLOAD ROW v2 — حالت آپلودشده: ردیف رسانه‌ای استاندارد (بندانگشتی + نام + تعویض/حذف) ===== */



.skb-upload__preview,.skb-filechip{display:flex!important;align-items:center;gap:12px;



  padding:10px 12px!important;border:1px solid #ccd0d6!important;border-radius:14px!important;



  background:#fff!important;overflow:visible!important}



.skb-upload__preview img{width:60px!important;height:60px!important;max-height:none!important;



  object-fit:cover;border-radius:10px;margin:0!important;flex-shrink:0;cursor:pointer;background:var(--sk-surface-2)}



.skb-upload__preview .nm,.skb-filechip .nm{flex:1;min-width:0;font-size:12.5px;font-weight:600;



  direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sk-ink)}



.skb-filechip .ic{width:46px;height:46px;border-radius:10px}



.skb-upload__swap{border:1px solid #ccd0d6;background:var(--sk-surface-2);color:var(--sk-ink-soft);



  font-size:11.5px;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}



.skb-upload__swap:hover{border-color:var(--sk-amber);color:var(--sk-ink)}



.skb-upload__preview .skb-upload__rm{position:static!important;box-shadow:none;white-space:nowrap}



[data-theme="dark"] .skb-upload__preview,[data-theme="dark"] .skb-filechip{background:var(--sk-surface-2)!important;border-color:var(--sk-line)!important}



[data-theme="dark"] .skb-upload__swap{background:var(--sk-surface);border-color:var(--sk-line)}







/* ===== TK-UPLOAD CLEAN — کامپوننت بارگذاری تازه، تمام‌عرض، بدون میراث ===== */



.skb-field:has(.tk-upload){grid-column:1/-1}



.tk-upload{display:block}



.tk-upload>input[type="file"]{display:none}



.tk-upload__empty{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;cursor:pointer;



  border:1.5px dashed #c6cad1;border-radius:14px;background:var(--sk-surface-2);text-align:right;font:inherit;color:inherit;



  transition:border-color .15s,background .15s}



.tk-upload__empty:hover,.tk-upload__empty.is-drag{border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.tk-upload__ic{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#fff;



  color:var(--sk-ink-soft);display:grid;place-items:center;border:1px solid #e1e1e1}



.tk-upload__ic svg{width:21px;height:21px}



.tk-upload__tx{display:flex;flex-direction:column;gap:3px;text-align:start;min-width:0}



.tk-upload__tx b{font-size:13.5px;color:var(--sk-ink)}



.tk-upload__tx span{font-size:11.5px;color:var(--sk-ink-faint)}



.tk-upload__filled{display:flex;align-items:center;gap:14px;padding:10px 12px;



  border:1px solid #ccd0d6;border-radius:14px;background:#fff}



.tk-upload__thumb{width:62px;height:62px;border-radius:0;object-fit:cover;flex-shrink:0;cursor:pointer;background:var(--sk-surface-2)}



.tk-upload__doc{width:52px;height:52px;flex-shrink:0;border-radius:10px;background:var(--sk-amber-soft);



  color:var(--sk-amber-deep);display:grid;place-items:center}



.tk-upload__doc svg{width:22px;height:22px}



.tk-upload__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}



.tk-upload__meta b{font-size:12.5px;font-weight:600;color:var(--sk-ink);direction:ltr;



  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.tk-upload__meta a{font-size:11.5px;font-weight:700;color:var(--sk-amber-deep)}



.tk-upload__acts{display:flex;align-items:center;gap:8px;flex-shrink:0}



.tk-upload__acts button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:11.5px;font-weight:700;



  padding:7px 14px;border-radius:999px;cursor:pointer;border:1px solid #ccd0d6;background:var(--sk-surface-2);color:var(--sk-ink-soft)}



.tk-upload__acts button:hover{border-color:var(--sk-amber);color:var(--sk-ink)}



.tk-upload__acts button.is-rm{border-color:#f0c4c4;color:#c03434;background:#fff}



.tk-upload__acts button.is-rm:hover{background:#fdf1f1;border-color:#e5a8a8}



.tk-upload__acts button svg{width:14px;height:14px}



@media(max-width:560px){



  .tk-upload__empty{flex-direction:column;text-align:center;padding:18px}



  .tk-upload__tx{align-items:center;text-align:center}



  .tk-upload__filled{flex-wrap:wrap}



  .tk-upload__acts{width:100%;justify-content:flex-end}}



[data-theme="dark"] .tk-upload__empty{border-color:var(--sk-line);background:var(--sk-surface-2)}



[data-theme="dark"] .tk-upload__ic{background:var(--sk-surface);border-color:var(--sk-line)}



[data-theme="dark"] .tk-upload__filled{background:var(--sk-surface-2);border-color:var(--sk-line)}



[data-theme="dark"] .tk-upload__acts button{background:var(--sk-surface);border-color:var(--sk-line)}



[data-theme="dark"] .tk-upload__acts button.is-rm{background:var(--sk-surface);border-color:rgba(214,69,69,.5)}







/* ===== TK-UPLOAD FIELD CARD — مرز روشن هر بخش بارگذاری ===== */



.skb-field:has(.tk-upload){border:1px solid #e1e1e1;border-radius:14px;padding:14px 16px;



  background:var(--sk-surface);box-shadow:0 1px 2px rgba(15,17,21,.02)}



.skb-field:has(.tk-upload)>label{font-size:13px;font-weight:700;color:var(--sk-ink);margin-bottom:10px;display:block}



[data-theme="dark"] .skb-field:has(.tk-upload){background:var(--sk-surface);border-color:var(--sk-line)}







/* ===== DIRECTORY POLISH — فیلتر فشرده، آواتار کارت، دعوت ===== */



.skb-card form:has(.skq-cfilter){display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}



.skq-cfilter{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 12px}



.skq-cfilter .skb-field{gap:4px}



.skq-cfilter .skb-field label{font-size:11.5px;color:var(--sk-ink-soft);margin:0 0 2px}



.skq-cfilter input,.skq-cfilter select{min-height:42px!important;padding:8px 12px!important;font-size:13px!important}



form:has(.skq-cfilter) .skb-actions{margin:0;padding:0}



form:has(.skq-cfilter) .skb-actions .sk-btn{min-height:42px}



.skq-avatar{display:flex;justify-content:center;margin:2px 0 4px}



.skq-avatar img{width:74px;height:74px;border-radius:50%;object-fit:cover;border:1px solid var(--sk-line);background:#fff}



.skq-avatar img.is-ph{object-fit:contain;padding:12px;background:#ececec8a;opacity:.75}



[data-theme="dark"] .skq-avatar img{background:var(--sk-surface-2)}



.skq-card .skb-inline textarea{min-height:150px!important}







/* ===== PEOPLE CARDS CENTER — دایرکتوری طراح/آموزشگاه: محتوا وسط‌چین ===== */



.skq-grid--people .skq-card{align-items:center;text-align:center}



.skq-grid--people .skq-card__meta,.skq-grid--people .skq-card>div{justify-content:center}



.skq-grid--people .skq-card h3{text-align:center}



.skq-grid--people .skq-card p{text-align:center}



.skq-grid--people .skb-inline{width:100%}



.skq-grid--people .skb-inline>summary{display:inline-flex;justify-content:center}



/* پلیس‌هولدر: جا بازتر تا از دایره نزند بیرون + در تم شب سفید */



.skq-avatar img.is-ph{padding:17px;box-sizing:border-box}



[data-theme="dark"] .skq-avatar img.is-ph{filter:invert(1) brightness(1.35);background:#dfe1e4;border-color:var(--sk-line)}







/* ===== TK-UPLOAD DEFAULT PH — تصویر پیش‌فرض آواتار/لوگو ===== */



.tk-upload__thumb.is-ph{object-fit:contain;padding:10px;background:#ececec8a}



[data-theme="dark"] .tk-upload__thumb.is-ph{filter:invert(1) brightness(1.35);background:#dfe1e4}







/* ===== TOPACTS ROUND — آیکون‌های هدر گرد ===== */



.sk-topacts>a,.sk-topacts>button,.sk-topacts .sk-iconbtn{border-radius:999px!important}







/* ===== VRF PAGE — تأیید موبایل/ایمیل ===== */



.vrf-card{max-width:620px;width:100%;margin-inline:auto}



.vrf-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}



.vrf-step>b{width:28px;height:28px;flex-shrink:0;border-radius:9px;background:var(--sk-amber);color:#1c1e22;



  display:grid;place-items:center;font-size:13px;font-weight:800}



.vrf-step strong{display:block;font-size:14px;color:var(--sk-ink)}



.vrf-step span{display:block;font-size:12px;color:var(--sk-ink-faint);margin-top:2px}



.vrf-row{display:flex;align-items:flex-end;gap:10px}



.vrf-row .skb-field{flex:1;margin:0}



.vrf-row .sk-btn{min-height:46px;white-space:nowrap}



.vrf-row .skb-field label{display:none}



.vrf-sent{margin-top:12px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber);



  border-radius:11px;padding:10px 14px;font-size:12.5px}



.vrf-hr{border:0;border-top:1px dashed var(--sk-line);margin:20px 0}



.vrf-code .skb-field label{display:none}



.vrf-code input{text-align:center;direction:ltr;font-size:22px!important;font-weight:700;



  letter-spacing:.45em;padding-inline-start:calc(14px + .45em)!important}



@media(max-width:560px){.vrf-row{flex-direction:column;align-items:stretch}}







/* ===== AGR SIGN — صفحه امضای قرارداد/تعهدنامه (agr-) ===== */



.agr-card .agr-meta{font-size:11.5px;color:var(--sk-ink-faint);font-weight:500}



.agr-body{max-height:420px;overflow:auto;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:12px;padding:18px 20px;font-size:13.5px;line-height:2.1;color:var(--sk-ink)}



.agr-body>:first-child{margin-top:0}



.agr-body>:last-child{margin-bottom:0}



.agr-body p{margin:0 0 8px}



.agr-body h2,.agr-body h3,.agr-body h4{margin:16px 0 6px;font-weight:800;color:var(--sk-ink);line-height:1.7}



.agr-body h2{font-size:15px}



.agr-body h3{font-size:14px}



.agr-body h4{font-size:13px}



.agr-body ul,.agr-body ol{margin:0 0 10px;padding-inline-start:22px}



.agr-body li{margin-bottom:4px}



.agr-body blockquote{margin:10px 0;padding:10px 14px;border-inline-start:3px solid var(--sk-amber);background:var(--sk-amber-soft);border-radius:8px}



.agr-body a{color:var(--sk-amber-deep);text-decoration:underline}



.agr-body .agreement-share-section{margin-top:14px;padding-top:14px;border-top:1px dashed var(--sk-line)}



.agr-form{display:flex;flex-direction:column;gap:12px}



.agr-accept{padding:12px 14px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-bg);align-items:flex-start;line-height:1.8}



.agr-accept .form-check-input{margin-top:4px;flex-shrink:0}



.agr-row{display:flex;align-items:flex-end;gap:10px}



.agr-row .skb-field{flex:1;max-width:340px;margin:0}



.agr-row .sk-btn{min-height:46px;white-space:nowrap}



.agr-row--phone .skb-field input{direction:ltr;text-align:left}



.agr-row--code .skb-field input{direction:ltr;text-align:center;font-size:20px!important;font-weight:700;letter-spacing:.4em;padding-inline-start:calc(14px + .4em)!important}



.agr-card .errorlist{list-style:none;margin:0;padding:8px 11px;background:rgba(229,72,77,.08);border:1px solid rgba(229,72,77,.25);border-radius:9px;color:var(--sk-danger);font-size:11.5px;display:flex;flex-direction:column;gap:3px}



.agr-resend{margin-top:12px;padding-top:12px;border-top:1px dashed var(--sk-line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}



.agr-resend>span{font-size:12px;color:var(--sk-ink-faint)}



.agr-note{margin-bottom:12px}



@media(max-width:560px){.agr-row{flex-direction:column;align-items:stretch}.agr-row .skb-field{max-width:none}.agr-row .sk-btn{justify-content:center}}



[data-theme="dark"] .agr-body{background:var(--sk-surface)}



[data-theme="dark"] .agr-accept{background:var(--sk-bg)}



[data-theme="dark"] .agr-card .errorlist{background:rgba(229,72,77,.14);border-color:rgba(229,72,77,.4)}







/* ===== AGR PAPER — سربرگ و ظاهر «سند رسمی» برای متن قرارداد ===== */



.agr-desk{background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:12px;padding:28px 22px;max-height:640px;overflow:auto}



.agr-paper{position:relative;max-width:720px;margin-inline:auto;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:4px;padding:34px 38px 26px;box-shadow:0 1px 2px rgba(15,17,21,.04),0 16px 36px rgba(15,17,21,.07);overflow:hidden}



.agr-paper::before{content:"";position:absolute;inset:10px;border:1px solid var(--sk-line);border-radius:2px;pointer-events:none;opacity:.7}



.agr-paper::after{content:"تست‌کاو";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-24deg);font-size:130px;font-weight:800;color:var(--sk-ink);opacity:.03;letter-spacing:.06em;white-space:nowrap;pointer-events:none;user-select:none}



.agr-paper__head{position:relative;z-index:1;text-align:center;padding-bottom:16px;margin-bottom:18px;border-bottom:4px double var(--sk-ink)}



.agr-paper__brand{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.3em;color:var(--sk-amber-deep);margin-bottom:9px}



.agr-paper__title{margin:0 0 8px;font-size:18px;font-weight:900;letter-spacing:-.2px;color:var(--sk-ink);line-height:1.7}



.agr-paper__sub{display:flex;justify-content:center;align-items:center;gap:10px;font-size:11.5px;color:var(--sk-ink-faint)}



.agr-paper__sub i{width:26px;border-top:1px solid var(--sk-line)}



.agr-paper .agr-body{position:relative;z-index:1;max-height:none;overflow:visible;border:0;background:transparent;padding:0;border-radius:0;text-align:justify}



.agr-paper .agr-body ol{list-style-type:persian}



.agr-paper__foot{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;padding-top:16px;border-top:1px dashed var(--sk-line)}



.agr-paper__party{display:flex;flex-direction:column;gap:3px;text-align:center;padding:13px 10px;border:1px solid var(--sk-line);border-radius:8px;background:var(--sk-bg)}



.agr-paper__party>span{font-size:10.5px;color:var(--sk-ink-faint);letter-spacing:.08em}



.agr-paper__party>strong{font-size:13.5px;font-weight:800;color:var(--sk-ink)}



.agr-paper__party>em{font-style:normal;font-size:10.5px;color:var(--sk-ink-faint)}



@media(max-width:640px){.agr-desk{padding:12px;max-height:560px}.agr-paper{padding:22px 16px 18px}.agr-paper::before{inset:6px}.agr-paper::after{font-size:70px}.agr-paper__foot{grid-template-columns:1fr}}



[data-theme="dark"] .agr-paper{box-shadow:none}



[data-theme="dark"] .agr-paper::after{opacity:.05}







/* ===== AGR SIGNED — لیست قراردادهای امضاشده + جزئیات و مهر «امضاشده» ===== */



.agr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}



.agr-item{display:flex;align-items:center;gap:13px;height:100%;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:15px 17px;box-shadow:0 1px 2px rgba(15,17,21,.02);color:var(--sk-ink);transition:border-color .14s,transform .14s}



.agr-item:hover{border-color:var(--sk-amber);transform:translateY(-1px)}



.agr-item__ic{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);color:var(--sk-amber-deep);display:grid;place-items:center}



.agr-item__ic svg{width:20px;height:20px}



.agr-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}



.agr-item__body>strong{font-size:13.5px;font-weight:800;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.agr-item__meta{font-size:11.5px;color:var(--sk-ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.agr-item__pill{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px;font-weight:700;color:var(--sk-ok);background:var(--sk-ok-soft);border:1px solid var(--sk-ok-line);border-radius:999px;padding:4px 10px}



.agr-item__pill svg{width:12px;height:12px}



.agr-item__go{flex-shrink:0;color:var(--sk-ink-faint);display:grid;place-items:center;transition:.14s}



.agr-item__go svg{width:17px;height:17px}



.agr-item:hover .agr-item__go{color:var(--sk-amber-deep)}



.agr-empty{grid-column:1/-1;background:var(--sk-surface);border:1px dashed var(--sk-line);border-radius:16px;padding:38px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}



.agr-empty svg{width:34px;height:34px;color:var(--sk-ink-faint);opacity:.7}



.agr-empty p{margin:0;font-size:13.5px;font-weight:700;color:var(--sk-ink)}



.agr-empty span{font-size:12px;color:var(--sk-ink-faint)}



.agr-spec{display:flex;flex-direction:column}



.agr-spec__row{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px dashed var(--sk-line)}



.agr-spec__row:last-child{border-bottom:0;padding-bottom:0}



.agr-spec__row:first-child{padding-top:0}



.agr-spec__row>span{flex:0 0 140px;font-size:12px;color:var(--sk-ink-faint)}



.agr-spec__row>strong{font-size:13px;font-weight:700;color:var(--sk-ink);min-width:0}



.agr-hash{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;letter-spacing:.02em;word-break:break-all;background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:7px;padding:3px 8px}



.agr-paper__party--signed{position:relative;border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}



.agr-stamp{position:absolute;top:-13px;inset-inline-end:10px;transform:rotate(-8deg);display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:900;letter-spacing:.14em;color:var(--sk-ok);background:var(--sk-surface);border:2px solid var(--sk-ok);border-radius:9px;padding:4px 11px;box-shadow:0 0 0 3px var(--sk-ok-soft)}



.agr-stamp svg{width:13px;height:13px}



.agr-paper__hash{position:relative;z-index:1;margin-top:14px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:var(--sk-ink-faint);letter-spacing:.03em;word-break:break-all}



@media(max-width:760px){.agr-list{grid-template-columns:1fr}}



@media(max-width:560px){.agr-item{flex-wrap:wrap}.agr-item__body{flex:1 1 60%}.agr-item__pill{order:5}.agr-spec__row{flex-direction:column;gap:3px}.agr-spec__row>span{flex-basis:auto}}



[data-theme="dark"] .agr-item{box-shadow:none}



[data-theme="dark"] .agr-item:hover{border-color:var(--sk-amber)}



[data-theme="dark"] .agr-hash{background:var(--sk-bg)}



[data-theme="dark"] .agr-stamp{background:var(--sk-surface)}







/* ===== AGR COUNTERSIGN — وضعیت تأیید طرف مقابل روی برگه ===== */



.agr-pend{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font-size:10.5px;color:var(--sk-ink-faint);border:1px dashed var(--sk-line);border-radius:999px;padding:2px 9px;align-self:center}







/* ===== SKD FLOW — کانتینر ریتم برای فرم‌های داخل skd (گپ استاندارد ۱۲) ===== */



.skd-flow{display:flex;flex-direction:column;gap:12px}







/* ===== PROFILE ACC — آکاردئون بخش‌های پروفایل طراح/آموزشگاه (تک‌باز) ===== */



.profile-card--acc>.profile-card__h{cursor:pointer;user-select:none;margin-bottom:0}



.profile-card--acc.is-open>.profile-card__h{margin-bottom:12px}



.profile-card--acc>.profile-card__h::after{content:"";flex-shrink:0;align-self:center;width:9px;height:9px;margin-inline-start:auto;border-left:2px solid var(--sk-ink-faint);border-bottom:2px solid var(--sk-ink-faint);transform:rotate(-45deg);transition:transform .18s ease,border-color .14s}



.profile-card--acc.is-open>.profile-card__h::after{transform:rotate(135deg)}



.profile-card--acc>.profile-card__h:hover::after{border-color:var(--sk-amber-deep)}



.profile-card--acc:not(.is-open)>.profile-card__h:hover h2{color:var(--sk-amber-deep)}



.profile-card--acc:not(.is-open)>*:not(.profile-card__h){display:none}



@keyframes tkAccIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}



.profile-card--acc.is-open>*:not(.profile-card__h){animation:tkAccIn .2s ease}







/* ===== VRF V2 — استانداردسازی صفحات تأیید موبایل/ایمیل روی اجزای agr ===== */



.vrf-card .vrf-step{margin-bottom:0}



.vrf-card .vrf-sent{margin-top:0}



.vrf-card .vrf-hr{margin:16px 0}







/* ===== INTX — صفحه علاقه‌مندی‌ها: انتخاب‌گر آیکون‌دار + مودال جستجو + چیپ‌ها ===== */



.intx-cat{max-width:420px}



.intx-pickers{display:flex;flex-direction:column;gap:10px;position:relative}



.intx-hint{display:none;margin:0;font-size:12px;color:var(--sk-ink-faint);background:var(--sk-bg);border:1px dashed var(--sk-line);border-radius:11px;padding:10px 14px}



.intx-pickers[data-locked] .intx-hint{display:block}



.intx-pickers[data-locked] .intx-pick{opacity:.5;pointer-events:none;filter:grayscale(.4)}



.intx-pick{display:flex;flex-direction:column;gap:8px}



.intx-pick__btn{display:flex;align-items:center;gap:13px;width:100%;text-align:start;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:12px 15px;cursor:pointer;transition:border-color .14s,transform .14s;box-shadow:0 1px 2px rgba(15,17,21,.02)}



.intx-pick__btn:hover{border-color:var(--sk-amber);transform:translateY(-1px)}



.intx-pick__ic{width:48px;height:48px;flex-shrink:0;border-radius:12px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);display:grid;place-items:center}



.intx-pick__ic img{width:32px;height:32px;object-fit:contain}



.intx-pick__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}



.intx-pick__tx strong{font-size:13.5px;font-weight:800;color:var(--sk-ink)}



.intx-pick__tx em{font-style:normal;font-size:11.5px;color:var(--sk-ink-faint)}



.intx-pick__count{flex-shrink:0;font-size:11.5px;font-weight:700;color:var(--sk-ink-soft);background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:999px;padding:4px 11px;direction:ltr}



.intx-pick__count.is-full{color:var(--sk-ok);background:var(--sk-ok-soft);border-color:var(--sk-ok-line)}



.intx-pick__go{flex-shrink:0;color:var(--sk-ink-faint);display:grid;place-items:center;transition:.14s}



.intx-pick__go svg{width:17px;height:17px}



.intx-pick__btn:hover .intx-pick__go{color:var(--sk-amber-deep)}



.intx-chips{display:flex;flex-wrap:wrap;gap:7px;padding-inline-start:61px}



.intx-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--sk-ink);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:999px;padding:4px 6px 4px 5px}



.intx-chip i{font-style:normal;padding-inline-start:5px}



.intx-chip button{width:17px;height:17px;border:0;border-radius:999px;background:transparent;color:var(--sk-ink-soft);display:grid;place-items:center;cursor:pointer;transition:.12s}



.intx-chip button:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}



.intx-chip button svg{width:11px;height:11px}



.intx-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}



.intx-saved{display:flex;flex-direction:column;gap:8px}



.intx-saved__row{display:flex;align-items:center;gap:12px;background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:13px;padding:11px 14px}



.intx-saved__ic{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);color:var(--sk-amber-deep);display:grid;place-items:center}



.intx-saved__ic svg{width:18px;height:18px}



.intx-saved__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}



.intx-saved__tx strong{font-size:13px;font-weight:800}



.intx-saved__tx em{font-style:normal;font-size:11.5px;color:var(--sk-ink-faint)}



.intx-saved__row form{display:inline-flex}



.intx-del{color:var(--sk-danger)}



.intx-dialog{max-width:560px}



.intx-search{display:flex;align-items:center;gap:9px;margin:14px 21px 0;border:1px solid var(--sk-line);border-radius:12px;padding:0 13px;background:var(--sk-bg)}



.intx-search svg{width:17px;height:17px;color:var(--sk-ink-faint);flex-shrink:0}



.intx-search input{flex:1;border:0;background:transparent;min-height:44px;font:inherit;font-size:13px;color:var(--sk-ink);outline:none}



.intx-list{display:flex;flex-direction:column;gap:5px;padding:14px 21px}



.intx-row{display:flex;align-items:center;gap:11px;border:1px solid var(--sk-line);border-radius:11px;padding:10px 13px;cursor:pointer;transition:border-color .12s,background .12s;font-size:13px;font-weight:600;color:var(--sk-ink)}



.intx-row:hover{border-color:var(--sk-amber)}



.intx-row input{position:absolute;opacity:0;pointer-events:none}



.intx-row .box{width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--sk-line-strong);border-radius:6px;display:grid;place-items:center;color:transparent;transition:.12s;background:var(--sk-surface)}



.intx-row .box svg{width:12px;height:12px}



.intx-row.is-on{border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.intx-row.is-on .box{background:var(--sk-amber);border-color:var(--sk-amber);color:#1c1e22}



.intx-row.is-dim{opacity:.45}



.intx-row .nm{flex:1;min-width:0}



.intx-noitem{padding:34px 16px;text-align:center;font-size:12.5px;color:var(--sk-ink-faint)}



.intx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 21px;border-top:1px solid var(--sk-line);flex-shrink:0}



.intx-foot__count{font-size:12px;color:var(--sk-ink-faint)}



.intx-foot__count.is-full{color:var(--sk-ok);font-weight:700}



@media(max-width:560px){.intx-cat{max-width:none}.intx-chips{padding-inline-start:0}.intx-pick__count{display:none}.intx-actions .sk-btn{flex:1 1 auto;justify-content:center}}



[data-theme="dark"] .intx-pick__btn,[data-theme="dark"] .intx-saved__row{box-shadow:none}



[data-theme="dark"] .intx-row.is-on .box{color:#1c1e22}







/* ===== INTX ACTIVE — تراز چک‌باکس «فعال» با فیلد روش اطلاع‌رسانی ===== */



.intx-active{justify-content:flex-end}



.intx-active .skb-checkrow{min-height:46px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-bg);padding:0 14px}







/* ===== REC — صفحه پیشنهادهای مرتبط با علاقه‌مندی‌ها ===== */



.rec-search{display:flex;align-items:center;gap:10px;border:1px solid var(--sk-line);border-radius:13px;background:var(--sk-bg);padding:5px 5px 5px 5px;padding-inline-start:14px}



.rec-search svg{width:18px;height:18px;color:var(--sk-ink-faint);flex-shrink:0}



.rec-search input{flex:1;min-width:0;border:0;background:transparent;min-height:42px;font:inherit;font-size:13px;color:var(--sk-ink);outline:none}



.rec-search .sk-btn{flex-shrink:0;min-height:40px;border-radius:10px}



.rec-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}



.rec-tag{font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;border:1px solid var(--sk-line);color:var(--sk-ink-soft);background:var(--sk-bg)}



.rec-tag--job{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.rec-tag--skl{border-color:var(--sk-ok-line);background:var(--sk-ok-soft);color:var(--sk-ok)}



.rec-filter{display:flex;align-items:center;gap:9px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-bg);padding:0 12px;margin-bottom:10px;max-width:340px}



.rec-filter svg{width:15px;height:15px;color:var(--sk-ink-faint);flex-shrink:0}



.rec-filter input{flex:1;min-width:0;border:0;background:transparent;min-height:38px;font:inherit;font-size:12.5px;color:var(--sk-ink);outline:none}



.rec-list{display:flex;flex-direction:column;gap:8px}



.rec-item{display:flex;align-items:center;gap:12px;background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:13px;padding:11px 14px;color:var(--sk-ink);transition:border-color .14s,transform .14s}



.rec-item:hover{border-color:var(--sk-amber);transform:translateY(-1px)}



.rec-item__ic{width:40px;height:40px;flex-shrink:0;border-radius:11px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);color:var(--sk-amber-deep);display:grid;place-items:center}



.rec-item__ic svg{width:19px;height:19px}



.rec-item__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}



.rec-item__tx strong{font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.rec-item__tx em{font-style:normal;font-size:11.5px;color:var(--sk-ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.rec-pill{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;border:1px solid}



.rec-pill svg{width:12px;height:12px}



.rec-pill.is-ok{color:var(--sk-ok);background:var(--sk-ok-soft);border-color:var(--sk-ok-line)}



.rec-pill.is-lock{color:var(--sk-amber-deep);background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}



.rec-item__go{flex-shrink:0;color:var(--sk-ink-faint);display:grid;place-items:center;transition:.14s}



.rec-item__go svg{width:16px;height:16px}



.rec-item:hover .rec-item__go{color:var(--sk-amber-deep)}



.rec-empty{display:flex;align-items:center;gap:10px;border:1px dashed var(--sk-line);border-radius:12px;background:var(--sk-bg);padding:14px 16px;font-size:12.5px;color:var(--sk-ink-faint)}



.rec-empty svg{width:19px;height:19px;flex-shrink:0;opacity:.7}



.rec-nores{margin:0;padding:14px;text-align:center;font-size:12.5px;color:var(--sk-ink-faint)}



@media(max-width:560px){.rec-filter{max-width:none}.rec-pill{display:none}.rec-search{flex-wrap:wrap;padding:8px}.rec-search input{min-width:60%}.rec-search .sk-btn{flex:1 1 100%;justify-content:center}}



[data-theme="dark"] .rec-item{box-shadow:none}







/* ===== INTX NROW — ردیف صریح: تیک «فعال» سمت راست + روش اطلاع‌رسانی کنارش ===== */



.intx-nrow{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}



.intx-onoff{flex-shrink:0;min-height:46px;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-bg);padding:0 16px;font-size:13px;font-weight:600;cursor:pointer}



.intx-onoff .form-check-input{width:17px;height:17px;accent-color:var(--sk-amber-deep)}



.intx-nfield{flex:1;min-width:220px;max-width:340px}



.intx-nfield .skb-field{margin:0}



@media(max-width:560px){.intx-nrow{flex-direction:column;align-items:stretch}.intx-nfield{max-width:none}.intx-onoff{justify-content:flex-start}}







/* ===== SKQ FORM FIX — چک‌ردیف بسته سؤال + جای دکمه‌های ذخیره/انصراف + ریتم skd ===== */



.skq-form .qf>label.skq-checkrow{display:flex;align-items:center;margin-bottom:0}



.skq-checkrow input{flex-shrink:0}



.skq-factions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px;flex-wrap:wrap}



.skd>.skq-note{margin-bottom:0}



@media(max-width:560px){.skq-factions .sk-btn{flex:1 1 auto;justify-content:center}}







/* ===== SKQ ACT GRID — دکمه‌های هم‌عرض دو ردیفه با آیکون در کارت بسته سؤال ===== */



.skq-card__act--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}



.skq-card__act--grid a{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:8px 11px;white-space:nowrap;overflow:hidden}



.skq-card__act--grid a svg{width:15px;height:15px;flex-shrink:0}



.skq-card__act--grid a span{overflow:hidden;text-overflow:ellipsis}



/* ریتم: فیلترها به‌عنوان بچه مستقیم skd نباید مارجین خودشان را روی gap سوار کنند */



.skd>.skq-filters{margin-bottom:0}







/* ===== QBD — صفحه جزئیات بسته سؤال: تک‌ستون، نوار مصرف آپلود، ریتم skd ===== */



.qbd-kpis2{grid-template-columns:repeat(2,minmax(0,1fr))}



.skd>.skd-kpis{margin-bottom:0!important}



.qbd-cap{font-size:14px;color:var(--sk-ink-faint);font-weight:600}



.qbd-bar{height:10px;border-radius:999px;background:var(--sk-bg);border:1px solid var(--sk-line);overflow:hidden;margin-bottom:7px}



.qbd-bar i{display:block;height:100%;min-width:2%;max-width:100%;border-radius:999px;background:linear-gradient(90deg,var(--sk-amber),var(--sk-amber-deep));transition:width .3s ease}



.qbd-bar__cap{margin:0 0 12px;font-size:12.5px;color:var(--sk-ink-soft)}



.qbd-hint{margin:12px 0 0;font-size:12px;color:var(--sk-ink-faint);line-height:1.8}



.qbd-sub{color:var(--sk-ink-faint)}



.skb-card__h .qbd-all{margin-inline-start:auto}



@media(max-width:560px){.qbd-kpis2{grid-template-columns:1fr}}







/* ===== QBD QUOTA V2 — دونات مصرف + نوارهای برچسب‌دار و لجند ===== */



.qbd-quota{display:flex;align-items:center;gap:26px;flex-wrap:wrap}



.qbd-donut{position:relative;width:132px;height:132px;flex-shrink:0}



.qbd-donut svg{width:100%;height:100%;transform:rotate(-90deg)}



.qbd-donut circle{fill:none;stroke-width:3.6;stroke-linecap:round}



.qbd-donut__bg{stroke:var(--sk-bg);stroke:color-mix(in srgb,var(--sk-line) 65%,transparent)}



.qbd-donut__val{stroke:var(--sk-amber-deep);transition:stroke-dasharray .4s ease}



.qbd-donut__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}



.qbd-donut__c strong{font-size:21px;font-weight:900;color:var(--sk-ink);line-height:1}



.qbd-donut__c span{font-size:10.5px;color:var(--sk-ink-faint)}



.qbd-quota__bars{flex:1;min-width:260px;display:flex;flex-direction:column;gap:13px}



.qbd-brow{display:flex;flex-direction:column;gap:6px}



.qbd-brow__t{display:flex;align-items:baseline;justify-content:space-between;gap:10px}



.qbd-brow__t span{font-size:12px;color:var(--sk-ink-soft)}



.qbd-brow__t strong{font-size:12px;font-weight:700;color:var(--sk-ink);direction:ltr}



.qbd-bar--ok i{background:linear-gradient(90deg,var(--sk-ok),var(--sk-ok))}



.qbd-legend{display:grid;grid-template-columns:12px 1fr auto;gap:7px 9px;align-items:center;padding-top:11px;border-top:1px dashed var(--sk-line)}



.qbd-dot{width:9px;height:9px;border-radius:999px}



.qbd-dot--a{background:var(--sk-amber-deep)}



.qbd-dot--b{background:var(--sk-ok)}



.qbd-dot--c{background:var(--sk-info)}



.qbd-legend__l{font-size:12px;color:var(--sk-ink-soft)}



.qbd-legend strong{font-size:12px;font-weight:700;color:var(--sk-ink);direction:ltr;text-align:left}



.qbd-quota .qbd-bar{margin-bottom:0}



@media(max-width:640px){.qbd-quota{gap:16px}.qbd-donut{margin-inline:auto}}



[data-theme="dark"] .qbd-donut__bg{stroke:color-mix(in srgb,var(--sk-line) 85%,transparent)}







/* ===== QBD QUOTA V3 — مینیمال: دونات + دو نوار باریک محدود + چیپ‌های لجند ===== */



.qbd-quota{display:flex;align-items:center;justify-content:flex-start;gap:34px;flex-wrap:wrap}



.qbd-quota__bars{flex:0 1 460px;min-width:250px;gap:14px}



.qbd-bar{height:7px;margin-bottom:0}



.qbd-brow__t{font-size:11.5px}



.qbd-brow__t span{color:var(--sk-ink-faint)}



.qbd-brow__t strong{font-size:11.5px}



.qbd-chips{display:flex;flex-wrap:wrap;gap:7px;padding-top:2px;border-top:0}



.qbd-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--sk-ink-soft);background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:999px;padding:4px 10px}



.qbd-chip b{font-weight:700;color:var(--sk-ink);direction:ltr}



.qbd-chip .qbd-dot{width:7px;height:7px}



.qbd-qlist{display:flex;flex-direction:column;gap:7px}



.qbd-q{display:flex;align-items:center;gap:11px;background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:12px;padding:9px 13px;color:var(--sk-ink);transition:border-color .14s,transform .14s}



.qbd-q:hover{border-color:var(--sk-amber);transform:translateY(-1px)}



.qbd-q__no{width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);color:var(--sk-amber-deep);display:grid;place-items:center;font-size:13px;font-weight:800}



.qbd-q__t{flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.qbd-q__go{flex-shrink:0;color:var(--sk-ink-faint);display:grid;place-items:center;transition:.14s}



.qbd-q__go svg{width:16px;height:16px}



.qbd-q:hover .qbd-q__go{color:var(--sk-amber-deep)}



@media(max-width:560px){.qbd-q .skq-badge{display:none}.qbd-quota{gap:18px}}



[data-theme="dark"] .qbd-q{box-shadow:none}







/* ===== QBD MIX — KPIهای سه‌ستونه با دونات + کارت ترکیب سؤال‌ها ===== */



.qbd-kpis2{grid-template-columns:repeat(3,minmax(0,1fr))}



.qbd-kpi--chart{flex-direction:row;align-items:center;gap:14px}



.qbd-donut--sm{width:76px;height:76px}



.qbd-donut--sm .qbd-donut__c strong{font-size:15px}



.qbd-kpi--chart__tx{display:flex;flex-direction:column;gap:6px;min-width:0}



.qbd-kpi--chart__v{font-size:19px;direction:ltr;text-align:end}



.qbd-mix{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--sk-bg);border:1px solid var(--sk-line);margin-bottom:14px}



.qbd-mix__seg{display:block;flex-grow:1;flex-basis:0;min-width:6px}



.qbd-mix__seg+.qbd-mix__seg{border-inline-start:2px solid var(--sk-surface)}



i.qbd-mix--easy,.qbd-dot.qbd-mix--easy{background:var(--sk-ok)}



i.qbd-mix--medium,.qbd-dot.qbd-mix--medium{background:var(--sk-amber-deep)}



i.qbd-mix--hard,.qbd-dot.qbd-mix--hard{background:var(--sk-danger)}



i.qbd-mix--very_hard,.qbd-dot.qbd-mix--very_hard{background:var(--sk-ink)}



.qbd-mixstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}



.qbd-mixstat{display:flex;align-items:center;gap:9px;background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:12px;padding:11px 14px}



.qbd-mixstat strong{font-size:19px;font-weight:900;color:var(--sk-ink);line-height:1}



.qbd-mixstat__l{font-size:12px;color:var(--sk-ink-soft)}



@media(max-width:1180px){.qbd-kpis2{grid-template-columns:repeat(2,minmax(0,1fr))}.qbd-kpi--chart{grid-column:1/-1}}



@media(max-width:820px){.qbd-mixstats{grid-template-columns:repeat(2,minmax(0,1fr))}}



@media(max-width:560px){.qbd-kpis2{grid-template-columns:1fr}.qbd-mixstats{grid-template-columns:repeat(2,minmax(0,1fr))}}



[data-theme="dark"] i.qbd-mix--very_hard,[data-theme="dark"] .qbd-dot.qbd-mix--very_hard{background:var(--sk-ink)}



[data-theme="dark"] .qbd-mix__seg+.qbd-mix__seg{border-inline-start-color:var(--sk-surface)}







/* ===== QBD MIX COLORS — آسان آبی · متوسط زرد · سخت نارنجی · خیلی سخت قرمز ===== */



i.qbd-mix--easy,.qbd-dot.qbd-mix--easy{background:var(--sk-info)}



i.qbd-mix--medium,.qbd-dot.qbd-mix--medium{background:var(--sk-amber)}



i.qbd-mix--hard,.qbd-dot.qbd-mix--hard{background:#f97316}



i.qbd-mix--very_hard,.qbd-dot.qbd-mix--very_hard{background:var(--sk-danger)}



[data-theme="dark"] i.qbd-mix--very_hard,[data-theme="dark"] .qbd-dot.qbd-mix--very_hard{background:var(--sk-danger)}



.skq-badge.is-info{background:var(--sk-info-soft);color:var(--sk-info);border-color:var(--sk-info-line)}



.skq-badge.is-orange{background:rgba(249,115,22,.12);color:#ea6a12;border-color:rgba(249,115,22,.32)}



[data-theme="dark"] .skq-badge.is-orange{background:rgba(249,115,22,.16);color:#fb923c;border-color:rgba(249,115,22,.4)}







/* ===== QBD QLIST V2 — سؤال‌ها در صفحه بسته: اکشن آیکون‌دار، حذفِ فقط‌آیکون، وزن سبک‌تر ===== */



.skq-card .skq-card__q{font-weight:600;font-size:13.5px;color:var(--sk-ink)}



.skq-card__act--q{display:flex;gap:7px}



.skq-card__act--q>a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}



.skq-card__act--q a svg{width:15px;height:15px;flex-shrink:0}



.skq-card__act--q form{display:inline-flex;flex-shrink:0}



.skq-delbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:9px;background:var(--sk-surface-2);border:1px solid var(--sk-line);color:var(--sk-danger);cursor:pointer;transition:background .14s,border-color .14s}



.skq-delbtn svg{width:16px;height:16px}



.skq-delbtn:hover{background:var(--sk-danger-soft);border-color:var(--sk-danger-line)}



.qbd-empty-wide{grid-column:1/-1}



[data-theme="dark"] .skq-delbtn{background:var(--sk-surface-2)}







/* ===== QBD QTEXT WEIGHT — کاهش وزن متن سؤال فقط در کارت‌های سؤال ===== */



.skq-card .skq-card__q{font-weight:500}







/* ===== SKQ ACT ROWS — دکمه‌های کارت بسته سؤال: سه ردیف تمام‌عرض زیر هم ===== */



.skq-card__act--grid{grid-template-columns:1fr}







/* ===== QBD QTEXT WEIGHT V2 — غلبه بر h3 سراسری 800!important فقط برای متن سؤال کارت‌ها ===== */



.skq-card .skq-card__q{font-weight:600!important}







/* ===== SKQD RESIZE + BOTTOM — اسپلیتر عرض ستون سوالات و بازطراحی نوار پایین ===== */



.skqd-main{grid-template-columns:var(--qd-qlist-w,296px) 10px minmax(0,1fr) 300px}



.skqd-rsz{align-self:stretch;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;border-radius:6px;transition:background .14s}



.skqd-rsz i{width:3px;height:44px;border-radius:99px;background:var(--sk-line-strong);transition:background .14s,height .14s}



.skqd-rsz:hover{background:var(--sk-amber-soft)}



.skqd-rsz:hover i,body.skqd-resizing .skqd-rsz i{background:var(--sk-amber-deep);height:64px}



body.skqd-resizing{user-select:none;cursor:col-resize}



body.skqd-resizing .skqd-col{pointer-events:none}



.skqd-bottom{gap:10px;padding:10px 14px;margin-top:12px}



.skqd-bdiv{gap:8px}



.skqd-bstat{background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:999px;padding:6px 13px;font-size:12px;color:var(--sk-ink-soft)}



.skqd-bstat svg{width:15px;height:15px;color:var(--sk-amber-deep);flex-shrink:0}



.skqd-bstat b{font-weight:800;color:var(--sk-ink)}



.skqd-bstat:last-child{background:var(--sk-ok-soft);border-color:var(--sk-ok-line);color:var(--sk-ok)}



.skqd-bstat:last-child svg{color:var(--sk-ok)}



.skqd-bstat:last-child b{color:var(--sk-ok)}



@media(max-width:1100px){.skqd-main{grid-template-columns:1fr}.skqd-rsz{display:none}}



@media(max-width:560px){.skqd-bottom{justify-content:center}}



[data-theme="dark"] .skqd-rsz:hover{background:var(--sk-amber-soft)}







/* ===== SKQD RESIZE V2 — خط عمودی تمام‌قد + دستگیره قرصی با فلش چپ/راست ===== */



.skqd-main{grid-template-columns:var(--qd-qlist-w,296px) 14px minmax(0,1fr) 300px}



.skqd-rsz{position:relative;background:transparent}



.skqd-rsz:hover{background:transparent}



.skqd-rsz::before{content:"";position:absolute;inset-block:0;left:50%;width:1px;margin-left:-.5px;background:var(--sk-line);transition:background .14s,width .14s}



.skqd-rsz:hover::before,body.skqd-resizing .skqd-rsz::before{background:var(--sk-amber);width:2px;margin-left:-1px}



.skqd-rsz i{position:relative;width:14px;height:34px;border-radius:999px;background:var(--sk-surface);border:1px solid var(--sk-line-strong);box-shadow:0 1px 3px rgba(15,17,21,.1);display:grid;place-items:center;color:var(--sk-ink-faint);transition:border-color .14s,color .14s,box-shadow .14s}



.skqd-rsz i svg{width:11px;height:11px;opacity:0;transition:opacity .14s}



.skqd-rsz:hover i,body.skqd-resizing .skqd-rsz i{background:var(--sk-surface);height:34px;border-color:var(--sk-amber);color:var(--sk-amber-deep);box-shadow:0 2px 6px rgba(15,17,21,.14)}



.skqd-rsz:hover i svg,body.skqd-resizing .skqd-rsz i svg{opacity:1}



[data-theme="dark"] .skqd-rsz i{box-shadow:none}







/* ===== SKQD RESIZE V3 — دستگیره چسبان وسط دید + اسپلیتر دوطرفه (سوالات و پنل ویژگی‌ها) ===== */



.skqd-main{grid-template-columns:var(--qd-qlist-w,296px) 14px minmax(0,1fr) 14px var(--qd-side-w,300px)}



.skqd-rsz{display:block}



.skqd-rsz i{position:sticky;top:calc(50vh - 17px);margin-inline:auto}



.skqd-rsz i svg{opacity:.55}



.skqd-rsz:hover i svg,body.skqd-resizing .skqd-rsz i svg{opacity:1}



@media(max-width:1100px){.skqd-main{grid-template-columns:1fr}.skqd-rsz{display:none}}







/* ===== SKQ FORM STD + PRIMARY LEFT — پوسته واحد برای skq-form و قانون سراسری «primary سمت چپ» ===== */



.skq-form{box-shadow:0 1px 2px rgba(15,17,21,.02)}



.skb-actions .sk-btn--primary{margin-inline-start:auto}



@media(max-width:720px){.skb-actions .sk-btn--primary{margin-inline-start:0}}



.skq-form .skb-field .tk-upload{background:var(--sk-surface-2)}







/* ===== SKQ IMPORT PREVIEW STD — پیش‌نمایش ورود CSV: ریتم skd، نوت خطا، سلول‌ها ===== */



.skd>.skq-tablewrap{margin-top:0}



.skq-note--danger{background:var(--sk-danger-soft);border-color:var(--sk-danger-line);color:var(--sk-danger)}



.skq-kpi__v--sm{font-size:18px}



.skq-td--err{color:var(--sk-danger)}



.skq-td--empty{text-align:center;color:var(--sk-ink-faint);padding:22px 14px}







/* ===== TK-UPLOAD HIDDEN FIX — [hidden] داخل خود کامپوننت همه‌جا واقعاً مخفی شود (نه فقط زیر .skb) ===== */



.tk-upload [hidden]{display:none!important}







/* ===== QBD DONUT SMART — رنگ هشدار دونات مصرف: ۶۰٪+ نارنجی · ۸۵٪+ قرمز ===== */



.qbd-donut__val.is-warm{stroke:#f97316}



.qbd-donut__val.is-hot{stroke:var(--sk-danger)}



.qbd-donut:has(.is-warm) .qbd-donut__c strong{color:#ea6a12}



.qbd-donut:has(.is-hot) .qbd-donut__c strong{color:var(--sk-danger)}







/* ===== QBD QTEXT WEIGHT V3 — وزن ۵۵۰ + فونت بدنه برای متن سؤال کارت‌ها ===== */



.skq-card .skq-card__q{font-weight:550!important;font-family:var(--sk-font)}







/* ===== QBD MIXTOP — عدد و سطح مورب بالای نوار توزیع، بدون کادر ===== */



.qbd-mixtop{display:flex;align-items:flex-end;margin-bottom:9px;min-height:34px}



.qbd-mixtop__l{flex-grow:1;flex-basis:0;min-width:0;display:inline-flex;align-items:baseline;justify-content:center;gap:5px;font-size:12px;font-weight:600;white-space:nowrap;transform:rotate(-6deg);transform-origin:center bottom}



.qbd-mixtop__l b{font-size:17px;font-weight:900;line-height:1}



.qbd-mixc--easy{color:var(--sk-info)}



.qbd-mixc--medium{color:var(--sk-amber-deep)}



.qbd-mixc--hard{color:#ea6a12}



.qbd-mixc--very_hard{color:var(--sk-danger)}



[data-theme="dark"] .qbd-mixc--hard{color:#fb923c}



.qbd-mix{margin-bottom:0}



@media(max-width:560px){.qbd-mixtop__l{font-size:11px;transform:rotate(-10deg)}.qbd-mixtop__l b{font-size:14px}}







/* ===== QBD MIXTOP FLAT — لیبل‌های بالای نوار بدون چرخش ===== */



.qbd-mixtop__l{transform:none}



@media(max-width:560px){.qbd-mixtop__l{transform:none}}







/* ===== SKB AXIS POLISH + AUD BUILDER — پیکرگر محورها و سازنده ردیفی «برای چه کسانی مفید است» ===== */



.skb-axis-search,.skb-axis-modal__search{transition:border-color .15s,box-shadow .15s,background-color .15s}



.skb-axis-section{padding:15px 16px;gap:11px}



.skb-axis-section__h{padding-bottom:10px;border-bottom:1px dashed var(--sk-line)}



.skb-axis-selected{background:var(--sk-bg);border-radius:11px;gap:7px 8px}



.skb-axis-selected .lead{flex-basis:100%;margin-bottom:1px;margin-top:10px}



.skb-axis-selchip{line-height:1.7}



.skb-aud{display:flex;flex-direction:column;gap:8px}



.skb-aud__ta{position:absolute!important;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}



.skb-aud__list{display:flex;flex-direction:column;gap:8px}



.skb-aud__row{display:flex;align-items:center;gap:8px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:8px 10px;transition:border-color .14s}



.skb-aud__row:focus-within{border-color:var(--sk-amber-line)}



.skb-aud__n{width:26px;height:26px;flex-shrink:0;border-radius:8px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center;font-size:12px;font-weight:700}



.skb-aud__row .sk-input{flex:1;min-width:0}



.skb-aud__row .sk-input.is-dupe{border-color:var(--sk-danger);box-shadow:0 0 0 3px var(--sk-danger-soft)}



.skb-aud__alert{margin:0;font-size:12px;font-weight:600;color:var(--sk-danger);background:var(--sk-danger-soft);border:1px solid var(--sk-danger-line);border-radius:10px;padding:9px 12px}







/* ===== SKB AXIS SEARCH MINIMAL — خنثی‌سازی پوسته سراسری input جستجو داخل پیکرگر ===== */



.sk-content .skb-axis-search input[type="search"],.sk-content .skb-axis-modal__search input[type="search"]{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;font-size:13px!important;width:100%!important}



.skb-axis-search,.skb-axis-modal__search{background:var(--sk-surface);height:42px;border-radius:11px}



.skb-axis-search:focus-within,.skb-axis-modal__search:focus-within{background:var(--sk-surface)}



[data-theme="dark"] .skb-axis-search,[data-theme="dark"] .skb-axis-modal__search{background:var(--sk-surface)}







/* ===== SKB AXIS FULL + MODAL X — دکمه «مشاهده کامل» راست‌چین خوش‌دست و ضربدر وسط ===== */



.skb-axis-modal__h button{display:grid;place-items:center;padding:0;font-size:20px;line-height:1;transition:background .14s,color .14s}



.skb-axis-modal__h button:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}



.skb-axis-full{align-self:flex-start;height:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;transition:border-color .14s,box-shadow .14s,background .14s}



.skb-axis-full::before{content:"";width:15px;height:15px;flex-shrink:0;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" stroke-linecap="round"><path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/></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" stroke-linecap="round"><path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/></svg>') center/contain no-repeat}



.skb-axis-full:hover{border-style:solid;border-color:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft)}



[data-theme="dark"] .skb-axis-full:hover{box-shadow:0 0 0 3px var(--sk-amber-soft)}







/* ===== SKB AXIS TWEAKS — هاور «مشاهده کامل» بدون solid و بردر خاکستری چیپ‌های انتخاب ===== */



.skb-axis-full:hover{border-style:dashed;border-color:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft)}



.skb-axis-selchip{border:1px solid #c0c0c0!important}



[data-theme="dark"] .skb-axis-selchip{border:1px solid #5a5a5a!important}







/* ===== SKB AXIS FULL HOVER V2 — بدون بردر و بدون سایه در هاور ===== */



.skb-axis-full:hover{border-style:none;border-color:var(--sk-amber);box-shadow:none}







/* ===== EXL LIST — لیست آزمون‌ها: ریتم skd، اکشن‌های دوستونه آیکون‌دار، فیلتر سبک ===== */



.skd>.skp-filters{margin-bottom:0}



.skp-filters--slim{background:transparent;border:0;border-radius:0;padding:0;gap:9px;align-items:flex-end}



.skp-filters--slim .tk-field{gap:4px;min-width:140px;flex:1 1 140px}



.skp-filters--slim .tk-field label{font-size:11px;font-weight:600;color:var(--sk-ink-faint)}



.skp-filters--slim .tk-field input,.skp-filters--slim .tk-field select{height:40px;padding-top:0;padding-bottom:0;font-size:12.5px}



.skp-filters--slim>.sk-btn{height:40px;padding-block:0}



.skq-card__act--g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}



.skq-card__act--g2>a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}



.skq-card__act--g2 a svg{width:15px;height:15px;flex-shrink:0}



.skq-card__act--g2 a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}







/* ===== EXL FILTER V2 — بازگشت به کارت استاندارد فیلتر (فشرده، نه سنگین) ===== */



.skp-filters--slim{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:12px 14px;gap:10px;box-shadow:0 1px 2px rgba(15,17,21,.02)}



.skp-filters--slim .tk-field label{color:var(--sk-ink-soft)}







/* ===== PORTAL TABS STD — تب‌های پرتال روی پوسته واحد: radius 16، سایه استاندارد، ریتم skd ===== */



.designer-nav,.institute-nav{border-radius:16px;box-shadow:0 1px 2px rgba(15,17,21,.02)}



.skd>.designer-nav,.skd>.institute-nav{margin:0}



[data-theme="dark"] .designer-nav,[data-theme="dark"] .institute-nav{box-shadow:none}







/* ===== SKW STD — ورک‌اسپیس آزمون: ریتم 12، پوسته واحد، پنل کارت‌شده، گروه‌های محور ===== */



.skw{gap:12px}



.skw>.skw-stats{margin:0}



.skw-sec-head{margin-bottom:12px}



.skw-grid2,.skw-grid3{gap:12px}



.skw-hero{border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skw-card{border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skw-panel.is-active{display:block;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skw-panel .skw-card{box-shadow:none}



.skw-card--notice{border-color:var(--sk-amber-line)!important;background:var(--sk-amber-soft)!important;box-shadow:none}



.skw-card h3.skw-h3-gap{margin-top:14px}



.skw-spec{margin-top:12px;padding-top:12px;border-top:1px dashed var(--sk-line)}



.skw-axgroups{display:flex;flex-direction:column;gap:9px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--sk-line)}



.skw-axg{display:flex;align-items:flex-start;gap:10px}



.skw-axg__l{flex-shrink:0;width:98px;font-size:11.5px;color:var(--sk-ink-faint);padding-top:5px}



.skw-axg__c{display:flex;flex-wrap:wrap;gap:6px;min-width:0}



[data-theme="dark"] .skw-hero,[data-theme="dark"] .skw-card,[data-theme="dark"] .skw-panel.is-active{box-shadow:none}



@media(max-width:560px){.skw-axg{flex-direction:column;gap:5px}.skw-axg__l{width:auto;padding-top:0}}







/* ===== FILTER + TABS BORDER V3 — بردر #e1e1e1 و سایه مشکی .02، radius فیلتر 10 ===== */



.skp-filters--slim{border-radius:10px;border:1px solid #e1e1e1!important;box-shadow:0 1px 2px rgba(0,0,0,.02)!important}



.designer-nav,.institute-nav{border:1px solid #e1e1e1;box-shadow:0 1px 2px rgba(0,0,0,.02)!important}



[data-theme="dark"] .skp-filters--slim{border:1px solid var(--sk-line)!important;box-shadow:none!important}



[data-theme="dark"] .designer-nav,[data-theme="dark"] .institute-nav{border:1px solid var(--sk-line);box-shadow:none!important}







/* ===== PORTAL TABS V2 — radius 10 (هماهنگ با کارت فیلتر) ===== */



.designer-nav,.institute-nav{border-radius:10px}







/* ===== SKB GAP 12 — ریتم عمودی ویزارد/فرم‌های skb روی 12px استاندارد ===== */



.skb{gap:12px}







/* ===== SKS STD + HELP — تنظیمات آزمون: پوسته واحد + دکمه و پاپ‌آپ «راهنمای این بخش» ===== */



.sks{gap:12px}



.sks-head{border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.sks-list,.sks-detail,.sks-pw{box-shadow:0 1px 2px rgba(0,0,0,.02)}



[data-theme="dark"] .sks-head,[data-theme="dark"] .sks-list,[data-theme="dark"] .sks-detail{box-shadow:none}



.sks-dhead__side{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-start:auto}



.sks-helpbtn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;border:1px dashed var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .14s,background .14s}



.sks-helpbtn svg{width:15px;height:15px;flex-shrink:0}



.sks-helpbtn:hover{border-style:solid;border-color:var(--sk-amber)}



.sks-item__help{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--sk-ink-faint);transition:background .14s,color .14s}



.sks-item__help svg{width:15px;height:15px}



.sks-item__help:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.sksh-dialog{max-width:640px}



.sksh-head{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--sk-line)}



.sksh-head__ic{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);display:grid;place-items:center}



.sksh-head__ic svg{width:17px;height:17px}



.sksh-head h2{flex:1;min-width:0;font-size:15px;font-weight:800;color:var(--sk-ink);margin:0}



.sksh-x{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:9px;background:var(--sk-surface-2);color:var(--sk-ink-faint);cursor:pointer;transition:background .14s,color .14s}



.sksh-x svg{width:15px;height:15px}



.sksh-x:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}



.sksh-body{padding:16px 18px;overflow-y:auto;font-size:13.5px;line-height:2.05;color:var(--sk-ink)}



.sksh-body h3{font-size:14px!important;font-weight:800!important;margin:14px 0 6px;color:var(--sk-ink)}



.sksh-body p{margin:0 0 9px}



.sksh-body ul,.sksh-body ol{margin:0 0 11px;padding-inline-start:22px}



.sksh-body li{margin-bottom:4px}



.sksh-body a{color:var(--sk-amber-deep)}



.sksh-body img{max-width:100%;border-radius:10px}







/* ===== SKSF PRICING V2 — قفل حالت رایگان، تومان زنده، اعتبار شرطی، سهم فروش شفاف + هاور راهنما ===== */



.sks-helpbtn:hover{border-style:dashed;border-color:var(--sk-amber-line)}



.sksf-dim{opacity:.45;pointer-events:none}



.sksf-dim input{background:var(--sk-surface-2)}



.sksf-toman{margin-top:6px;font-size:12px;font-weight:700;color:var(--sk-ok)}



.sksf-toman[hidden]{display:none}



.tk-field[hidden],.sksf-until[hidden]{display:none}



.sksf-until input[data-jalali]{cursor:pointer;background:var(--sk-surface)}



.sksf-share{background:var(--sk-surface)}



.sksf-share .agr-spec{margin-top:2px}



.sksf-share__note{margin:12px 0 0;font-size:12px;color:var(--sk-ink-faint);line-height:1.9}







/* ===== SKFTQ V2 — بازطراحی «سوالات تست رایگان»: کارت‌های انتخابی دوستونه + شمارنده زنده ===== */



.skftq-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--sk-surface-2);border:1px dashed var(--sk-line);border-radius:11px;padding:9px 13px;font-size:12px;color:var(--sk-ink-soft);margin-bottom:10px}



.skftq-head__chips{display:inline-flex;gap:6px}



.skftq-chip{font-size:11.5px;font-weight:700;color:var(--sk-ink-soft);background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:999px;padding:4px 11px}



.skftq-chip.is-sel{color:var(--sk-amber-deep);background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}



.skftq-chip i{font-style:normal;font-weight:800}



.skftq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}



.skftq-card{display:flex;flex-direction:column;gap:10px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:13px;padding:12px 13px;transition:border-color .14s,background .14s,box-shadow .14s}



.skftq-card.is-selected{border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.skftq-card__main{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:0}



.skftq-card__main input{position:absolute;opacity:0;pointer-events:none}



.skftq-check{width:21px;height:21px;flex-shrink:0;border-radius:7px;border:2px solid var(--sk-line-strong);background:var(--sk-surface);display:grid;place-items:center;color:#fff;transition:.14s;margin-top:1px}



.skftq-check svg{width:12px;height:12px;opacity:0;transition:opacity .12s}



.skftq-card.is-selected .skftq-check{background:var(--sk-amber-deep);border-color:var(--sk-amber-deep)}



.skftq-card.is-selected .skftq-check svg{opacity:1}



.skftq-title{display:flex;flex-direction:column;gap:3px;min-width:0}



.skftq-title b{font-size:12.8px;font-weight:700;color:var(--sk-ink);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



.skftq-title small{font-size:11px;color:var(--sk-ink-faint)}



.skftq-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding:8px 12px;border-radius:10px;border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink-soft);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .14s,color .14s,background .14s}



.skftq-open svg{width:14px;height:14px}



.skftq-open:hover{border-color:var(--sk-amber);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}



.skftq-empty{grid-column:1/-1;text-align:center;padding:18px 12px;border:1px dashed var(--sk-line);border-radius:12px;color:var(--sk-ink-faint);font-size:12.5px}



@media(max-width:640px){.skftq-list{grid-template-columns:1fr}}



[data-theme="dark"] .skftq-card.is-selected{background:var(--sk-amber-soft)}







/* ===== SKS RADIUS 10 — یکدست‌سازی گوشه‌ها و فاصله آمار در صفحه تنظیمات ===== */



.sks-stats{gap:12px}



.sks-stat{border-radius:10px}



.sks-head{border-radius:10px}



.sks-detail{border-radius:10px}



.sks-list{border-radius:10px}







/* ===== SKSA ACC — آکاردئون بخش‌های «اطلاعات اصلی آزمون»: پیش‌فرض بسته، تک‌باز ===== */



.sksa{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:10px;overflow:hidden}



.sksa+.sksa,.sksa+*{margin-top:0}



.skb-wz-fields .sksa{grid-column:1/-1}



.sksa__h{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 15px;background:var(--sk-surface-2);border:0;cursor:pointer;font-family:inherit;text-align:right;transition:background .14s}



.sksa__h:hover{background:var(--sk-amber-soft)}



.sksa__t{font-size:13.5px;font-weight:800;color:var(--sk-ink)}



.sksa__chev{display:grid;place-items:center;color:var(--sk-ink-faint);transition:transform .18s var(--sk-ease),color .14s}



.sksa__chev svg{width:16px;height:16px}



.sksa.is-open .sksa__chev{transform:rotate(180deg);color:var(--sk-amber-deep)}



.sksa.is-open .sksa__h{background:var(--sk-amber-soft)}



.sksa__b{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;border-top:1px solid var(--sk-line)}



.sksa__b>.skb-field.full,.sksa__b>.skb-field--checks,.sksa__b>div[data-field="image"]{grid-column:1/-1}



@media(max-width:720px){.sksa__b{grid-template-columns:1fr}}



[data-theme="dark"] .sksa__h:hover,[data-theme="dark"] .sksa.is-open .sksa__h{background:var(--sk-amber-soft)}







/* ===== SKS HEAD SIDE — دکمه بازگشت استاندارد کنار کارت پیشرفت ===== */



.sks-head__side{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:236px}



.sks-head__side>.sk-btn{justify-content:center}



.sks-head__side .sks-pw{min-width:0}



@media(max-width:760px){.sks-head__side{min-width:100%;width:100%}}







/* ===== SKSA ACC V2 — تفکیک قوی بخش باز از بسته‌ها: حلقه کهربایی، نوار کناری، کم‌رنگی بقیه ===== */



.sksa{transition:border-color .16s,box-shadow .16s,opacity .16s}



.sksa.is-open{border-color:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft),0 1px 2px rgba(0,0,0,.02)}



.sksa.is-open .sksa__h{position:relative;background:var(--sk-amber-soft);border-bottom:1px solid var(--sk-amber-line)}



.sksa.is-open .sksa__h::before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:3.5px;border-radius:99px;background:var(--sk-amber-deep)}



.sksa.is-open .sksa__t{color:var(--sk-amber-deep)}



.sksa__b{border-top:0;background:var(--sk-surface)}



.skb-wz-fields:has(.sksa.is-open) .sksa:not(.is-open){opacity:.6}



.skb-wz-fields:has(.sksa.is-open) .sksa:not(.is-open):hover{opacity:1}



[data-theme="dark"] .sksa.is-open{box-shadow:0 0 0 3px var(--sk-amber-soft)}







/* ===== SKSA IN SKB — آکاردئون در فرم تمام‌صفحه ویرایش/ساخت آزمون ===== */



.sksa__b>.skb-wz-fields{grid-column:1/-1}



.sksa__hint{grid-column:1/-1;margin:0;font-size:12px;color:var(--sk-ink-faint);line-height:1.8}



.skb:has(.sksa.is-open) .sksa:not(.is-open){opacity:.6}



.skb:has(.sksa.is-open) .sksa:not(.is-open):hover{opacity:1}







/* ===== SKS ITEM HELP V2 — آیکون راهنمای آیتم‌ها: جمع‌وجور و به رنگ استاندارد راهنما (آبی info) ===== */



.sks-item__help{width:15px;height:15px;border-radius:9px;color:var(--sk-info)}



.sks-item__help svg{width:15px;height:15px}



.sks-item__help:hover{background:var(--sk-info-soft);color:var(--sk-info)}







/* ===== SKW DANGER BTN + ANCHOR — دکمه حذف پیش‌نویس با طرح مشخص و لنگر بخش ترتیب ===== */



.skw-hero__actions form{display:inline-flex;margin:0}



.skw-hero__actions .sk-btn--danger{background:var(--sk-danger-soft);color:var(--sk-danger);border:1px solid var(--sk-danger-line);font-weight:700}



.skw-hero__actions .sk-btn--danger:hover{background:var(--sk-danger);color:#fff;border-color:var(--sk-danger)}



#question-order{scroll-margin-top:84px}







/* ===== SKQP V2 — بازطراحی صفحه انتخاب سؤالات: فیلترها، مرتب‌سازی، اتصال پاپ‌آپی، ترتیب نهایی ===== */



.skqp-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--sk-surface);border:1px solid #e1e1e1;border-radius:10px;padding:10px 12px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skqp-filters__lg{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px dashed var(--sk-amber-line);border-radius:999px;padding:6px 12px}



.skqp-filters__lg svg{width:14px;height:14px}



.skqp-filters__f{flex:1 1 150px;min-width:140px}



.skqp-filters__f select,.skqp-filters__f input{width:100%;height:38px;font-size:12.5px}



.skqp-filters__toggle{border:0;background:transparent;color:var(--sk-info);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:6px 4px}



.skqp-sortrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}



.skqp-sortrow__l{font-size:11.5px;color:var(--sk-ink-faint);font-weight:600}



.skqp-sortchip{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:6px 13px;cursor:pointer;transition:.14s}



.skqp-sortchip.is-active{background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}



.skqp-sortchip.is-active::after{content:"↑";font-size:11px}



.skqp-sortchip.is-active[data-dir="desc"]::after{content:"↓"}



[data-qpicker] [data-q-search]{flex:1 1 100%;width:100%}



.skqp-pickbar{display:flex;flex-wrap:wrap;gap:8px}



.skqs-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}



.skqs-row{position:relative;display:flex;align-items:flex-start;gap:11px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:12px;padding:12px 13px;transition:border-color .14s,background .14s}



.skqs-row.is-linked{border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}



.skqs-ok{width:22px;height:22px;flex-shrink:0;margin-top:2px;border-radius:999px;display:grid;place-items:center;background:var(--sk-surface-2);border:1px solid var(--sk-line);color:transparent;transition:.14s}



.skqs-ok svg{width:12px;height:12px}



.skqs-row.is-linked .skqs-ok{background:var(--sk-ok);border-color:var(--sk-ok);color:#fff}



.skqs-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}



.skqs-chips{display:flex;flex-wrap:wrap;gap:5px}



.skqs-chips:empty{display:none}



.skqs-chip{font-size:10.5px;font-weight:700;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:999px;padding:3px 9px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.skqs-btns{display:flex;flex-direction:column;gap:6px;flex-shrink:0}



.skqs-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:9px;padding:7px 12px;cursor:pointer;transition:.14s;white-space:nowrap}



.skqs-btn svg{width:14px;height:14px;flex-shrink:0}



.skqs-btn:hover{border-color:var(--sk-amber);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}



.skqs-btn--note:hover{border-color:var(--sk-info-line);color:var(--sk-info);background:var(--sk-info-soft)}



.skqs-hidden{display:none!important}



.skqs-gatemsg{display:flex;align-items:center;gap:9px;font-size:12.3px;font-weight:600;color:var(--sk-danger);background:var(--sk-danger-soft);border:1px solid var(--sk-danger-line);border-radius:11px;padding:10px 13px;margin-bottom:10px}



.skqs-gatemsg svg{width:16px;height:16px;flex-shrink:0}



.skqs-actions .sk-btn[disabled]{opacity:.5;cursor:not-allowed}



.skqs-dialog{max-width:520px}



.skqs-dialog__q{margin:12px 18px 0;font-size:12.5px;font-weight:700;color:var(--sk-ink);line-height:1.9}



.skqs-dialog__list{display:flex;flex-direction:column;gap:6px;padding:12px 18px;max-height:52vh;overflow-y:auto}



.skqs-topicrow{display:flex;align-items:center;gap:10px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:10px;padding:10px 12px;cursor:pointer;transition:.14s}



.skqs-topicrow input{position:absolute;opacity:0;pointer-events:none}



.skqs-topicrow__c{width:20px;height:20px;flex-shrink:0;border-radius:6px;border:2px solid var(--sk-line-strong);background:var(--sk-surface);display:grid;place-items:center;color:#fff;transition:.13s}



.skqs-topicrow__c svg{width:11px;height:11px;opacity:0}



.skqs-topicrow:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.skqs-topicrow:has(input:checked) .skqs-topicrow__c{background:var(--sk-amber-deep);border-color:var(--sk-amber-deep)}



.skqs-topicrow:has(input:checked) .skqs-topicrow__c svg{opacity:1}



.skqs-topicrow__t{font-size:12.5px;font-weight:600;color:var(--sk-ink)}



.skqs-dialog__ta{margin:12px 18px 0;width:calc(100% - 36px)}



.skqs-dialog__f{display:flex;justify-content:flex-start;padding:14px 18px 16px}



.skqp-item{display:flex;flex-direction:column;gap:8px;background:var(--sk-surface);border-radius:11px;margin-bottom:8px;transition:border-color .14s,box-shadow .14s}



.skqp-item:hover{border-color:var(--sk-amber-line)}



.skqp-item strong{font-size:12.8px;font-weight:600;line-height:1.9;color:var(--sk-ink)}



.skqp-item .skqp-pill.handle{cursor:grab;background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}



.skqp-item>.sk-btn{align-self:flex-start;padding:6px 12px;font-size:11.5px}



.skqp-sort-tools .sk-btn{border-radius:999px}



@media(max-width:640px){.skqs-row{flex-wrap:wrap}.skqs-btns{flex-direction:row;width:100%}.skqs-btn{flex:1}}







/* ===== SKQS CHART + ROW V2 — نمودار وزن سرفصل‌ها، باکس سبز بدون دایره ===== */



.skqs-topicchart{display:flex;flex-direction:column;gap:8px;background:var(--sk-surface-2);border:1px dashed var(--sk-line);border-radius:11px;padding:12px 14px;margin-bottom:12px}



.skqs-tc__row{display:flex;align-items:center;gap:10px}



.skqs-tc__name{flex:0 0 210px;min-width:0;font-size:12px;font-weight:600;color:var(--sk-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.skqs-tc__name b{color:var(--sk-amber-deep);margin-inline-end:3px}



.skqs-tc__bar{flex:1;height:8px;border-radius:99px;background:var(--sk-line);overflow:hidden}



.skqs-tc__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sk-amber),var(--sk-amber-deep));transition:width .35s var(--sk-ease)}



.skqs-tc__val{flex:0 0 56px;text-align:left;font-size:11.5px;font-weight:800;color:var(--sk-ink-soft);}



.skqs-row.is-linked{border-color:var(--sk-ok);box-shadow:0 0 0 3px var(--sk-ok-soft)}



@media(max-width:640px){.skqs-tc__name{flex-basis:120px}.skqs-tc__val{flex-basis:48px}}







/* ===== SKQS DIALOG FIX — قاب‌بندی درست پاپ‌آپ یادداشت و سرفصل‌ها ===== */



.skqs-dialog{overflow:hidden}



.skqs-dialog__q{margin:14px 18px 0;padding:10px 13px;background:var(--sk-surface-2);border:1px dashed var(--sk-line);border-radius:10px;font-size:12.5px;font-weight:700;color:var(--sk-ink);line-height:1.95;word-break:break-word;overflow-wrap:anywhere}



.skqs-dialog__ta{display:block;box-sizing:border-box;width:calc(100% - 36px)!important;margin:12px 18px 0!important;min-height:140px;resize:vertical;font-size:13px;line-height:1.9}



.skqs-dialog__f{padding:14px 18px 16px}



.skqs-dialog__f .sk-btn{min-width:140px;justify-content:center}







/* ===== SKQP SCROLL CAP — مهار ارتفاع فهرست‌های بلند: بعد از ~۳۰ سؤال اسکرول داخلی ===== */



[data-q-table],.skqp-scroll{max-height:1760px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}



[data-q-table] .skqp-table thead th,.skqp-scroll .skqp-table thead th{position:sticky;top:0;background:var(--sk-surface);z-index:2;box-shadow:0 1px 0 var(--sk-line)}



.skqs-list{max-height:1640px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-inline-end:4px}



[data-order-list]{max-height:1500px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-inline-end:4px}







/* ===== EXL FILTER V3 — فیلتر مینیمال لیست آزمون‌ها با الگوی skqp (۳ فیلد + بیشتر) ===== */



.skd>.skqp-filters{margin-bottom:0}







/* ===== SKW VIS BADGE — نشان عمومی/خصوصی در هدر پنل مدیریت آزمون ===== */



.skw-vis{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;border-radius:999px;padding:3px 10px;border:1px solid transparent}



.skw-vis svg{width:12px;height:12px}



.skw-vis--pub{color:var(--sk-ok);background:var(--sk-ok-soft);border-color:var(--sk-ok-line)}



.skw-vis--priv{color:var(--sk-ink-soft);background:var(--sk-surface-2);border-color:var(--sk-line-strong)}







/* ===== SKB AXIS SELCHIP W400 — وزن فونت چیپ‌های انتخاب محور ===== */



.skb-axis-selchip{font-weight:400}







/* ===== SKG V2 — صفحه اعطای دسترسی: ریتم 12، پوسته واحد، گام‌های کناری بدون فضای مرده، وضعیت صحت‌سنجی ===== */



.skg-layout{gap:12px;margin-top:0}



.skg-aside{border-radius:10px}



.skg-layout>.skb-card{border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skg-steps li{display:flex;flex-direction:column;gap:5px;padding:11px 13px;padding-inline-start:13px;border-radius:10px}



.skg-steps li::before{position:static;display:inline-grid;place-items:center;width:24px;height:24px;margin-bottom:2px}



.skg-steps li b{font-size:12.8px}



.skg-steps li span{font-size:11.8px;line-height:1.95;color:var(--sk-ink-soft)}



.skg-steps li{flex-direction:row;align-items:flex-start;gap:10px}



.skg-steps li::before{flex-shrink:0;margin-bottom:0;margin-top:1px}



.skg-steps li>b{display:block}



.skg-steps li .skg-step__t{display:flex;flex-direction:column;gap:4px;min-width:0}



.skg-check{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px;font-size:11.5px;font-weight:700}



.skg-check .ok{color:var(--sk-ok);background:var(--sk-ok-soft);border:1px solid var(--sk-ok-line);border-radius:999px;padding:4px 11px}



.skg-check .bad{color:var(--sk-danger);background:var(--sk-danger-soft);border:1px solid var(--sk-danger-line);border-radius:999px;padding:4px 11px}



.skg-check[hidden]{display:none}



[data-grant-form] .sk-btn[disabled]{opacity:.5;cursor:not-allowed}







/* ===== SKG STEPS V3 + ACCESS TABLE STD — گام‌های کناری بدون فضای مرده؛ جدول دسترسی استاندارد ===== */



.skg-steps li{display:flex;flex-direction:row;align-items:flex-start;gap:11px;padding:11px 13px}



.skg-steps li::before{position:static;flex-shrink:0;margin:1px 0 0}



.skg-step__c{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;text-align:right}



.skg-step__c b{font-size:12.8px;color:var(--sk-ink)}



.skg-step__c span{font-size:11.8px;line-height:1.95;color:var(--sk-ink-soft)}



.skw-accessfilters{margin:12px 0 0!important}



.skw-accesscard{margin-top:12px;padding:0;overflow:hidden}



.skw-accesscard .sk-table-wrap{margin:0}



.skw-accesscard .sk-table th{background:var(--sk-surface-2);font-size:11.5px;color:var(--sk-ink-faint);white-space:nowrap}



.skw-accesscard .sk-table td{font-size:12.3px;vertical-align:middle}



.skw-cell-date{white-space:nowrap;color:var(--sk-ink-soft)}



.skw-accessempty{padding:28px 0}







/* ===== SKG PAD0 + SK-TABLE BASE — حذف پدینگ پیش‌فرض ol و تعریف پایه جدول استاندارد ===== */



.skg-steps{padding-right:0;padding-inline-start:0}



.sk-table-wrap{overflow-x:auto}



.sk-table{width:100%;border-collapse:collapse;text-align:right}



.sk-table th{padding:11px 14px;background:var(--sk-surface-2);font-size:11.5px;font-weight:700;color:var(--sk-ink-faint);border-bottom:1px solid var(--sk-line);white-space:nowrap;text-align:right}



.sk-table td{padding:12px 14px;font-size:12.4px;color:var(--sk-ink);border-bottom:1px solid var(--sk-line);vertical-align:middle}



.sk-table tbody tr:last-child td{border-bottom:0}



.sk-table tbody tr:hover td{background:var(--sk-surface-2)}



.sk-table td strong{font-weight:700}







/* ===== SKPAY — پاپ‌آپ پرداخت دعوت‌های بیش از سهمیه (کیف پول) ===== */



.skpay-dialog{max-width:480px;overflow:hidden}



.skpay-ic{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.skpay-body{padding:14px 18px 4px}



.skpay-why{margin:0 0 12px;font-size:12.3px;line-height:2;color:var(--sk-ink-soft)}



.skpay-body .agr-spec__row strong{}



.skpay-total span{font-weight:800;color:var(--sk-ink)}



.skpay-total strong{color:var(--sk-amber-deep);font-size:14px}



.skpay-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;font-size:12.3px;font-weight:600;border-radius:11px;padding:10px 13px;line-height:1.95}



.skpay-note svg{width:16px;height:16px;flex-shrink:0;margin-top:3px}



.skpay-note--ok{color:var(--sk-ok);background:var(--sk-ok-soft);border:1px solid var(--sk-ok-line)}



.skpay-note--bad{color:var(--sk-danger);background:var(--sk-danger-soft);border:1px solid var(--sk-danger-line)}



.skpay-note[hidden]{display:none}



.skpay-foot{display:flex;gap:8px;padding:14px 18px 16px}



.skpay-foot .sk-btn[hidden]{display:none}







/* ===== SKPAY GREEN — تم سبز پرداخت برای پاپ‌آپ دعوت اضافه ===== */



.skpay-ic{background:var(--sk-ok-soft)!important;color:var(--sk-ok)!important}



.skpay-total strong{color:var(--sk-ok)}



.skpay-foot .sk-btn--primary{background:var(--sk-ok);border-color:var(--sk-ok);color:#fff}



.skpay-foot .sk-btn--primary:hover{filter:brightness(.93)}



.skpay-why{border-inline-start:3px solid var(--sk-ok-line);padding-inline-start:11px}







/* ===== SKFIN — بخش مالی: کارت کیف پول، حساب‌ها، تراکنش‌ها، گزارش ===== */



.skfin-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:12px;align-items:start}



.skfin-card{position:relative;overflow:hidden;border-radius:18px;padding:22px 22px 20px;color:#eafff2;background:linear-gradient(135deg,#0c3d2b 0%,#14563c 55%,#1c7a50 100%);box-shadow:0 14px 34px -18px rgba(12,61,43,.55);min-height:230px;display:flex;flex-direction:column}



.skfin-card__deco{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 115%,rgba(255,255,255,.14),transparent 42%),radial-gradient(circle at 90% -20%,rgba(255,255,255,.10),transparent 45%)}



.skfin-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}



.skfin-card__brand{font-size:14px;font-weight:800;letter-spacing:.5px}



.skfin-card__top svg{width:26px;height:26px;opacity:.85}



.skfin-card__label{font-size:11.5px;opacity:.75}



.skfin-card__balance{font-size:33px;font-weight:800;line-height:1.35;margin:2px 0 0;}



.skfin-card__balance small{font-size:13px;font-weight:600;opacity:.8}



.skfin-card__avail{font-size:11.5px;opacity:.85;margin-top:2px}



.skfin-card__holder{margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:700;opacity:.92}



.skfin-card__actions{display:flex;gap:8px;margin-top:12px}



.skfin-btn--pay{background:var(--sk-ok);border-color:var(--sk-ok);color:#fff;font-weight:700}



.skfin-btn--pay:hover{filter:brightness(.93)}



.skfin-card .skfin-btn--pay{background:#fff;border-color:#fff;color:#14563c}



.skfin-card .skfin-btn--pay:hover{filter:brightness(.94)}



.skfin-btn--ghost{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}



.skfin-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}



.skfin-card .sk-btn svg{width:15px;height:15px}



.skfin-accounts{min-height:230px;display:flex;flex-direction:column}



.skfin-acclist{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}



.skfin-acc{display:flex;flex-direction:column;gap:5px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:11px;padding:10px 13px}



.skfin-acc.is-off{opacity:.5}



.skfin-acc__row{display:flex;align-items:center;justify-content:space-between;gap:9px}



.skfin-acc__row b{font-size:12.8px;color:var(--sk-ink)}



.skfin-acc__num{font-size:12.5px;font-weight:700;color:var(--sk-ink-soft);letter-spacing:1.5px;}



.skfin-accounts>.sk-btn{align-self:flex-start;margin-top:auto}



.skfin-empty{padding:22px 12px}



.skfin-dir{display:inline-block;font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 9px;margin-inline-end:5px}



.skfin-dir.is-in{color:var(--sk-ok);background:var(--sk-ok-soft);border:1px solid var(--sk-ok-line)}



.skfin-dir.is-out{color:var(--sk-danger);background:var(--sk-danger-soft);border:1px solid var(--sk-danger-line)}



.skfin-amount--in{color:var(--sk-ok)!important}



.skfin-amount--out{color:var(--sk-danger)!important}



.skfin-desc{max-width:340px}



.skfin-ref{font-size:11px;color:var(--sk-ink-faint);background:var(--sk-surface-2);border-radius:6px;padding:2px 7px}



.skfin-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 0 3px;font-size:12px;color:var(--sk-ink-soft)}



.skfin-form{padding:14px 18px 16px;display:flex;flex-direction:column;gap:12px}



.skfin-form .skpay-foot{padding:2px 0 0}



.skfin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}



.skfin-lg{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 10px;vertical-align:-1px}



.skfin-lg--in{background:var(--sk-ok)}



.skfin-lg--out{background:var(--sk-danger)}



.skfin-chart{display:flex;align-items:flex-end;gap:10px;height:210px;padding:8px 4px 0;overflow-x:auto}



.skfin-chart__col{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;min-width:52px;height:100%}



.skfin-chart__bars{display:flex;align-items:flex-end;gap:4px;flex:1;width:100%;justify-content:center}



.skfin-chart__bar{display:block;width:15px;min-height:3px;border-radius:5px 5px 0 0}



.skfin-chart__bar.is-in{background:linear-gradient(180deg,var(--sk-ok),#1c7a50)}



.skfin-chart__bar.is-out{background:linear-gradient(180deg,var(--sk-danger),#b91c1c)}



.skfin-chart__m{font-size:10.5px;color:var(--sk-ink-faint);white-space:nowrap}



@media(max-width:900px){.skfin-grid{grid-template-columns:1fr}.skfin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}



[data-theme="dark"] .skfin-card{box-shadow:none}







/* ===== SKFIN V2 — فیلتر تاریخ شمسی، خروجی CSV، پردرآمدترین‌ها ===== */



.skfin-datef{position:relative;flex:0 1 165px;min-width:150px}



.skfin-datef input[data-jalali]{cursor:pointer;background:var(--sk-surface)}



.skfin-topsrc{display:flex;flex-direction:column;gap:10px}



.skfin-topsrc__row{display:flex;align-items:center;gap:12px}



.skfin-topsrc__t{flex:0 0 220px;min-width:0;display:flex;flex-direction:column;gap:2px}



.skfin-topsrc__t b{font-size:12.6px;font-weight:700;color:var(--sk-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.skfin-topsrc__t small{font-size:10.5px;color:var(--sk-ink-faint)}



.skfin-topsrc__bar{flex:1;height:9px;border-radius:99px;background:var(--sk-line);overflow:hidden}



.skfin-topsrc__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sk-ok),#1c7a50);transition:width .35s var(--sk-ease)}



.skfin-topsrc__v{flex:0 0 130px;text-align:left;font-size:12px;font-weight:800;color:var(--sk-ok);}



@media(max-width:640px){.skfin-topsrc__t{flex-basis:130px}.skfin-topsrc__v{flex-basis:100px;font-size:11px}}







/* ===== SKFIN V3 — کارت کیف پول وسط صفحه با حس واقعی کارت بانکی ===== */



.skfin-center{display:flex;justify-content:center;padding:10px 0 2px}



.skfin-card{width:min(540px,100%);min-height:290px;border-radius:22px;padding:26px 28px 22px}



.skfin-card__deco{background:radial-gradient(circle at 12% 115%,rgba(255,255,255,.16),transparent 42%),radial-gradient(circle at 90% -20%,rgba(255,255,255,.12),transparent 45%),repeating-radial-gradient(circle at 118% 50%,transparent 0 46px,rgba(255,255,255,.05) 46px 47px)}



.skfin-card__chip{position:relative;width:46px;height:34px;border-radius:8px;background:linear-gradient(135deg,#f3d27a,#dda63e 60%,#c8922f);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.25);margin-bottom:14px}



.skfin-card__chip::before{content:"";position:absolute;inset:6px 9px;border:1px solid rgba(0,0,0,.28);border-radius:5px}



.skfin-card__chip::after{content:"";position:absolute;top:6px;bottom:6px;right:50%;width:1px;background:rgba(0,0,0,.25)}



.skfin-card__balance{font-size:42px;letter-spacing:.5px}



.skfin-card__balance small{font-size:14px}



.skfin-card__holder{display:flex;flex-direction:column;gap:3px}



.skfin-card__holder small{font-size:10px;letter-spacing:1px;opacity:.65;font-weight:600}



.skfin-card__holder b{font-size:14px;font-weight:800}



.skfin-card__actions{margin-top:16px}



.skfin-card__actions .sk-btn{flex:1;justify-content:center;padding-block:11px}



.skfin-accounts{min-height:auto}







/* ===== SKFIN BLUE LUXE — تم آبی لوکس برای کیف پول و پرداخت (جایگزین سبز) ===== */



.skfin-card{background:linear-gradient(140deg,#0a1f3d 0%,#0f3465 48%,#1c56a0 100%);color:#eaf3ff;border:1px solid rgba(255,255,255,.09);box-shadow:0 22px 44px -20px rgba(10,31,61,.65),inset 0 1px 0 rgba(255,255,255,.10)}



.skfin-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.09) 50%,transparent 58%)}



.skfin-card__deco{background:radial-gradient(circle at 12% 118%,rgba(120,180,255,.20),transparent 44%),radial-gradient(circle at 92% -22%,rgba(120,180,255,.14),transparent 46%),repeating-radial-gradient(circle at 118% 50%,transparent 0 46px,rgba(255,255,255,.05) 46px 47px)}



.skfin-card .skfin-btn--pay{background:#fff;border-color:#fff;color:#0f3465}



.skfin-card__balance{text-shadow:0 1px 2px rgba(0,0,0,.35)}



.skfin-btn--pay{background:var(--sk-info);border-color:var(--sk-info);color:#fff}



.skfin-btn--pay:hover{filter:brightness(.92)}



.skpay-ic{background:var(--sk-info-soft)!important;color:var(--sk-info)!important}



.skpay-total strong{color:var(--sk-info)}



.skpay-foot .sk-btn--primary{background:var(--sk-info);border-color:var(--sk-info);color:#fff}



.skpay-why{border-inline-start-color:var(--sk-info-line)}



.skpay-note--ok{color:var(--sk-info);background:var(--sk-info-soft);border-color:var(--sk-info-line)}



.skfin-dir.is-in{color:var(--sk-info);background:var(--sk-info-soft);border-color:var(--sk-info-line)}



.skfin-amount--in{color:var(--sk-info)!important}



.skfin-lg--in{background:var(--sk-info)}



.skfin-chart__bar.is-in{background:linear-gradient(180deg,var(--sk-info),#0f3465)}



.skfin-topsrc__bar i{background:linear-gradient(90deg,var(--sk-info),#0f3465)}



.skfin-topsrc__v{color:var(--sk-info)}







/* ===== SKFIN LUXE V2 — کارت کیف پول چشمگیر: شاین متحرک، برند طلایی، چیپ واقعی، هولوگرام ===== */



.skfin-card{background:radial-gradient(120% 170% at 88% -25%,rgba(64,130,238,.55) 0%,transparent 55%),radial-gradient(140% 160% at -12% 125%,rgba(88,66,214,.45) 0%,transparent 52%),linear-gradient(140deg,#060e22 0%,#0a1f47 46%,#123a7e 100%);border:1px solid rgba(190,215,255,.16)}



.skfin-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.14) 45%,rgba(255,255,255,.04) 52%,transparent 66%);background-size:260% 100%;background-repeat:no-repeat;animation:skfinShine 7s ease-in-out infinite;pointer-events:none;border-radius:inherit}



@keyframes skfinShine{0%{background-position:140% 0}55%{background-position:-70% 0}100%{background-position:-70% 0}}



.skfin-card__deco{background:radial-gradient(circle at 12% 118%,rgba(120,180,255,.22),transparent 44%),radial-gradient(circle at 92% -22%,rgba(120,180,255,.15),transparent 46%),repeating-radial-gradient(circle at 118% 50%,transparent 0 46px,rgba(255,255,255,.05) 46px 47px),repeating-linear-gradient(118deg,transparent 0 9px,rgba(255,255,255,.016) 9px 10px)}



.skfin-card__brand{font-size:15.5px;font-weight:800;letter-spacing:.6px;background:linear-gradient(92deg,#f7e19a 0%,#dfa93f 55%,#f4d78a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}



.skfin-card__chiprow{display:flex;align-items:center;gap:13px;margin-bottom:14px}



.skfin-card__chip{margin-bottom:0;width:50px;height:37px;border-radius:9px;background:linear-gradient(140deg,#f7e2a0 0%,#e3b34c 48%,#b8862e 100%);box-shadow:inset 0 0 0 1px rgba(60,40,0,.35),inset 0 1px 0 rgba(255,255,255,.55),0 1px 3px rgba(0,0,0,.35),0 0 16px rgba(240,196,102,.28)}



.skfin-card__chip::before{inset:6px 9px;border-color:rgba(60,40,0,.4);border-radius:5px}



.skfin-card__chip::after{top:6px;bottom:6px;background:rgba(60,40,0,.38)}



.skfin-card__nfc{width:23px;height:23px;color:#dfe9ff;opacity:.85;transform:rotate(90deg)}



.skfin-card__holo{position:absolute;left:24px;top:96px;width:58px;height:58px;border-radius:50%;background:conic-gradient(from 20deg,rgba(255,64,160,.30),rgba(64,220,255,.30),rgba(255,225,64,.28),rgba(64,255,160,.26),rgba(255,64,160,.30));filter:blur(1.5px) saturate(1.25);opacity:.45;mix-blend-mode:screen;pointer-events:none}



.skfin-card__label{letter-spacing:.4px}



.skfin-card__balance{font-size:45px;font-weight:800;background:linear-gradient(180deg,#ffffff 20%,#bcd4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.38));text-shadow:none}



.skfin-card__balance small{color:#dbe7ff;-webkit-text-fill-color:#dbe7ff}



.skfin-card__holder small{letter-spacing:1.6px}



.skfin-card__holder b{letter-spacing:.4px;text-shadow:0 1px 2px rgba(0,0,0,.35)}



.skfin-card .skfin-btn--pay{box-shadow:0 6px 16px -6px rgba(255,255,255,.45)}



.skfin-card .skfin-btn--ghost{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.45);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}



.skfin-card .skfin-btn--ghost:hover{background:rgba(255,255,255,.20)}



@media (prefers-reduced-motion:reduce){.skfin-card::after{animation:none}}







/* ===== SKFIN GOLD NOIR — کارت کیف پول هم‌زبان لندینگ: مشکی لوکس + طلایی ===== */



.skfin-card{background:radial-gradient(130% 150% at 90% -20%,rgba(233,186,86,.16) 0%,transparent 46%),radial-gradient(140% 160% at -15% 130%,rgba(233,186,86,.10) 0%,transparent 50%),linear-gradient(145deg,#0a0c11 0%,#12141c 55%,#181b25 100%);border:1px solid rgba(233,186,86,.28);box-shadow:0 26px 52px -22px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07)}



.skfin-card::after{background:linear-gradient(115deg,transparent 34%,rgba(255,240,205,.10) 46%,rgba(255,240,205,.03) 53%,transparent 66%);background-size:260% 100%;background-repeat:no-repeat}



.skfin-card__deco{background:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.4px);background-size:22px 22px}



.skfin-card__deco::before{content:"";position:absolute;left:-45%;right:-45%;bottom:-118%;height:160%;border-radius:50%;border-top:2px solid rgba(233,186,86,.55);filter:drop-shadow(0 0 7px rgba(233,186,86,.35))}



.skfin-card__deco::after{content:"";position:absolute;left:31%;bottom:calc(42% - 4px);width:9px;height:9px;border-radius:50%;background:#e9ba56;box-shadow:0 0 10px 2px rgba(233,186,86,.55)}



.skfin-card__holo{background:radial-gradient(circle,rgba(233,186,86,.4),transparent 65%);filter:blur(6px);mix-blend-mode:screen;opacity:.55}



.skfin-card__nfc{color:#e9ba56;opacity:.9}



.skfin-card__label{color:#b9bdc9}



.skfin-card__balance{background:linear-gradient(180deg,#ffffff 30%,#f3ddae 100%);-webkit-background-clip:text;background-clip:text;color:transparent}



.skfin-card__balance small{color:#e9ba56;-webkit-text-fill-color:#e9ba56}



.skfin-card__avail{color:#c9cdd9}



.skfin-card__holder small{color:#9aa0af}



.skfin-card__holder b{color:#f4f5f8}



.skfin-card .skfin-btn--pay{background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));border-color:var(--sk-amber-deep);color:#1a1405;font-weight:800;box-shadow:0 10px 22px -10px rgba(233,186,86,.65)}



.skfin-card .skfin-btn--pay:hover{filter:brightness(1.06)}



.skfin-card .skfin-btn--ghost{background:rgba(255,255,255,.05);border-color:rgba(233,186,86,.45);color:#f0e6cd;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}



.skfin-card .skfin-btn--ghost:hover{background:rgba(233,186,86,.14);border-color:#e9ba56;color:#fff}







/* ===== SKQP FILTERS FIELD STD — قد و بردر یکدست همه ورودی‌های فیلتر در تمام صفحات ===== */



.skqp-filters input,.skqp-filters select{height:44px!important;min-height:44px!important;font-size:12px;border:.5px solid #888888!important}







/* ===== FILTER FIELD STD ALL — تعمیم قد 44 و بردر یکدست به همه خانواده‌های فیلتر پنل ===== */



.skq-filters input,.skq-filters select,



.skqp-filters input,.skqp-filters select,



.skp-filters input,.skp-filters select{height:44px!important;min-height:44px!important;font-size:12px;border:.5px solid #888888!important}







/* ===== FILTERS FIELD STD V2 — یکدست‌سازی همه فرم‌های فیلتر پنل: skq/skp/skqp ===== */



.skq-filters input,.skq-filters select,.skp-filters input,.skp-filters select,.skqp-filters input,.skqp-filters select{height:44px!important;min-height:44px!important;font-size:12px;border:.5px solid #888888!important}







/* ===== FILTERS FIELD STD V3 — پوشش سراسری هر باکس فیلتر (هر کلاسی که filters دارد) در همه صفحات ===== */



form[class*="filters"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),



form[class*="filters"] select,



div[class*="filters"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),



div[class*="filters"] select{height:44px!important;min-height:44px!important;font-size:12px!important;border:.5px solid #888888!important}







/* ===== FILTERS FIELD STD V4 — نسخه نهایی کاربر: عرض کامل + گوشه ۱۰ برای فیلدهای فیلتر ===== */



.skqp-filters__f select,.skqp-filters__f input{width:100%;height:44px!important;font-size:12px;min-height:44px!important;border:.5px solid #888888!important;border-radius:10px!important}



.skq-filters select,.skq-filters input{width:100%;height:44px!important;font-size:12px;min-height:44px!important;border:.5px solid #888888!important;border-radius:10px!important}







/* ===== SKSTU V2 — صفحات دانشجویان آزمون: کارت‌های وضعیت، تماس، اکشن‌ها ===== */



.skstu-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}



.skstu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}



.skstu-card{display:flex;flex-direction:column;gap:9px;background:var(--sk-surface);border:1px solid #e1e1e1;border-radius:10px;padding:13px 15px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skstu-card span:first-child{color:var(--sk-ink-faint);font-size:11.5px;font-weight:600}



.skstu-card .skq-badge{align-self:flex-start;font-size:12px;padding:5px 12px}



.skstu-spec{max-width:520px}



.skstu-contact{display:flex;flex-direction:column;gap:2px}



.skstu-contact span[dir="ltr"]{font-size:12.5px;font-weight:700;color:var(--sk-ink)}



.skstu-contact small{color:var(--sk-ink-faint);font-size:11px}



@media(max-width:900px){.skstu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



@media(max-width:560px){.skstu-grid{grid-template-columns:1fr}}







/* ===== SKSTU V3 — سلول تماس: دو ردیف ثابت موبایل/ایمیل با آیکون؛ فیکس شکستن td با flex ===== */



.skstu-contact{display:flex;flex-direction:column;gap:5px;min-width:170px}



.skstu-contact__i{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.6}



.skstu-contact__i svg{width:14px;height:14px;flex-shrink:0;color:var(--sk-ink-faint)}



.skstu-contact__i b{font-weight:700;color:var(--sk-ink);direction:ltr}



.skstu-contact__i em{font-style:normal;color:var(--sk-line-strong)}







/* ===== SKSTU CONTACT W500 — وزن ۵۰۰ برای مقادیر تماس دانشجو ===== */



.skstu-contact__i b{font-weight:500;color:var(--sk-ink);direction:ltr}







/* ===== SKW TABS V2 — نوار تب‌های مدیریت آزمون: برجسته، چسبان و خوانا ===== */



.skw-tabs{position:sticky;top:10px;z-index:40;gap:4px;background:var(--sk-surface-2);border:1px solid var(--sk-line-strong);border-radius:16px;padding:7px;box-shadow:0 10px 24px -18px rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}



.skw-tab{padding:11px 17px;font-size:13.2px;font-weight:700;color:var(--sk-ink-soft);border-radius:11px}



.skw-tab svg{width:17px;height:17px}



.skw-tab:hover{background:var(--sk-surface);color:var(--sk-ink)}



.skw-tab.is-active{background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));color:#1a1405;font-weight:800;box-shadow:0 8px 18px -8px rgba(233,186,86,.7)}



.skw-tab.is-active svg{color:#1a1405}



[data-theme="dark"] .skw-tabs{box-shadow:none;background:var(--sk-surface)}







/* ===== SKSTU VIEW BTN — آیکون چشم روی دکمه جزئیات دانشجو ===== */



.skstu-view{display:inline-flex;align-items:center;gap:6px}



.skstu-view svg{width:15px;height:15px;flex-shrink:0}







/* ===== SKSTU VIEW ICON-ONLY — فقط آیکون چشم، بدون متن و بردر ===== */



.skstu-view{display:inline-grid;place-items:center;width:36px;height:36px;border:0!important;background:transparent;border-radius:9px;color:var(--sk-ink-soft);cursor:pointer;transition:.14s;gap:0;padding:0}



.skstu-view svg{width:19px;height:19px}



.skstu-view:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}







/* ===== SKGR — بازطراحی صفحه تصحیح: کارت سؤال، تصمیم سگمنتی، امتیازدهی سریع، نوار چسبان و تأیید دومرحله‌ای ===== */



.skgr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}



.skgr-metric{background:var(--sk-surface);border:1px solid #e1e1e1;border-radius:10px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skgr-metric span{display:block;color:var(--sk-ink-faint);font-size:11.5px;font-weight:600}



.skgr-metric strong{display:block;margin-top:5px;font-size:14.5px;color:var(--sk-ink)}



.skgr-prev{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px}



.skgr-prev span{border:1px solid var(--sk-line);border-radius:999px;padding:6px 11px;color:var(--sk-ink-soft);background:var(--sk-surface-2)}



.skgr-tabs{margin:0 0 12px}



.skgr-tabs .skg-tab{border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink-soft);border-radius:999px;padding:10px 18px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px}



.skgr-tabs .skg-tab b{background:var(--sk-surface-2);border-radius:999px;padding:1px 9px;font-size:11.5px}



.skgr-tabs .skg-tab.is-active{background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));border-color:var(--sk-amber-deep);color:#1a1405}



.skgr-tabs .skg-tab.is-active b{background:rgba(255,255,255,.55);color:#1a1405}



.skg-panel{display:none}



.skg-panel.is-active{display:flex;flex-direction:column;gap:12px}



.skgr-card{background:var(--sk-surface);border:1px solid #e1e1e1;border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.02);display:flex;flex-direction:column;gap:13px}



.skgr-card__h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}



.skgr-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}



.skgr-num{font-size:13.5px;font-weight:800;color:var(--sk-ink)}



.skgr-state{font-size:11.5px;font-weight:800;border-radius:999px;padding:5px 13px;border:1px solid transparent}



.skgr-state.is-ok{color:var(--sk-ok);background:var(--sk-ok-soft);border-color:var(--sk-ok-line)}



.skgr-state.is-bad{color:var(--sk-danger);background:var(--sk-danger-soft);border-color:var(--sk-danger-line)}



.skgr-state.is-warn{color:var(--sk-warn,#b45309);background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}



.skgr-q{font-size:13.5px;line-height:2;color:var(--sk-ink)}



.skgr-q img{max-width:min(420px,100%);height:auto;border-radius:10px;border:1px solid var(--sk-line);display:block;margin:8px 0}



.skgr-q p{margin:0 0 6px}



.skgr-opts{display:flex;flex-direction:column;gap:7px}



.skgr-opt{position:relative;display:flex;align-items:flex-start;gap:9px;border:1px solid var(--sk-line);border-radius:10px;padding:10px 12px;background:var(--sk-surface-2);font-size:12.6px;line-height:1.9}



.skgr-opt__ic{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:999px;margin-top:2px}



.skgr-opt__ic svg{width:12px;height:12px}



.skgr-opt__t{flex:1;min-width:0}



.skgr-opt__tag{font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 10px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);border:1px solid var(--sk-amber-line);white-space:nowrap;align-self:center}



.skgr-opt__tag--ok{background:var(--sk-ok-soft);color:var(--sk-ok);border-color:var(--sk-ok-line)}



.skgr-opt.is-correct{border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}



.skgr-opt.is-correct .skgr-opt__ic{background:var(--sk-ok);color:#fff}



.skgr-opt.is-picked:not(.is-correct){border-color:var(--sk-danger-line);background:var(--sk-danger-soft)}



.skgr-opt.is-picked:not(.is-correct) .skgr-opt__ic{background:var(--sk-danger);color:#fff}



.skgr-ans{border:1px dashed var(--sk-line-strong);border-radius:11px;overflow:hidden}



.skgr-ans__l{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;color:var(--sk-ink-faint);background:var(--sk-surface-2);padding:8px 13px;border-bottom:1px dashed var(--sk-line)}



.skgr-ans__l svg{width:14px;height:14px}



.skgr-ans__b{padding:11px 14px;font-size:13px;line-height:2.1;color:var(--sk-ink)}



.skgr-ans__b p{margin:0 0 8px}



.skgr-decide{display:flex;align-items:center;gap:10px;flex-wrap:wrap}



.skgr-decide__l{font-size:12.5px;font-weight:700;color:var(--sk-ink-soft)}



.skgr-seg{position:relative;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--sk-line);border-radius:11px;padding:11px 18px;background:var(--sk-surface-2);font-size:13px;font-weight:700;color:var(--sk-ink-soft);cursor:pointer;transition:.14s}



.skgr-seg input{position:absolute;opacity:0;pointer-events:none}



.skgr-seg svg{width:15px;height:15px}



.skgr-seg small{font-size:10.5px;font-weight:600;opacity:.75}



.skgr-seg--ok:has(input:checked){background:var(--sk-ok);border-color:var(--sk-ok);color:#fff}



.skgr-seg--bad:has(input:checked){background:var(--sk-danger);border-color:var(--sk-danger);color:#fff}



.skgr-scorewrap{display:inline-flex;align-items:center;gap:8px}



.skgr-score{width:110px;height:44px;border:1.5px solid var(--sk-line-strong);border-radius:10px;padding:0 12px;font:inherit;font-size:15px;font-weight:800;color:var(--sk-ink);background:var(--sk-surface);text-align:center;direction:ltr}



.skgr-score:focus{border-color:var(--sk-amber);outline:none;box-shadow:0 0 0 3px var(--sk-amber-soft)}



.skgr-scoremax{font-size:12px;color:var(--sk-ink-faint);font-weight:700}



.skgr-comment{width:100%;border:1px solid var(--sk-line);border-radius:10px;background:var(--sk-surface-2);padding:9px 12px;font:inherit;font-size:12.5px;color:var(--sk-ink);resize:vertical;min-height:52px}



.skgr-comment:focus{border-color:var(--sk-amber);outline:none;background:var(--sk-surface)}



.skgr-bar{position:sticky;bottom:10px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:14px;padding:11px 15px;box-shadow:0 -8px 24px -14px rgba(0,0,0,.28),0 10px 24px -16px rgba(0,0,0,.25)}



.skgr-bar__sum{font-size:12.3px;font-weight:700;color:var(--sk-ink-soft)}



.skgr-bar__btns{display:flex;gap:8px;flex-wrap:wrap}



.skgr-missing{color:var(--sk-danger)!important}



@media(max-width:900px){.skgr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}



@media(max-width:640px){.skgr-metrics{grid-template-columns:1fr}.skgr-decide{align-items:stretch;flex-direction:column}.skgr-seg{justify-content:center}}







/* ===== SKQDEL — دیالوگ حذف سؤال در صفحه بسته: آیکون و دکمه قرمز، سلول متن جهت‌دار ===== */



.skqdel-ic{background:var(--sk-danger-soft)!important;color:var(--sk-danger)!important}



.skqdel-btn{background:var(--sk-danger);border-color:var(--sk-danger);color:#fff;font-weight:700}



.skqdel-btn:hover{filter:brightness(.92)}



.skq-td--body{text-align:start}







/* ===== SKQP POLISH — تراز عمودی سلول‌های جدول بانک، چیپ سرفصل مشکی خوانا ===== */



.skqp-table td,.skqp-table th,[data-qp-root] .sk-table td,[data-qp-root] .sk-table th{vertical-align:middle}



.sk-table td{vertical-align:middle}



.skqs-chip{color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line-strong);font-weight:700}



.skqs-row[dir="ltr"] .skqs-qtitle{text-align:left}



.skqp-item[dir="ltr"] strong{text-align:left;display:block}







/* ===== SKQS ROW CLICK — باکس بخش ۲ کلیک‌پذیر برای باز کردن سرفصل‌ها ===== */



.skqs-row{cursor:pointer}



.skqs-row:hover{border-color:var(--sk-amber);box-shadow:0 12px 26px rgba(15,23,42,.08)}



.skqs-row .skqs-btns{cursor:default}







/* ===== SKQP SCROLL CHAIN — رفع حس قفل‌شدن غلتک موس روی باکس‌های سه‌گانه ===== */



[data-q-table],.skqp-scroll,.skqs-list{overscroll-behavior:auto}







/* ===== SKQP SCROLL CHAIN 2 — باکس بخش ۳ (لیست ترتیب سوالات) هم زنجیره اسکرول آزاد ===== */



[data-order-list]{overscroll-behavior:auto}







/* ===== REVIEW LANG & TOOLS — حروف a/b/c/d در مرور، پوسته LTR، ابزار گزارش ===== */



.option-list--en .option-item::before{content:counter(opt,lower-alpha)!important}



.option-list--en .option-item{direction:ltr}



.option-list--en .option-item span{text-align:left}



.review-dashboard[dir="ltr"] .review-head{direction:ltr}



.review-dashboard[dir="ltr"] .practice-explanation h4,.review-dashboard[dir="ltr"] .answer-box h4{text-align:left}



.exq-tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}



.exq-toolbtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sk-line-strong);background:var(--sk-surface);color:var(--sk-ink-soft);border-radius:11px;padding:10px 16px;font:inherit;font-size:12.6px;font-weight:700;cursor:pointer;transition:.14s}



.exq-toolbtn svg{width:16px;height:16px}



.exq-toolbtn:hover{border-color:var(--sk-amber);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}



.exq-toolbtn.is-danger:hover{border-color:var(--sk-danger);color:var(--sk-danger);background:var(--sk-danger-soft)}







/* ===== RVQ — مرور آزمون: پیمایش تک‌سؤالی، یادداشت مصحح، توضیح پاسخ، پولیش ===== */



.rvq-stage{margin-top:2px}



.rvq-card{scroll-margin-top:80px}



.rvq-nav{position:sticky;bottom:10px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:14px;padding:10px 14px;box-shadow:0 -8px 24px -14px rgba(0,0,0,.25),0 10px 24px -16px rgba(0,0,0,.22)}



.rvq-nav__btn{display:inline-flex;align-items:center;gap:7px}



.rvq-nav__btn svg{width:16px;height:16px}



.rvq-nav__btn:disabled{opacity:.4;cursor:default;pointer-events:none}



.rvq-nav__count{font-size:12.5px;font-weight:800;color:var(--sk-ink-soft);}



.rvq-note,.rvq-expl{border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);border-radius:11px;overflow:hidden}



.rvq-expl{border-color:var(--sk-info-line);background:var(--sk-info-soft)}



.rvq-note__l{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;padding:9px 13px;border-bottom:1px dashed rgba(0,0,0,.10);color:var(--sk-amber-deep)}



.rvq-expl .rvq-note__l{color:var(--sk-info)}



.rvq-note__l svg{width:14px;height:14px;flex-shrink:0}



.rvq-note__b{padding:11px 14px;font-size:12.9px;line-height:2.1;color:var(--sk-ink)}



.rvq-note__b p{margin:0 0 7px}



.rvq-note__b p:last-child{margin-bottom:0}



.skgr-opt.is-neutralpick{border-color:var(--sk-amber-line);background:var(--sk-amber-soft)}



.skgr-opt.is-neutralpick .skgr-opt__ic{background:var(--sk-amber);color:#1a1405}



.skgr-state:not(.is-ok):not(.is-bad):not(.is-warn){background:var(--sk-surface-2);border-color:var(--sk-line);color:var(--sk-ink-soft)}



.skgr-opts--en .skgr-opt__t{text-align:left}







/* ===== RVQ V2 — فیکس پیجر، حروف گزینه‌ها، فونت بزرگ‌تر، شماره کنار سوال ===== */



.rvq-card[hidden]{display:none!important}



.rvq-card .skgr-q{font-size:16.5px;line-height:2.1}



.rvq-qno{font-weight:800;margin-inline-end:7px;color:var(--sk-ink)}



.rvq-card .skgr-opt{font-size:14.5px;line-height:2;padding:12px 14px}



@counter-style rvq-fa{system:fixed;symbols:"الف" "ب" "ج" "د" "هـ" "و" "ز" "ح" "ط" "ی" "ک" "ل" "م" "ن";suffix:""}



.rvq-card .skgr-opts{counter-reset:rvqopt}



.rvq-card .skgr-opt{counter-increment:rvqopt}



.rvq-card .skgr-opt::before{content:counter(rvqopt,rvq-fa);flex-shrink:0;display:grid;place-items:center;min-width:27px;height:27px;padding:0 4px;border:1px solid var(--sk-line-strong);border-radius:8px;background:var(--sk-surface);font-size:12px;font-weight:800;color:var(--sk-ink-soft);margin-top:1px}



.rvq-card .skgr-opts--en .skgr-opt::before{content:counter(rvqopt,lower-alpha)}



.rvq-card .skgr-opt.is-correct::before{border-color:var(--sk-ok-line);color:var(--sk-ok)}



.rvq-card .skgr-opt.is-picked:not(.is-correct)::before{border-color:var(--sk-danger-line);color:var(--sk-danger)}



.rvq-card .skgr-opt__ic:empty{display:none}



.rvq-note__b{font-size:13.5px}



.rvq-note[dir="ltr"] .rvq-note__l,.rvq-expl[dir="ltr"] .rvq-note__l{flex-direction:row}



.rvq-note[dir="ltr"] .rvq-note__b,.rvq-expl[dir="ltr"] .rvq-note__b{text-align:left}







/* ===== RVQ V3 — مینیمال‌سازی مرور: رنگ فقط در نقاط معنادار ===== */



.rvq-card .skq-badge,.rvq-card .skq-badge.is-info{background:var(--sk-surface-2);border-color:var(--sk-line);color:var(--sk-ink-soft)}



.rvq-card .skgr-opt{background:var(--sk-surface);border-color:var(--sk-line)}



.rvq-card .skgr-opt.is-correct{background:var(--sk-surface);border-color:var(--sk-ok-line)}



.rvq-card .skgr-opt.is-picked:not(.is-correct){background:var(--sk-surface);border-color:var(--sk-danger-line)}



.rvq-card .skgr-opt.is-neutralpick{background:var(--sk-surface);border-color:var(--sk-amber-line)}



.rvq-card .skgr-opt.is-neutralpick .skgr-opt__ic{background:transparent;color:var(--sk-amber-deep)}



.rvq-card .skgr-opt__tag{background:transparent;border:0;color:var(--sk-ink-faint);font-weight:700;padding:0 2px}



.rvq-card .skgr-opt__tag--ok{color:var(--sk-ok)}



.rvq-card .skgr-opt.is-picked:not(.is-correct) .skgr-opt__tag{color:var(--sk-danger)}



.rvq-note,.rvq-expl{background:var(--sk-surface);border:1px solid var(--sk-line);border-inline-start:3px solid var(--sk-amber)}



.rvq-expl{border-inline-start-color:var(--sk-info)}



.rvq-note .rvq-note__l,.rvq-expl .rvq-note__l{border-bottom:0;padding:11px 13px 0}



.rvq-note .rvq-note__b,.rvq-expl .rvq-note__b{padding-top:5px}



.rvq-nav__btn svg{width:15px;height:15px}







/* ===== RVQ V4 — گزینه‌ها بدون آیکون با پس‌زمینه خیلی لایت، فونت‌های درشت‌تر ===== */



.rvq-card .skgr-opt__ic{display:none!important}



.rvq-card .skgr-opt.is-correct{background:rgba(34,160,94,.07);border-color:var(--sk-ok-line)}



.rvq-card .skgr-opt.is-picked:not(.is-correct){background:rgba(220,53,69,.06);border-color:var(--sk-danger-line)}



.rvq-card .skgr-opt.is-neutralpick{background:rgba(233,186,86,.09);border-color:var(--sk-amber-line)}



.rvq-card .skgr-q{font-size:17px;font-weight:600}



.rvq-qno{font-size:17px}



.rvq-card .skgr-opt{font-size:15px;font-weight:500}



.rvq-card .skgr-opt__tag{font-size:12px}



.rvq-note .rvq-note__l,.rvq-expl .rvq-note__l{font-size:13px}



.rvq-note .rvq-note__b,.rvq-expl .rvq-note__b{font-size:15px;font-weight:500;line-height:2.2}







/* ===== EXQD POLISH — طراحی یکسان و تمیز دیالوگ‌های یادداشت/پرسش/گزارش در تمرین و مرور ===== */



.exq-overlay{display:none;position:fixed;inset:0;z-index:130;background:rgba(10,14,22,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:18px}



.exq-dialog{width:min(560px,100%);background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:18px;box-shadow:0 32px 64px -26px rgba(0,0,0,.5);overflow:hidden}



.exq-dialog__h{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--sk-line);background:var(--sk-surface-2)}



.exq-dialog__h h3{margin:0;font-size:15px;font-weight:800;color:var(--sk-ink);flex:1}



.exq-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex-shrink:0}



.exq-ic svg{width:19px;height:19px}



.exq-ic--info{background:var(--sk-info-soft);color:var(--sk-info)}



.exq-ic--danger{background:var(--sk-danger-soft);color:var(--sk-danger)}



.exq-ic--amber{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.exq-x{display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;border-radius:9px;color:var(--sk-ink-faint);cursor:pointer;transition:.13s}



.exq-x svg{width:16px;height:16px}



.exq-x:hover{background:var(--sk-danger-soft);color:var(--sk-danger)}



.exq-dialog form{padding:18px;display:flex;flex-direction:column;gap:12px;margin:0}



.exq-dialog textarea,.exq-dialog input:not([type=hidden]){width:100%;border:1.5px solid var(--sk-line-strong);border-radius:11px;padding:11px 14px;font:inherit;font-size:13.5px;color:var(--sk-ink);background:var(--sk-surface);transition:.14s}



.exq-dialog input:not([type=hidden]){height:46px}



.exq-dialog textarea{min-height:120px;resize:vertical;line-height:1.9}



.exq-dialog textarea:focus,.exq-dialog input:focus{border-color:var(--sk-amber);outline:none;box-shadow:0 0 0 3px var(--sk-amber-soft)}



.exq-foot{display:flex;gap:9px;flex-wrap:wrap;padding-top:2px}



.exq-dialog .btn,.exq-dialog .sk-btn{border-radius:11px;padding:12px 22px;font-size:13.5px;font-weight:700}



.exq-dialog .btn.small{padding:12px 22px;font-size:13.5px}



.exq-dialog .practice-ajax-status{margin:0}







/* ===== EXQD UNIFY 2 — دکمه‌های ابزار پیل‌شکل قطعی، جای درست در تمرین، دکمه ارسال برند در همه دیالوگ‌ها ===== */



.exq-tools--practice{margin-top:18px!important;justify-content:flex-start!important}



.exq-toolbtn{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--sk-line-strong)!important;background:var(--sk-surface)!important;color:var(--sk-ink-soft)!important;border-radius:11px!important;padding:10px 16px!important;font-size:12.6px!important;font-weight:700!important;line-height:1!important;cursor:pointer}



.exq-toolbtn:hover{border-color:var(--sk-amber)!important;color:var(--sk-amber-deep)!important;background:var(--sk-amber-soft)!important}



.exq-toolbtn.is-danger:hover{border-color:var(--sk-danger)!important;color:var(--sk-danger)!important;background:var(--sk-danger-soft)!important}



.exq-dialog button[type="submit"]{background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep))!important;border:1px solid var(--sk-amber-deep)!important;color:#1a1405!important;font-weight:800!important}



.exq-dialog button[type="submit"]:hover{filter:brightness(1.05)}



.exq-dialog .skqdel-btn[type="submit"],.exq-dialog .btn.danger[type="submit"]{background:var(--sk-danger)!important;border-color:var(--sk-danger)!important;color:#fff!important}



.exq-dialog [data-exq-close].sk-btn,.exq-dialog button[data-exq-close]:not(.exq-x){background:var(--sk-surface)!important;border:1px solid var(--sk-line-strong)!important;color:var(--sk-ink-soft)!important}







/* ===== EXQD SPACE — فاصله‌گذاری قطعی داخل دیالوگ‌های تمرین/مرور ===== */



.exq-dialog form{display:flex!important;flex-direction:column!important;gap:13px!important;padding:20px!important;margin:0!important;width:auto!important}



.exq-dialog form .note-form,.exq-dialog .note-form{margin:0!important}



.exq-dialog textarea{min-height:130px!important;margin:0!important}



.exq-dialog input:not([type=hidden]){margin:0!important}



.exq-dialog .practice-ajax-status{margin:0!important;min-height:0}



.exq-dialog .practice-ajax-status:empty{display:none}



.exq-dialog button[type="submit"]{align-self:flex-start;margin:2px 0 0!important;padding:12px 26px!important;border-radius:11px!important}







/* ===== RVQ MAP — نقشه سوالات مرور: چیپ‌های سبز/قرمز و پرش مستقیم ===== */



.rvq-mapdlg{width:min(620px,100%)}



.rvq-map{display:flex;flex-wrap:wrap;gap:9px;padding:20px;max-height:52vh;overflow-y:auto}



.rvq-map__dot{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;border:1.5px solid var(--sk-line-strong);background:var(--sk-surface);font:inherit;font-size:13.5px;font-weight:800;color:var(--sk-ink);cursor:pointer;transition:.13s;}



.rvq-map__dot.is-ok{background:rgba(34,160,94,.09);border-color:var(--sk-ok-line);color:var(--sk-ok)}



.rvq-map__dot.is-bad{background:rgba(220,53,69,.08);border-color:var(--sk-danger-line);color:var(--sk-danger)}



.rvq-map__dot:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(0,0,0,.3)}



.rvq-map__dot.is-current{outline:2.5px solid var(--sk-amber);outline-offset:2px}



.rvq-map__legend{display:flex;gap:16px;padding:0 20px 18px;font-size:12px;color:var(--sk-ink-soft)}



.rvq-map__legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-inline-end:6px;vertical-align:-1px}



.rvq-map__legend i.is-ok{background:rgba(34,160,94,.5)}



.rvq-map__legend i.is-bad{background:rgba(220,53,69,.5)}







/* ===== SKD HERO H1 STD — نسخه نهایی کاربر: تیتر هیرو ===== */



.skd-hero h1{font-size:23px!important;font-weight:700!important;letter-spacing:-.3px;text-align:right}







/* ===== FILE CHIPS — فایل‌های پیوست توضیح پاسخ: چیپ مینیمال با آیکون نوع فایل ===== */



.answer-file-list{display:flex!important;flex-wrap:wrap;gap:8px}



.answer-file-link{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:10px;padding:6px 12px 6px 14px;font-size:12px;font-weight:700;color:var(--sk-ink-soft);text-decoration:none;transition:.14s;line-height:1.4}



.answer-file-link:hover{border-color:var(--sk-amber);color:var(--sk-ink);background:var(--sk-amber-soft)}



.answer-file-link small{font-weight:600;color:var(--sk-ink-faint);font-size:10.5px}



.answer-file-link::before{content:"";flex-shrink:0;width:28px;height:28px;border-radius:8px;background-color:#8b95a5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/><path d='M14 3v5h5'/></svg>");background-size:15px;background-position:center;background-repeat:no-repeat}



.answer-file-link[href$=".pdf" i]::before{background-color:#e05252;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/><path d='M14 3v5h5'/><path d='M9 13h6M9 17h4'/></svg>")}



.answer-file-link[href$=".txt" i]::before{background-color:#64748b;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6h16M4 12h16M4 18h10'/></svg>")}



.answer-file-link[href$=".zip" i]::before,.answer-file-link[href$=".rar" i]::before{background-color:#d99a2b;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='3' width='16' height='18' rx='2'/><path d='M12 3v4M12 9v2M12 13v2'/></svg>")}



.answer-file-link[href$=".jpg" i]::before,.answer-file-link[href$=".jpeg" i]::before,.answer-file-link[href$=".png" i]::before,.answer-file-link[href$=".webp" i]::before{background-color:#7c6fd0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='16' rx='2'/><circle cx='9' cy='10' r='1.6'/><path d='m5 19 5.5-6 4 4.5L17 15l4 4.5'/></svg>")}



.answer-file-link[href$=".mp4" i]::before,.answer-file-link[href$=".webm" i]::before{background-color:#3f7fd9;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' stroke='none'><path d='M9 6.5v11l9-5.5z'/></svg>")}



.answer-file-link[href$=".mp3" i]::before,.answer-file-link[href$=".wav" i]::before{background-color:#2ba36b;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18V6l11-2v12'/><circle cx='6.5' cy='18' r='2.5'/><circle cx='17.5' cy='16' r='2.5'/></svg>")}



.answer-file-link[href$=".docx" i]::before,.answer-file-link[href$=".doc" i]::before{background-color:#3969c7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/><path d='M14 3v5h5'/><path d='m8.5 12 1.2 5 1.8-4 1.8 4 1.2-5'/></svg>")}







/* ===== SKGR2 — تصحیح دو ستونه: لیست سوالات با وضعیت زنده در راست، سوال جاری در چپ ===== */



.skgr-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}



.skgr-side{position:sticky;top:14px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 96px)}



.skgr-side__box{background:var(--sk-surface);border:1px solid #e1e1e1;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.02)}



.skgr-side__student{padding:6px 14px}



.skgr-srow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px dashed var(--sk-line)}



.skgr-srow:last-child{border-bottom:0}



.skgr-srow span{color:var(--sk-ink-faint);font-size:11.5px;font-weight:600}



.skgr-srow strong{color:var(--sk-ink);font-size:12.5px;font-weight:700;text-align:left}



.skgr-side__nav{padding:10px;overflow-y:auto;min-height:0;flex:1}



.skgr-side__label{font-size:11px;font-weight:800;color:var(--sk-ink-faint);padding:8px 6px 6px;display:flex;align-items:center;gap:6px}



.skgr-side__label b{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:1px 8px;font-size:10.5px;color:var(--sk-ink-soft)}



.skgr-navitem{display:flex;align-items:center;gap:9px;width:100%;text-align:right;border:1px solid transparent;background:transparent;border-radius:10px;padding:9px 10px;font:inherit;cursor:pointer;transition:.13s}



.skgr-navitem:hover{background:var(--sk-surface-2)}



.skgr-navitem.is-active{border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.skgr-navitem b{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--sk-line-strong);border-radius:8px;background:var(--sk-surface);font-size:12px;font-weight:800;color:var(--sk-ink-soft)}



.skgr-navitem.is-active b{border-color:var(--sk-amber-deep);color:var(--sk-amber-deep)}



.skgr-navitem__t{flex:1;min-width:0;font-size:11.8px;font-weight:600;color:var(--sk-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.skgr-navitem__state{flex-shrink:0;font-size:10px;font-weight:800;border-radius:999px;padding:3px 9px;border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink-faint);white-space:nowrap}



.skgr-navitem__state.is-ok{background:var(--sk-ok-soft);border-color:var(--sk-ok-line);color:var(--sk-ok)}



.skgr-navitem__state.is-bad{background:var(--sk-danger-soft);border-color:var(--sk-danger-line);color:var(--sk-danger)}



.skgr-navitem__state.is-warn{background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-warn,#b45309)}



.skgr-main{min-width:0}



.skgr-card[hidden]{display:none!important}



.skgr-bar__nav{display:flex;gap:8px}



.skgr-bar__nav .sk-btn:disabled{opacity:.4;pointer-events:none}



@media(max-width:1100px){.skgr-layout{grid-template-columns:1fr}.skgr-side{position:static;max-height:none}.skgr-side__nav{max-height:300px}}







/* ===== SKGR3 — نوار اطلاعات تک‌خطی با آمار زنده، فیلتر نوع سوال، شماره و حروف گزینه در تصحیح ===== */



.skgr-topline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}



.skgr-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e1e1e1;background:var(--sk-surface);border-radius:10px;padding:8px 13px}



.skgr-chip span{font-size:10.5px;font-weight:600;color:var(--sk-ink-faint)}



.skgr-chip strong{font-size:12.5px;font-weight:800;color:var(--sk-ink)}



.skgr-chip--live{border-style:dashed;border-color:var(--sk-amber-line);background:var(--sk-amber-soft)}



.skgr-livestatus{border-radius:999px;padding:2px 11px;font-size:11.5px}



.skgr-livestatus.is-ok{background:var(--sk-ok-soft);color:var(--sk-ok);border:1px solid var(--sk-ok-line)}



.skgr-livestatus.is-bad{background:var(--sk-danger-soft);color:var(--sk-danger);border:1px solid var(--sk-danger-line)}



.skgr-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}



.skgr-filterbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--sk-line-strong);background:var(--sk-surface);color:var(--sk-ink-soft);border-radius:999px;padding:8px 15px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.13s}



.skgr-filterbtn b{background:var(--sk-surface-2);border-radius:999px;padding:1px 8px;font-size:10.5px}



.skgr-filterbtn.is-active{background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));border-color:var(--sk-amber-deep);color:#1a1405}



.skgr-filterbtn.is-active b{background:rgba(255,255,255,.55);color:#1a1405}



.skgr-side{max-height:calc(100vh - 96px)}



.skgr-side__nav{flex:1;min-height:200px}



.skgr-navitem[hidden]{display:none!important}



[data-grading-root] .skgr-q .rvq-qno{font-weight:800;margin-inline-end:7px}



[data-grading-root] .skgr-opts{counter-reset:grqopt}



[data-grading-root] .skgr-opt{counter-increment:grqopt}



[data-grading-root] .skgr-opt::before{content:counter(grqopt,rvq-fa);flex-shrink:0;display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border:1px solid var(--sk-line-strong);border-radius:8px;background:var(--sk-surface);font-size:11.5px;font-weight:800;color:var(--sk-ink-soft);margin-top:2px}



[data-grading-root] .skgr-opts--en .skgr-opt::before{content:counter(grqopt,lower-alpha)}



[data-grading-root] .skgr-opt.is-correct::before{border-color:var(--sk-ok-line);color:var(--sk-ok)}



[data-grading-root] .skgr-opt.is-picked:not(.is-correct)::before{border-color:var(--sk-danger-line);color:var(--sk-danger)}







/* ===== SKGR4 — آرام‌سازی صفحه تصحیح: نوار اطلاعات یکپارچه، لیست کم‌صدا، وضعیت نقطه‌ای ===== */



.skgr-topline{background:var(--sk-surface);border:1px solid #e1e1e1;border-radius:12px;padding:2px 6px;gap:0;margin-bottom:12px}



.skgr-topline .skgr-chip{border:0!important;background:transparent!important;border-radius:0;padding:10px 16px;position:relative;flex-direction:column;align-items:flex-start;gap:3px}



.skgr-topline .skgr-chip+.skgr-chip::before{content:"";position:absolute;inset-inline-start:0;top:22%;bottom:22%;width:1px;background:var(--sk-line)}



.skgr-topline .skgr-chip span{font-size:10px}



.skgr-topline .skgr-chip strong{font-size:12.5px;font-weight:700}



.skgr-chip--live strong[data-gr-live-score]{color:var(--sk-amber-deep)}



.skgr-livestatus{padding:2px 10px;font-size:11px}



.skgr-filters{gap:6px}



.skgr-filterbtn{border-color:transparent;background:transparent;padding:7px 12px}



.skgr-filterbtn b{background:transparent;border:0;padding:0;color:inherit;font-size:10.5px}



.skgr-filterbtn:hover{background:var(--sk-surface-2)}



.skgr-filterbtn.is-active{background:var(--sk-ink);border-color:var(--sk-ink);color:#fff}



.skgr-filterbtn.is-active b{background:transparent;color:#fff}



.skgr-navitem{padding:8px 9px;gap:8px}



.skgr-navitem b{width:24px;height:24px;font-size:11px;border-color:var(--sk-line)}



.skgr-navitem__t{font-size:11px;font-weight:600;color:var(--sk-ink-faint)}



.skgr-navitem.is-active .skgr-navitem__t{color:var(--sk-ink)}



.skgr-navitem__state{width:10px;height:10px;min-width:10px;padding:0!important;border-radius:99px;font-size:0!important;border:0!important;background:var(--sk-line-strong)}



.skgr-navitem__state.is-ok{background:var(--sk-ok)!important}



.skgr-navitem__state.is-bad{background:var(--sk-danger)!important}



.skgr-navitem__state.is-warn{background:var(--sk-amber)!important}



.skgr-side__box{box-shadow:none}



.skgr-card{box-shadow:none}



.skgr-bar{box-shadow:0 -6px 18px -14px rgba(0,0,0,.2)}







/* ===== SKGR5 — حذف آیکون‌های تیک/ضربدر گزینه‌ها، فیلتر تمام‌عرض، تراز دو ستون ===== */



[data-grading-root] .skgr-opt__ic{display:none!important}



[data-grading-root] .skgr-opt{background:var(--sk-surface);border-color:var(--sk-line)}



[data-grading-root] .skgr-opt.is-correct{background:rgba(34,160,94,.07);border-color:var(--sk-ok-line)}



[data-grading-root] .skgr-opt.is-picked:not(.is-correct){background:rgba(220,53,69,.06);border-color:var(--sk-danger-line)}



[data-grading-root] .skgr-opt__tag{background:transparent;border:0;color:var(--sk-ink-faint);font-weight:700;padding:0 2px}



[data-grading-root] .skgr-opt__tag--ok{color:var(--sk-ok)}



[data-grading-root] .skgr-opt.is-picked:not(.is-correct) .skgr-opt__tag{color:var(--sk-danger)}



.skgr-filters--line{margin:0 0 12px;background:var(--sk-surface);border:1px solid #e1e1e1;border-radius:12px;padding:7px 10px}







/* ===== SKGR6 — آمار زنده سمت چپ نوار فیلتر، اسکرول لنگرشده روی نوار ===== */



.skgr-filters--line{align-items:center}



.skgr-live{display:flex;align-items:center;gap:6px;margin-inline-start:auto}



.skgr-live .skgr-chip{border:0!important;background:transparent!important;padding:2px 10px;flex-direction:row;align-items:center;gap:8px;position:relative}



.skgr-live .skgr-chip+.skgr-chip::before{content:"";position:absolute;inset-inline-start:0;top:15%;bottom:15%;width:1px;background:var(--sk-line)}



.skgr-live .skgr-chip span{font-size:10.5px;color:var(--sk-ink-faint);font-weight:600}



.skgr-live .skgr-chip strong{font-size:13px;font-weight:800}



.skgr-filters--line{scroll-margin-top:12px}







/* ===== SKGR7 — لنگر اسکرول با احتساب هدر چسبان پنل ===== */



.skgr-filters--line{scroll-margin-top:96px!important}







/* ===== SKGR8 — وضعیت آبی برای تشریحی بازنشده ===== */



.skgr-state.is-info{color:var(--sk-info);background:var(--sk-info-soft);border-color:var(--sk-info-line)}



.skgr-navitem__state.is-info{background:var(--sk-info)!important}







/* ===== SKWC — نمودار وضعیت تلاش‌ها در تب نتایج صفحه مدیریت آزمون ===== */



.skwc-wrap{display:flex;align-items:center;gap:20px;margin-top:14px}



.skwc-donut{position:relative;width:128px;height:128px;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--sk-ok) 0 var(--d1,0deg),var(--sk-danger) var(--d1,0deg) var(--d2,0deg),var(--sk-amber) var(--d2,0deg) var(--d3,0deg),var(--sk-surface-3) var(--d3,0deg) 360deg)}



.skwc-donut::before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--sk-surface)}



.skwc-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}



.skwc-center b{font-size:22px;font-weight:800;line-height:1;color:var(--sk-ink)}



.skwc-center small{font-size:10.5px;font-weight:700;color:var(--sk-ink-faint)}



.skwc-bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:11px}



.skwc-bar__t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--sk-ink-soft);margin-bottom:5px}



.skwc-i{width:9px;height:9px;border-radius:3px;flex:0 0 auto}



.skwc-bar__t small{color:var(--sk-ink-faint);font-weight:700;font-size:11px}



.skwc-bar__t b{margin-inline-start:auto;font-size:12.5px;font-weight:800;color:var(--sk-ink)}



.skwc-track{height:7px;border-radius:99px;background:var(--sk-surface-3);overflow:hidden}



.skwc-track span{display:block;height:100%;border-radius:99px;width:var(--w,0%);transition:width .5s ease}



.skwc-i.is-ok,.skwc-track .is-ok{background:var(--sk-ok)}



.skwc-i.is-bad,.skwc-track .is-bad{background:var(--sk-danger)}



.skwc-i.is-wait,.skwc-track .is-wait{background:var(--sk-amber)}



@media(max-width:640px){.skwc-wrap{flex-direction:column;align-items:stretch}.skwc-donut{margin-inline:auto}}







/* ===== DXR — تب گزارش تحلیلی صفحه گزارش آزمون طراح: کارت‌های نمودار، لجند و تولتیپ تعاملی ===== */



.dxr-wrap{display:flex;flex-direction:column;gap:12px}



.dxr-wrap .skw-panel.is-active{display:flex;flex-direction:column;gap:12px}



.dxr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}



.dxr-card{padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}



.dxr-card--wide{grid-column:1/-1}



.dxr-card__h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}



.dxr-card__h h3{margin:0;font-size:15px}



.dxr-card__hint{font-size:11.5px;font-weight:600;color:var(--sk-ink-faint)}



.dxr-donutwrap{position:relative;width:196px;height:196px;margin:2px auto}



.dxr-donutwrap--sm{width:172px;height:172px}



.dxr-donut{width:100%;height:100%;display:block}



.dxr-donut circle{cursor:default}



.dxr-donut__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}



.dxr-donut__c b{font-size:26px;font-weight:800;color:var(--sk-ink);line-height:1;}



.dxr-donut__c small{font-size:10.5px;font-weight:700;color:var(--sk-ink-faint)}



.dxr-legend{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center}



.dxr-leg{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--sk-ink-soft)}



.dxr-leg i{width:9px;height:9px;border-radius:3px;flex:0 0 auto}



.dxr-leg b{font-weight:800;color:var(--sk-ink);}



.dxr-chartbox{min-width:0;width:100%}



.dxr-empty{padding:26px 0;text-align:center;font-size:13px;font-weight:600;color:var(--sk-ink-faint)}



.dxr-tip{position:fixed;z-index:1200;background:var(--sk-ink);color:#fff;font-size:12px;font-weight:600;line-height:1.7;padding:7px 11px;border-radius:9px;pointer-events:none;box-shadow:0 8px 20px rgba(0,0,0,.18);white-space:nowrap}



.dxr-tip b{font-weight:800;margin-inline-end:6px}



[data-theme="dark"] .dxr-tip{background:#f4f2ec;color:#181a1d}



@keyframes dxrSeg{from{opacity:0}to{opacity:1}}



@media(prefers-reduced-motion:reduce){.dxr-donut circle{animation:none!important;transition:none!important}}



@media(max-width:860px){.dxr-grid{grid-template-columns:1fr}}







/* ===== SKW-GRID4 — چهار کارت هم‌عرض برای تب تعامل صفحه مدیریت آزمون ===== */



.skw-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}



@media(max-width:1040px){.skw-grid4{grid-template-columns:repeat(2,1fr)}}



@media(max-width:560px){.skw-grid4{grid-template-columns:1fr}}







/* ===== ENG-MOD — ریتم و اجزای مشترک صفحات مرکز تعاملات (داشبورد/نظرها/پرسش‌ها) ===== */



.skd--moderation{display:flex;flex-direction:column;gap:12px}



.skd--moderation .sk-subnav{margin:0}



.skd--moderation .skq-filters{margin:0}



.skd--moderation .skw-stats{margin:0}



.sk-scope-banner{display:flex;align-items:center;gap:9px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--sk-ink)}



.sk-scope-banner__ic{font-size:15px;line-height:1}



.sk-scope-banner b{font-weight:800}



.sk-scope-banner a{margin-inline-start:auto;font-size:12.5px;font-weight:700;color:var(--sk-amber-deep);text-decoration:none;white-space:nowrap}



.sk-scope-banner a:hover{text-decoration:underline}







/* ===== SKW-CARD-LINK — کارت‌های کلیک‌پذیر تب تعامل صفحه آزمون ===== */



a.skw-card--link{display:block;text-decoration:none;color:inherit;cursor:pointer;position:relative;transition:border-color .15s,transform .12s}



a.skw-card--link:hover{border-color:var(--sk-amber);transform:translateY(-2px);box-shadow:0 6px 20px -10px rgba(24,26,29,.18)}



a.skw-card--link:hover h3{color:var(--sk-amber-deep)}







/* ===== RV-MODAL — پاپ‌آپ بررسی نظر دانشجو در مرکز تعاملات ===== */



.rv-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:20px}



.rv-modal[hidden]{display:none}



.rv-modal__backdrop{position:absolute;inset:0;background:rgba(15,17,21,.5);backdrop-filter:blur(2px)}



.rv-modal__panel{position:relative;width:100%;max-width:560px;max-height:88vh;overflow:auto;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;box-shadow:0 24px 60px -20px rgba(0,0,0,.4)}



.rv-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--sk-line);position:sticky;top:0;background:var(--sk-surface);z-index:1}



.rv-modal__head h3{margin:0;font-size:16px}



.rv-modal__x{border:0;background:var(--sk-surface-2);width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--sk-ink-soft)}



.rv-modal__x:hover{background:var(--sk-surface-3);color:var(--sk-ink)}



.rv-modal__body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}



.rv-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}



.rv-meta>div{display:flex;flex-direction:column;gap:2px}



.rv-meta span{font-size:11.5px;color:var(--sk-ink-faint);font-weight:600}



.rv-meta b{font-size:13.5px;color:var(--sk-ink);font-weight:700}



.rv-comment{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:14px 16px}



.rv-comment h4{margin:0 0 6px;font-size:14px}



.rv-comment p{margin:0;font-size:13.5px;line-height:2;color:var(--sk-ink-soft);white-space:pre-wrap}



.rv-actionform{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--sk-line);padding-top:14px}



.rv-field{display:flex;flex-direction:column;gap:5px}



.rv-field>span{font-size:12.5px;font-weight:700;color:var(--sk-ink-soft)}



.rv-field select,.rv-field textarea{border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface);color:var(--sk-ink);padding:10px 12px;font:inherit;width:100%;box-sizing:border-box}



.rv-actionform__foot{display:flex;gap:10px;justify-content:flex-end}



@media(max-width:520px){.rv-meta{grid-template-columns:1fr}}







/* ===== DQ-CHAT — گفتگوی پرسش و پاسخ طراح و دانشجو (سبک چت) + ویرایشگر متنی ===== */



.dq-qcard{position:relative;border-inline-start:3px solid var(--sk-amber)}



.dq-qcard__badge{display:inline-block;font-size:11.5px;font-weight:700;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border-radius:999px;padding:3px 11px;margin-bottom:9px}



.dq-qcard__body{font-size:13.5px;color:var(--sk-ink-soft);line-height:2}



.dq-question{margin-top:2px}



.dq-question__body{font-size:14px;color:var(--sk-ink);line-height:2.1;font-weight:600}



.dq-optbtn{display:inline-flex;align-items:center;gap:5px;margin-top:13px;border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink-soft);border-radius:9px;padding:7px 14px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .13s}



.dq-optbtn:hover{border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.dq-optbtn__chev{font-size:12px;transition:transform .18s}



.dq-optbtn.is-open{border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.dq-optbtn.is-open .dq-optbtn__chev{transform:rotate(180deg)}



.dq-optwrap{margin-top:12px;border-top:1px dashed var(--sk-line);padding-top:12px}



.dq-options{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}



.dq-option{display:flex;align-items:flex-start;gap:10px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:11px;padding:10px 13px}



.dq-option__k{flex:0 0 auto;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:7px;font-size:12px;font-weight:800;color:var(--sk-ink-soft)}



.dq-option__t{font-size:13px;color:var(--sk-ink-soft);line-height:1.9;padding-top:2px}



[dir="ltr"] .dq-options{direction:ltr}



.dq-chat{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;overflow:hidden}



.dq-chat__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--sk-line);background:var(--sk-surface-2);flex-wrap:wrap}



.dq-chat__peers{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--sk-ink)}



.dq-chat__vs{color:var(--sk-ink-faint);font-weight:500}



.dq-peer{display:inline-flex;align-items:center;gap:7px}



.dq-peer small{font-size:10.5px;font-weight:600;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border-radius:999px;padding:1px 7px}



.dq-chat__count{font-size:12px;color:var(--sk-ink-faint);font-weight:600}



.dq-ava{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--sk-surface-3);border:1px solid var(--sk-line)}



.dq-thread{display:flex;flex-direction:column;gap:14px;padding:20px 18px;max-height:560px;overflow-y:auto}



.dq-row{display:flex;align-items:flex-end;gap:9px;max-width:82%}



.dq-row--student{align-self:flex-start}



.dq-row--designer{align-self:flex-end;flex-direction:row-reverse}



.dq-bubble{border-radius:15px;padding:11px 14px;position:relative}



.dq-bubble--student{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-end-start-radius:4px}



.dq-bubble--designer{background:var(--sk-amber-soft);border:1px solid var(--sk-amber);border-end-end-radius:4px}



.dq-bubble__meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}



.dq-bubble__meta b{font-size:12.5px;color:var(--sk-ink)}



.dq-bubble__meta time{font-size:11px;color:var(--sk-ink-faint);margin-inline-start:auto}



.dq-tag{font-size:10px;font-weight:700;color:var(--sk-amber-deep);background:rgba(0,0,0,.05);border-radius:999px;padding:1px 7px}



.dq-tag--muted{color:var(--sk-ink-soft)}



.dq-bubble__body{font-size:13px;color:var(--sk-ink-soft);line-height:1.95;word-break:break-word}



.dq-bubble__body p{margin:0 0 6px}.dq-bubble__body p:last-child{margin:0}



.dq-bubble__body ul,.dq-bubble__body ol{margin:4px 0;padding-inline-start:20px}



.dq-empty{text-align:center;color:var(--sk-ink-faint);font-size:13px;padding:30px 0}



.dq-composer{border-top:1px solid var(--sk-line);padding:14px 16px;background:var(--sk-surface-2)}



.dq-editor{border:1px solid var(--sk-line);border-radius:13px;background:var(--sk-surface);overflow:hidden;transition:border-color .15s}



.dq-editor:focus-within{border-color:var(--sk-amber)}



.dq-toolbar{display:flex;align-items:center;gap:3px;padding:7px 9px;border-bottom:1px solid var(--sk-line);background:var(--sk-surface-2)}



.dq-tool{min-width:30px;height:30px;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;color:var(--sk-ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:background .13s,color .13s}



.dq-tool:hover{background:var(--sk-surface-3);color:var(--sk-ink)}



.dq-tool__sep{width:1px;height:18px;background:var(--sk-line);margin:0 4px}



.dq-input{min-height:92px;max-height:260px;overflow-y:auto;padding:12px 14px;font:inherit;font-size:13.5px;line-height:2;color:var(--sk-ink);outline:none}



.dq-input:empty::before{content:attr(data-placeholder);color:var(--sk-ink-faint)}



.dq-input--err{border-color:var(--sk-danger)!important;box-shadow:0 0 0 3px rgba(229,72,77,.12)}



.dq-input ul,.dq-input ol{margin:4px 0;padding-inline-start:22px}



.dq-composer__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;flex-wrap:wrap}



.dq-hint{font-size:11.5px;color:var(--sk-ink-faint)}



.dq-composer__actions{display:flex;gap:8px;margin-inline-start:auto}



.dq-closed{border-top:1px solid var(--sk-line);padding:16px 18px;text-align:center;font-size:13px;color:var(--sk-ink-faint);background:var(--sk-surface-2)}



@media(max-width:640px){.dq-row{max-width:92%}.dq-thread{padding:16px 12px}}







/* ===== TH-THREAD — لیست پیام‌ها داخل پاپ‌آپ بررسی گفتگو + فاصله بج‌های وضعیت جدول ===== */



.th-thread{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:12px}



.th-msg{border-radius:11px;padding:10px 13px;background:var(--sk-surface);border:1px solid var(--sk-line)}



.th-msg--designer{background:var(--sk-amber-soft);border-color:var(--sk-amber)}



.th-msg--buyer{border-color:var(--sk-line-strong)}



.th-msg__h{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}



.th-msg__h b{font-size:12.5px;color:var(--sk-ink)}



.th-msg__role{font-size:10.5px;font-weight:700;color:var(--sk-ink-soft);background:rgba(0,0,0,.05);border-radius:999px;padding:1px 8px}



.th-msg--designer .th-msg__role{color:var(--sk-amber-deep)}



.th-msg__h time{font-size:11px;color:var(--sk-ink-faint);margin-inline-start:auto}



.th-msg p{margin:0;font-size:13px;color:var(--sk-ink-soft);line-height:1.95;white-space:pre-wrap;word-break:break-word}



.th-empty{text-align:center;color:var(--sk-ink-faint);font-size:12.5px;padding:16px 0;margin:0}



/* فاصله بین بج‌های وضعیت که در ستون «وضعیت» جدول‌ها زیر هم می‌آیند */



.skq-table td .skq-badge{margin-bottom:3px}



.skq-table td .skq-badge+br+.skq-badge,.skq-table td br+.skq-badge{margin-top:2px}







/* بج‌های وضعیت پشته‌ای با فاصله تمیز */



.skq-badges{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start}




/* =====================================================================
   EXAM SETTINGS POLISH v1
   خوش‌آمدگویی: پیش‌نمایش «نمای دانشجو» · تست رایگان: انتخاب سؤال ردیفی + جستجو
   ===================================================================== */
/* —— پیش‌نمایش خوش‌آمدگویی —— */
.sksf-wprev__frame{border:1px solid var(--sk-line);border-radius:14px;overflow:hidden;background:var(--sk-surface)}
.sksf-wprev__bar{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--sk-surface-2);border-bottom:1px solid var(--sk-line)}
.sksf-wprev__bar i{width:9px;height:9px;border-radius:50%;background:var(--sk-line-strong)}
.sksf-wprev__bar i:first-child{background:var(--sk-amber)}
.sksf-wprev__bar span{margin-inline-start:8px;font-size:11px;font-weight:700;color:var(--sk-ink-faint);letter-spacing:.2px}
.sksf-wprev__stage{padding:20px;background:var(--sk-bg)}
.sksf-wprev__card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.sksf-wprev__kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--sk-ink-faint);letter-spacing:.3px}
.sksf-wprev__kicker::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sk-ink)}
.sksf-wprev__title{margin:0;font-size:18px;font-weight:800;color:var(--sk-ink);letter-spacing:-.3px}
.sksf-wprev__media{margin:2px 0 0;position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--sk-line)}
.sksf-wprev__media img{display:block;width:100%;max-height:210px;object-fit:cover}
.sksf-wprev__media figcaption{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:linear-gradient(180deg,rgba(10,11,13,0),rgba(10,11,13,.74));color:#fff}
.sksf-wprev__media figcaption span{font-size:10.5px;font-weight:700;opacity:.75}
.sksf-wprev__media figcaption strong{font-size:14px;font-weight:800}
.sksf-wprev__body{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-inline-start:3px solid var(--sk-ink);border-radius:10px;padding:15px 17px;font-size:13px;line-height:2.05;color:var(--sk-ink);unicode-bidi:plaintext;text-align:start}
.sksf-wprev__body p{margin:.5em 0;color:var(--sk-ink)}
.sksf-wprev__body p:first-child{margin-top:0}
.sksf-wprev__body p:last-child{margin-bottom:0}
.sksf-wprev__note{display:block;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--sk-line-strong);font-size:11.5px;font-weight:700;color:var(--sk-ink-faint)}
.sksf-wprev__foot{display:block;margin-top:10px;font-size:11.5px;color:var(--sk-ink-faint);line-height:1.9}
@media(max-width:640px){.sksf-wprev__stage{padding:12px}.sksf-wprev__card{padding:16px}}
/* —— انتخاب سؤال تست رایگان —— */
.skftq{display:flex;flex-direction:column;gap:10px}
.skftq-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:12px;padding:12px 15px;margin:0}
.skftq-bar__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.skftq-bar__txt b{font-size:13px;font-weight:800;color:var(--sk-ink)}
.skftq-bar__txt span{font-size:11.5px;color:var(--sk-ink-soft);line-height:1.8}
.skftq-bar__count{display:flex;align-items:baseline;gap:7px;white-space:nowrap;border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);border-radius:10px;padding:8px 13px}
.skftq-bar__count i{font-style:normal;font-size:19px;font-weight:900;color:var(--sk-amber-deep);line-height:1}
.skftq-bar__count span{font-size:11.5px;font-weight:700;color:var(--sk-ink-soft)}
.skftq-search{display:flex;align-items:center;gap:9px;border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:11px;padding:0 13px;margin:0;transition:border-color .14s}
.skftq-search:focus-within{border-color:var(--sk-amber)}
.skftq-search svg{width:16px;height:16px;color:var(--sk-ink-faint);flex-shrink:0}
.skftq-search input{flex:1;border:0;background:none;padding:11px 0;font:inherit;font-size:13px;color:var(--sk-ink);outline:none;min-width:0}
.skftq-search input::placeholder{color:var(--sk-ink-faint)}
.skftq-list{display:flex;flex-direction:column;gap:8px;max-height:452px;overflow-y:auto;scrollbar-width:thin;padding-inline-end:4px}
.skftq-card{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:11px;padding:10px 14px;transition:border-color .14s,background .14s;overflow:hidden}
.skftq-card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:transparent;transition:background .14s}
.skftq-card:hover{border-color:var(--sk-line-strong)}
.skftq-card.is-selected{border-color:var(--sk-amber);background:var(--sk-amber-soft)}
.skftq-card.is-selected::before{background:var(--sk-amber)}
.skftq-card__main{display:flex;align-items:center;gap:11px;cursor:pointer;margin:0;min-width:0;flex:1}
.skftq-card__main input{position:absolute;opacity:0;pointer-events:none}
.skftq-check{width:20px;height:20px;flex-shrink:0;border-radius:6px;border:1.5px solid var(--sk-line-strong);background:var(--sk-surface);display:grid;place-items:center;color:#fff;transition:.14s;margin-top:0}
.skftq-check svg{width:12px;height:12px;opacity:0;transition:opacity .12s}
.skftq-card.is-selected .skftq-check{background:var(--sk-amber-deep);border-color:var(--sk-amber-deep)}
.skftq-card.is-selected .skftq-check svg{opacity:1}
.skftq-no{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;border:1px solid var(--sk-line);background:var(--sk-surface-2);font-size:12.5px;font-weight:800;color:var(--sk-ink-soft);}
.skftq-card.is-selected .skftq-no{background:var(--sk-amber);border-color:var(--sk-amber);color:#1a1306}
.skftq-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.skftq-title b{font-size:13px;font-weight:800;color:var(--sk-ink);line-height:1.7;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skftq-title small{font-size:11px;color:var(--sk-ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skftq-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;margin:0;padding:8px 13px;width:auto;border-radius:9px;border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink-soft);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .14s,color .14s,background .14s;white-space:nowrap}
.skftq-open svg{width:14px;height:14px}
.skftq-open:hover{border-color:var(--sk-amber);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}
.skftq-empty{grid-column:auto;text-align:center;padding:18px 12px;border:1px dashed var(--sk-line);border-radius:11px;color:var(--sk-ink-faint);font-size:12.5px;background:var(--sk-surface)}
@media(max-width:640px){
  .skftq-bar{flex-direction:column;align-items:stretch}
  .skftq-card{flex-wrap:wrap}
  .skftq-card__main{width:100%}
  .skftq-open{width:100%}
}
/* —— راهنمای وزن سؤال در ورود CSV —— */
.skq-wguide{border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);border-radius:13px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.skq-wguide__h{display:flex;align-items:flex-start;gap:11px}
.skq-wguide__ic{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--sk-amber);color:#1a1306}
.skq-wguide__ic svg{width:19px;height:19px}
.skq-wguide__t{display:flex;flex-direction:column;gap:3px;min-width:0}
.skq-wguide__t b{font-size:13.5px;font-weight:800;color:var(--sk-ink)}
.skq-wguide__t span{font-size:12px;color:var(--sk-ink-soft);line-height:1.9}
.skq-wguide__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.skq-wguide__item{display:flex;flex-direction:column;gap:4px;border:1px solid var(--sk-line);background:var(--sk-surface);border-radius:10px;padding:11px 13px;text-align:center}
.skq-wguide__item b{font-size:12.5px;font-weight:800;color:var(--sk-ink)}
.skq-wguide__item span{font-size:12px;font-weight:700;color:var(--sk-amber-deep);}
@media(max-width:760px){.skq-wguide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* —— آکاردئون محورهای دسته‌بندی (مشاغل / مهارت‌ها / ابزارها) ——
   پیش‌فرض بسته تا ارتفاع صفحه کوتاه شود؛ انتخاب‌ها زیر هدر همیشه دیده می‌شوند. */
.skb-axis-section{padding:0;gap:0;overflow:hidden}
.skb-axis-section__h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:none;cursor:pointer;font-family:inherit;text-align:start;padding:13px 16px;margin:0;border-bottom:0;transition:background .14s;border-radius:0}
.skb-axis-section__h:hover{background:var(--sk-surface-2)}
.skb-axis-section__h:focus-visible{outline:2px solid var(--sk-amber);outline-offset:-2px}
.skb-axis-section__h .skb-axis-section__hl{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;background:none;border:0;padding:0;border-radius:0;white-space:normal;font-size:inherit;font-weight:inherit;color:inherit}
.skb-axis-section__hl b{font-size:13.5px;font-weight:900;color:var(--sk-ink)}
.skb-axis-section__h .skb-axis-selcount{font-size:11.5px;font-weight:800;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:999px;padding:3px 9px;white-space:nowrap}
.skb-axis-chev{width:18px;height:18px;flex-shrink:0;color:var(--sk-ink-faint);transition:transform .25s ease}
.skb-axis-section.is-open .skb-axis-chev{transform:rotate(180deg)}
.skb-axis-section .skb-axis-selected{padding:10px;margin:0 16px 14px;border:0}
.skb-axis-section .skb-axis-selected:empty{display:none}
.skb-axis-section.is-open .skb-axis-selected{margin-bottom:8px}
.skb-axis-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}
.skb-axis-body__in{min-height:0;overflow:hidden;visibility:hidden;display:flex;flex-direction:column;gap:10px;padding:0 16px;transition:visibility .3s}
.skb-axis-section.is-open .skb-axis-body{grid-template-rows:1fr}
.skb-axis-section.is-open .skb-axis-body__in{visibility:visible;padding-top:4px;padding-bottom:15px}
.skb-axis-addghost{display:inline-flex;align-items:center;gap:7px;border:1px dashed var(--sk-line-strong);background:var(--sk-surface);color:var(--sk-ink-soft);border-radius:999px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .14s,color .14s,background .14s}
.skb-axis-addghost b{font-weight:900;font-size:14px;line-height:1}
.skb-axis-addghost:hover{border-color:var(--sk-amber);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}
@media (prefers-reduced-motion:reduce){.skb-axis-body,.skb-axis-chev,.skb-axis-body__in{transition:none}}
/* —— انتخاب سؤال تست رایگان v2: جهت و اعداد بر اساس زبان سؤال، برش متن، کنترل ارتفاع —— */
.skftq-list{max-height:480px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sk-line-strong) transparent;padding-inline-end:6px}
.skftq-list::-webkit-scrollbar{width:8px}
.skftq-list::-webkit-scrollbar-thumb{background:var(--sk-line-strong);border-radius:999px}
.skftq-list::-webkit-scrollbar-track{background:transparent}
.skftq-card{padding:11px 14px 12px}
.skftq-title{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:start}
.skftq-title__top{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}
.skftq-title__top b{font-size:13px;font-weight:800;color:var(--sk-ink);white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.7}
.skftq-title__top small{font-size:10.5px;font-weight:700;color:var(--sk-ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;max-width:100%}
.skftq-snippet{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-style:normal;font-size:11.5px;color:var(--sk-ink-soft);line-height:1.9;unicode-bidi:plaintext;text-align:start;word-break:break-word}
.skftq-card--en .skftq-no{font-family:inherit;letter-spacing:.2px}
@media(max-width:640px){.skftq-list{max-height:420px}.skftq-snippet{-webkit-line-clamp:2}}
/* —— SETTINGS POLISH v3: آکاردئون محورها (نهایی) + فضای تنفس تست رایگان + رفتار درست اسکرول —— */
/* لیبل تکراری فیلد و لید توضیحی محورها حذف می‌شود؛ عنوان داخل هدر آکاردئون کافی است */
.skb-field--axis > label{display:none}
.skb-axis-lead{display:none!important}
/* ایمنی در برابر JS قدیمیِ کش‌شده: فرزندان مستقیم بخش از لبه فاصله بگیرند */
.skb-axis-section > .skb-axis-search,.skb-axis-section > .skb-axis-alert,.skb-axis-section > .skb-axis-preview,.skb-axis-section > .skb-axis-full,.skb-axis-section > .skb-axis-empty{margin-inline:16px}
.skb-axis-section > .skb-axis-full,.skb-axis-section > .skb-axis-empty{margin-bottom:14px}
/* —— تست رایگان: فاصله‌گذاری راحت‌تر —— */
.skftq{gap:12px}
.skftq-list{overscroll-behavior:auto;max-height:480px;gap:9px;padding-inline-end:6px;padding-block:2px}
.skftq-card{padding:13px 16px;gap:14px;border-radius:12px}
.skftq-card__main{gap:12px}
.skftq-no{width:32px;height:32px;font-size:13px}
.skftq-check{width:21px;height:21px}
.skftq-title{gap:4px}
.skftq-title__top{gap:10px;row-gap:2px}
.skftq-snippet{-webkit-line-clamp:2;line-height:1.95;font-size:12px}
.skftq-open{padding:9px 14px;border-radius:10px}
.skftq-bar{padding:13px 16px;gap:16px}
.skftq-bar__count{padding:9px 14px}
/* —— SETTINGS POLISH v4 —— */
/* شمارنده کل موردها در هدر محورها نمایش داده نشود (حتی اگر JS قدیمی از کش بیاید) */
.skb-axis-section__h [data-count]{display:none!important}
/* تست رایگان: ارتفاع هر ردیف طبیعی و بر اساس محتوا؛ متن هرگز کلیپ یا هم‌پوشان نمی‌شود */
.skftq-list{display:flex;flex-direction:column;grid-template-columns:none}
.skftq-card{height:auto!important;min-height:0;max-height:none;flex-direction:row;align-items:flex-start;overflow:hidden}
.skftq-card__main{align-items:flex-start}
.skftq-check{margin-top:6px}
.skftq-no{margin-top:2px}
.skftq-open{align-self:center}
.skftq-title{overflow:hidden}
.skftq-title__top{flex-wrap:nowrap;align-items:baseline}
.skftq-title__top b{flex-shrink:0;display:inline;white-space:nowrap;-webkit-line-clamp:unset}
.skftq-title__top small{flex:1 1 auto;min-width:0}
.skftq-snippet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.9em;line-height:1.95}
@media(max-width:640px){.skftq-title__top{flex-wrap:wrap}}
/* ===== SKW SURVEY CARD + SKW-MINI — کارت نظرسنجی تب نتایج + استایل آیتم‌های آماری (که تعریف نشده بود) ===== */
.skw-mini{display:flex;flex-direction:column;gap:6px;min-width:0;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:10px;padding:11px 13px}
.skw-mini span{font-size:11px;font-weight:600;color:var(--sk-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skw-mini strong{font-size:14.5px;font-weight:700;color:var(--sk-ink);line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skw-survey-card__h{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.skw-survey-card__ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);color:var(--sk-amber-deep)}
.skw-survey-card__ic svg{width:20px;height:20px}
.skw-survey-card__t{flex:1;min-width:0}
.skw-survey-card__t h3{margin:0 0 3px;font-size:14px}
.skw-survey-card__t p{margin:0;font-size:12px;color:var(--sk-ink-soft);line-height:1.85}
.skw-survey-card__h>.sk-btn{flex:none;align-self:center;white-space:nowrap}
.skw-survey-card__stats{gap:12px}
@media(max-width:640px){.skw-survey-card__h{flex-wrap:wrap}.skw-survey-card__h>.sk-btn{width:100%;justify-content:center}}

/* ===== MOBILE FIX v4.9 — هیروی پنل و نوار آمار: نسخهٔ گرید v4.3 همتای موبایل نداشت ===== */
@media (max-width:700px){
  .skd-hero,
  .skd-hero:has(.skd-hero__r),
  .skd-hero:has(.skd-hero__r--stat){grid-template-columns:1fr;gap:14px;align-items:stretch;padding:20px 18px}
  .skd-hero .skd-hero__r,
  .skd-hero__r--stat{justify-self:stretch;margin-top:2px;flex-wrap:wrap}
  .skd-hero .skd-hero__r>.sk-btn{flex:1 1 auto;justify-content:center}
  .skd-hero h1{font-size:20px!important}
}
@media (max-width:640px){
  .sk-factrow{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sk-fact+.sk-fact{border-inline-start:0}
  .sk-factrow .sk-fact{border-top:1px solid var(--sk-line)}
  .sk-factrow .sk-fact:nth-child(-n+2){border-top:0}
  .sk-factrow .sk-fact:nth-child(2n){border-inline-start:1px solid var(--sk-line)}
}

/* ===== ACCENT THEMES v2 — شخصی‌سازی رنگ اصلی: مشتق‌های soft/line خودکار از رنگ اصلی ===== */
html[data-accent]{--sk-amber-soft:color-mix(in srgb, var(--sk-amber) 13%, transparent);--sk-amber-line:color-mix(in srgb, var(--sk-amber) 42%, transparent)}
html[data-accent="orange"]{--sk-amber:#ff9d3c;--sk-amber-deep:#e07c12}
html[data-accent="green"]{--sk-amber:#22c78e;--sk-amber-deep:#0e9f6e}
html[data-accent="teal"]{--sk-amber:#2dd4bf;--sk-amber-deep:#0da695}
html[data-accent="sky"]{--sk-amber:#3db4f5;--sk-amber-deep:#0e8fd6}
html[data-accent="blue"]{--sk-amber:#7cabff;--sk-amber-deep:#3f7ae8}
html[data-accent="violet"]{--sk-amber:#a78bfa;--sk-amber-deep:#7c5cf0}
html[data-accent="purple"]{--sk-amber:#c084fc;--sk-amber-deep:#9b4fe0}
html[data-accent="pink"]{--sk-amber:#f472b6;--sk-amber-deep:#d6408f}
html[data-accent="rose"]{--sk-amber:#fb7185;--sk-amber-deep:#e2405e}
/* پاپ‌اور انتخاب رنگ */
.sk-accent-wrap{position:relative}
.sk-accent-pop{position:absolute;top:calc(100% + 10px);inset-inline-start:0;z-index:180;min-width:238px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;box-shadow:0 18px 48px rgba(17,24,39,.14);padding:16px;display:none}
.sk-accent-pop.open{display:block}
.sk-accent-pop h4{margin:0 0 3px;font-size:13.5px;font-weight:800;color:var(--sk-ink);display:flex;align-items:center;gap:8px}
.sk-accent-pop h4 svg{width:16px;height:16px;color:var(--sk-amber-deep)}
.sk-accent-pop p{margin:0 0 12px;font-size:11px;color:var(--sk-ink-faint);line-height:1.9}
.sk-accent-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.sk-accent-dot{width:34px;height:34px;border-radius:50%;border:2px solid transparent;transition:border-color .14s;cursor:pointer;position:relative;padding:0;background:none}
.sk-accent-dot i{position:absolute;inset:3px;border-radius:50%;background:var(--dot)}
.sk-accent-dot:hover{border-color:var(--sk-line-strong)}
.sk-accent-dot.is-on{border-color:var(--dot)}
.sk-accent-dot.is-on i{inset:6px}
.sk-accent-dot.is-on:hover{border-color:var(--dot)}

/* ============================================================================
   MOBILE TOPBAR v1 — هدر پنل در موبایل
   مشکل: در ≤640px مجموع آیتم‌های هدر از عرض صفحه بیشتر می‌شد و آواتار/چیپ
   کیف پول از کادر بیرون می‌زد. راه‌حل: چیپ موجودی کیف پول از ردیف آیکون‌ها
   خارج و به «ردیف دوم تمام‌عرض» همان هدر چسبان منتقل می‌شود (همیشه در دید)؛
   رپرهای sk-top-right و sk-topacts با display:contents تخت می‌شوند تا wrap
   در سطح خود هدر رخ دهد؛ دکمه‌ها فشرده و متن سوییچر نقش مخفی می‌شود.
   نتیجه: هیچ عنصری در هیچ عرضی از کادر بیرون نمی‌زند.
   ============================================================================ */
@media (max-width: 640px) {
    .sk-topbar{flex-wrap:wrap;height:auto;min-height:56px;padding:8px 12px;gap:8px;row-gap:8px;overflow-x:clip}
    /* تخت‌کردن رپرها: همهٔ اکشن‌ها آیتم مستقیم فلکسِ هدر می‌شوند */
    .sk-top-right,.sk-topacts{display:contents}
    /* auto-margin که قبلاً روی رپر بود، به اولین آیتمِ تخت‌شده منتقل می‌شود */
    .sk-accent-wrap{margin-inline-start:auto}
    /* دکمه‌های فشرده */
    .sk-topbar .sk-ibtn{width:38px;height:38px;flex-shrink:0}
    .sk-topbar .sk-ibtn svg{width:18px;height:18px}
    .sk-topbar .sk-ibtn img{width:26px!important;height:26px!important}
    .sk-role-btn{padding:5px 9px;gap:7px;flex-shrink:0}
    .sk-role-btn .t{display:none}
    /* چیپ کیف پول → ردیف دوم تمام‌عرض هدر */
    .sk-wallet-chip{order:99;flex:1 1 100%;justify-content:center;height:38px;margin:0}
}
/* صفحه‌های خیلی باریک: پالت رنگ کنار می‌رود و auto-margin به دکمهٔ تم می‌رسد */
@media (max-width: 380px) {
    .sk-topbar{gap:6px;row-gap:8px}
    .sk-topbar .sk-ibtn{width:36px;height:36px}
    .sk-accent-wrap{display:none}
    .sk-topbar .sk-ibtn[data-sk-theme]{margin-inline-start:auto}
}
/* ضمانت صفحه‌ای: بدنهٔ پنل در موبایل هرگز اسکرول افقی نمی‌گیرد */
@media (max-width: 760px) {
    .sk-body{overflow-x:clip}
}

/* ===== Question Designer: dropdown_cloze/v1 authoring (Phase 2-A) ===== */
.skqd-add small{margin-inline-start:auto;border:1px solid currentColor;border-radius:999px;padding:2px 6px;font-size:9.5px;font-weight:850;opacity:.72}
.skqd-rtb--cloze{width:auto;min-width:30px;padding-inline:7px;display:inline-flex;gap:5px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-family:inherit;font-weight:800}
.skqd-rtb--cloze span{font-size:11px;white-space:nowrap}
.skqd-cloze-token{display:inline-flex;align-items:center;min-width:96px;justify-content:center;margin-inline:3px;padding:2px 9px;border:1px dashed var(--sk-amber-line);border-radius:8px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-size:.9em;font-weight:850;line-height:1.65;vertical-align:baseline;cursor:default;user-select:all}
.skqd-cloze{border:1px solid var(--sk-line);border-radius:16px;padding:15px;background:var(--sk-surface-2)}
.skqd-cloze__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.skqd-cloze__phase{display:inline-flex;margin-top:6px;border:1px solid var(--sk-amber-line);border-radius:999px;padding:4px 9px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-size:10.5px;font-weight:800}
.skqd-cloze__tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.skqd-cloze__summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;border:1px solid var(--sk-line);border-radius:12px;padding:10px 12px;background:var(--sk-surface);font-size:12.5px;color:var(--sk-ink-soft)}
.skqd-cloze__summary strong{font-size:15px;color:var(--sk-danger)}
.skqd-cloze__summary strong.is-ok{color:var(--sk-ok)}
.skqd-cloze__summary small{justify-self:end;color:var(--sk-ink-faint);line-height:1.7}
.skqd-cloze__list{display:grid;gap:12px;margin-top:12px}
.skqd-cloze__empty{border:1px dashed var(--sk-line);border-radius:13px;padding:18px;text-align:center;background:var(--sk-surface);color:var(--sk-ink-soft);font-size:12.5px;line-height:1.9}
.skqd-cloze-card{border:1px solid var(--sk-line);border-radius:14px;padding:13px;background:var(--sk-surface);box-shadow:0 8px 22px -22px rgba(20,24,31,.45)}
.skqd-cloze-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px dashed var(--sk-line)}
.skqd-cloze-card__head>div{display:flex;align-items:center;gap:8px;min-width:0}
.skqd-cloze-card__head strong{font-size:13.5px;color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skqd-cloze-card__head code{direction:ltr;color:var(--sk-ink-faint);font-size:9.5px;overflow:hidden;text-overflow:ellipsis}
.skqd-cloze-card__num{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-weight:900}
.skqd-cloze-card__meta{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;margin-top:12px}
.skqd-cloze-card__meta label{display:grid;gap:6px;color:var(--sk-ink-soft);font-size:11.5px;font-weight:800}
.skqd-cloze-card__weight{display:flex;align-items:center;gap:7px}
.skqd-cloze-card__weight .skqd-num{min-width:0;width:100%}
.skqd-cloze-card__weight>span{font-weight:900;color:var(--sk-ink-soft)}
.skqd-cloze-options__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;margin-bottom:8px;font-size:12px;color:var(--sk-ink-soft)}
.skqd-cloze-options__head strong{color:var(--sk-ink);font-size:12.5px}
.skqd-cloze-options{display:grid;gap:7px}
.skqd-cloze-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--sk-line);border-radius:11px;padding:7px;background:var(--sk-surface-2)}
.skqd-cloze-option.is-correct{border-color:var(--sk-ok);background:color-mix(in srgb,var(--sk-ok) 7%,var(--sk-surface))}
.skqd-cloze-option input[type=radio]{width:18px;height:18px;accent-color:var(--sk-ok);cursor:pointer}
.skqd-cloze-option .skqd-input{min-width:0;background:var(--sk-surface)}
.skqd-cloze-card__add{display:inline-flex;align-items:center;gap:6px;margin-top:9px;border:0;background:transparent;color:var(--sk-primary);font-family:inherit;font-size:12px;font-weight:850;cursor:pointer}
.skqd-cloze-card__add svg{width:15px;height:15px}
.skqd-pv-cloze{display:inline-flex;align-items:center;gap:5px;margin-inline:3px;vertical-align:middle}
.skqd-pv-cloze select{min-width:130px;max-width:260px;border:1px solid var(--sk-amber-line);border-radius:8px;padding:5px 9px;background:var(--sk-amber-soft);color:var(--sk-ink);font-family:inherit;font-weight:750;opacity:1}
.skqd-pv-cloze small{border-radius:999px;padding:2px 5px;background:var(--sk-surface-2);color:var(--sk-ink-faint);font-size:9.5px;font-weight:800}
.skqd-pv-cloze.is-missing{border:1px solid var(--sk-danger);border-radius:7px;padding:3px 7px;color:var(--sk-danger);font-size:11px}
@media(max-width:820px){
  .skqd-cloze__head,.skqd-cloze__summary{display:flex;flex-direction:column;align-items:stretch}
  .skqd-cloze__summary small{justify-self:auto}
  .skqd-cloze-card__meta{grid-template-columns:1fr}
  .skqd-cloze-card__head code{display:none}
}

/* Dropdown cloze grading preview — Phase 2-B */
.skgr-cloze-alert{margin:0 0 14px;padding:13px 15px;border:1px solid var(--sk-amber-line);border-radius:10px;background:var(--sk-amber-soft);color:var(--sk-ink-soft);font-size:12px;font-weight:650;line-height:1.9}
.skgr-card .dropdown-cloze-control{display:inline-flex;max-width:100%;margin:.2rem .24rem;vertical-align:middle}
.skgr-card .dropdown-cloze-select{max-width:100%;min-width:11rem;min-height:40px;border:1px solid var(--sk-line-strong);border-radius:9px;padding:7px 32px 7px 10px;background:var(--sk-surface-2);color:var(--sk-ink-soft);font:inherit;opacity:1}
.skgr-cloze-review{display:grid;gap:8px}
.skgr-cloze-review__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--sk-line);border-radius:9px;background:var(--sk-surface-2)}
.skgr-cloze-review__row span{color:var(--sk-ink-soft);font-size:12px;font-weight:650}
.skgr-cloze-review__row strong{color:var(--sk-ink);font-size:13px;text-align:start}
.skgr-cloze-review__row span small,.skgr-cloze-review__row strong em{display:block;margin-top:3px;font-size:11px;line-height:1.7;font-style:normal}
.skgr-cloze-review__row strong em{color:var(--sk-danger)}
.skgr-cloze-review__row.is-correct{border-color:var(--sk-ok);background:var(--sk-ok-soft)}
.skgr-cloze-review__row.is-incorrect{border-color:var(--sk-danger)}
.skgr-cloze-review__row.is-unanswered{border-style:dashed}
.skgr-cloze-note{padding:11px 13px;border:1px dashed var(--sk-line-strong);border-radius:9px;color:var(--sk-ink-soft);font-size:12px;line-height:1.85}
.skgr-livestatus.is-info{color:var(--sk-info)}
.skgr-bar__btns .sk-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}
@media(max-width:560px){.skgr-card .dropdown-cloze-control{display:flex;width:100%;margin:.4rem 0}.skgr-card .dropdown-cloze-select{width:100%;min-width:0}.skgr-cloze-review__row{align-items:flex-start;flex-direction:column;gap:5px}}

/* Phase 2-B: deferred automatic scoring visual language */
.skd-kpi.is-info .skd-kpi__ic{background:var(--sk-info-soft);color:var(--sk-info)}
.skwc-i.is-info,.skwc-track .is-info{background:var(--sk-info)}

/* Matching question authoring (matching/v1) */
.skqd-matching__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:14px;margin-top:12px;align-items:start}
.skqd-matching__column{display:grid;gap:10px;min-width:0}
.skqd-matching__title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:4px 2px;color:var(--sk-ink-soft);font-size:11.5px}
.skqd-matching__title strong{font-size:13px;color:var(--sk-ink)}
.skqd-match-pair>.skqd-input{margin-top:11px;width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:10px 12px;background:var(--sk-surface-2);color:var(--sk-ink);font-family:inherit}
.skqd-match-target{grid-template-columns:auto minmax(0,1fr) auto;padding:9px}
.skqd-match-target .skqd-cloze-card__num{width:28px;height:28px}
.skqd-pv-matching{display:grid;gap:7px;margin-top:12px}
.skqd-pv-matching__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--sk-line);border-radius:10px;padding:9px 11px;background:var(--sk-surface-2);font-size:12.5px}
.skqd-pv-matching__row b{color:var(--sk-amber-deep)}
.skqd-pv-matching__row small{color:var(--sk-ink-faint);font-weight:800}
@media(max-width:900px){.skqd-matching__grid{grid-template-columns:1fr}}
@media(max-width:560px){.skqd-pv-matching__row{grid-template-columns:1fr auto 1fr}.skqd-pv-matching__row small{grid-column:1/-1}}

/* Matching question projection in student/designer discussions. */
.matching-review--discussion {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.matching-review--discussion .matching-review__list {
    margin: .5rem 0 0;
    padding-inline-start: 1.25rem;
}

@media (max-width: 720px) {
    .matching-review--discussion {
        grid-template-columns: 1fr;
    }
}

/* ============================================================================
   QD FOCUS v1 — صفحهٔ طراحی سوال (/question-bank/packs/<id>/designer/)
   حالت تمرکز: سایدبار و هدر پنل حذف می‌شوند و صفحه تمام‌عرض می‌شود؛ یک تولبار
   باریک چسبان بالای صفحه می‌ماند (بازگشت، عنوان، وضعیت ذخیره، تم روشن/تاریک،
   پیش‌نمایش و اقدام اصلی). دکمه‌های افزودن سؤال از ستون فهرست به یک پاپ‌اورِ
   «افزودن سؤال» منتقل شدند تا فهرست سوالات بالای ستون بنشیند. ستون‌ها برای
   کار راحت پهن‌تر شدند و سگمنت «نوع سوال» دیگر از کادر بیرون نمی‌زند.
   ============================================================================ */

/* --- focus mode: hide the panel chrome, free the full width --- */
body:has(.skqd[data-designer]) .sk-sidebar{display:none}
body:has(.skqd[data-designer]) .sk-topbar{display:none}
body:has(.skqd[data-designer]) .sk-content{max-width:none;padding:0 22px 20px!important}
@media (max-width:760px){
  body:has(.skqd[data-designer]) .sk-content{padding:0 12px 16px!important}
}

/* --- slim sticky toolbar, edge-to-edge glass --- */
.skqd-top{position:sticky;top:0;z-index:35;margin:0 -22px 10px;border:0;border-radius:0;
  border-bottom:1px solid var(--sk-line);padding:7px 22px;
  background:color-mix(in srgb,var(--sk-bg) 86%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.skqd-top__t h1{font-size:15.5px}
.skqd-top__t p{margin-top:1px;font-size:11.5px}
.skqd .skqd-ibtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--sk-line);
  background:var(--sk-surface);display:grid;place-items:center;color:var(--sk-ink-soft);
  cursor:pointer;flex-shrink:0;transition:border-color .18s var(--sk-ease),color .18s var(--sk-ease),
    background .18s var(--sk-ease)}
.skqd .skqd-ibtn:hover{border-color:var(--sk-amber-line);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}
.skqd .skqd-ibtn svg{width:18px;height:18px}
.skqd .skqd-ibtn .su{display:none}
[data-theme="dark"] .skqd .skqd-ibtn .su{display:block}
[data-theme="dark"] .skqd .skqd-ibtn .mo{display:none}
@media (max-width:760px){
  .skqd-top{margin:0 -12px 8px;padding:6px 12px}
}

/* --- workspace uses the whole width; roomier columns --- */
.skqd{min-height:calc(100vh - 74px)}
.skqd-main{--qd-qlist-w:308px;--qd-side-w:336px;gap:14px}
.skqd-qlist{top:64px}
.skqd-side{top:64px}
@media (max-width:1500px){.skqd-main{--qd-qlist-w:292px;--qd-side-w:320px}}
@media (max-width:1280px){.skqd-main{--qd-qlist-w:272px;--qd-side-w:300px}}

/* --- «افزودن سؤال»: launcher + popover منو، فهرست سوالات بالا می‌نشیند --- */
.skqd-addwrap{position:relative}
.skqd .skqd-addbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  border:0;background:var(--sk-amber);color:#17181c;
  font-family:inherit;font-size:13.5px;font-weight:900;border-radius:13px;padding:13px 12px;cursor:pointer;
  box-shadow:0 12px 26px -13px rgba(207,154,0,.7)!important;
  transition:filter .15s var(--sk-ease),transform .15s var(--sk-ease),box-shadow .15s var(--sk-ease)}
.skqd .skqd-addbtn:hover{filter:brightness(.96);transform:translateY(-1px);
  box-shadow:0 15px 30px -13px rgba(207,154,0,.8)!important}
.skqd .skqd-addbtn:active{transform:none}
.skqd .skqd-addbtn svg{width:16px;height:16px}
.skqd .skqd-addbtn .cv{width:15px;height:15px;transition:transform .18s var(--sk-ease)}
.skqd .skqd-addbtn[aria-expanded="true"] .cv{transform:rotate(180deg)}
.skqd-addmenu{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:45;
  background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:8px;
  box-shadow:0 26px 60px -18px rgba(17,24,39,.28),0 10px 26px -16px rgba(17,24,39,.18);
  display:grid;grid-template-columns:1fr;gap:2px;max-height:min(58vh,470px);overflow:auto;
  scrollbar-width:thin}
.skqd-addmenu[hidden]{display:none}
/* داخل منو، دکمه‌های skqd-add ظاهر ردیف منویی می‌گیرند (هوک‌های data-add دست‌نخورده) */
.skqd-addmenu .skqd-add{width:100%;justify-content:flex-start;border:0;background:none;
  color:var(--sk-ink);font-size:12.75px;font-weight:750;border-radius:11px;padding:9px 10px;gap:10px;
  transition:background .14s var(--sk-ease)}
.skqd-addmenu .skqd-add:hover{background:var(--sk-surface-2);filter:none}
.skqd-addmenu .skqd-add svg{width:17px;height:17px;color:var(--sk-amber-deep);flex-shrink:0}
.skqd-addmenu .skqd-add .tx{display:flex;align-items:center;gap:8px;min-width:0}
.skqd-addmenu .skqd-add small{font-size:9.5px;font-weight:700;color:var(--sk-ink-faint);
  border:1px solid var(--sk-line);border-radius:999px;padding:2px 7px;white-space:nowrap}
.skqd-items{margin-top:12px;max-height:calc(100vh - 238px)}

/* --- سگمنت «نوع سوال» در پنل ویژگی‌ها: می‌پیچد، بیرون نمی‌زند --- */
.skqd-seg{flex-wrap:wrap}
.skqd-seg button{flex:1 1 auto;min-width:64px;white-space:nowrap}

/* موبایل/تبلت: چیدمان تک‌ستونه قبلی حفظ می‌شود؛ منو محدودتر باز شود */
@media (max-width:1100px){
  .skqd-qlist,.skqd-side{top:auto}
  .skqd-addmenu{max-height:52vh}
}

/* ============================================================================
   QD FOCUS v2 — دکمهٔ اصلی، مودال حذف، قفل آموزنده
   «افزودن سؤال» تنها دکمهٔ طلایی صفحه است؛ «پایان طرح سوالات» خنثی/مشکی شد
   (و در تم شب معکوس). حذف سؤال با مودال هشدار سفارشی تأیید می‌گیرد و
   سؤال‌های قفل (استفاده‌شده در آزمون/سناریو) با کلیک، دلیلش را توست می‌کنند.
   ============================================================================ */
/* دکمهٔ «پایان طرح سوالات»: مشکی در روز، معکوس در شب */
.skqd-top .sk-btn--primary{background:#17181c;border-color:#17181c;color:#fff;box-shadow:none}
.skqd-top .sk-btn--primary:hover{background:#24262b;border-color:#24262b;box-shadow:0 10px 22px -14px rgba(15,17,21,.5)}
[data-theme="dark"] .skqd-top .sk-btn--primary{background:#f2f3f5;border-color:#f2f3f5;color:#17181c}
[data-theme="dark"] .skqd-top .sk-btn--primary:hover{background:#e4e6ea;border-color:#e4e6ea}

/* قفل سؤال‌های غیرقابل حذف: کلیک = توست دلیل */
.skqd-qitem__x.is-locked{cursor:help;color:var(--sk-ink-faint);background:none;border:0}
.skqd-qitem__x.is-locked:hover{color:var(--sk-ink-soft)}

/* مودال تأیید حذف */
.skqd-cf{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;
  background:rgba(15,17,21,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .18s var(--sk-ease),visibility .18s var(--sk-ease)}
.skqd-cf.is-on{opacity:1;visibility:visible}
.skqd-cf .skqd-cf__box{width:min(400px,94vw);background:var(--sk-surface);border:1px solid var(--sk-line);
  border-radius:20px;padding:22px 22px 18px;text-align:center;
  box-shadow:0 40px 90px -24px rgba(15,17,21,.5)!important;
  transform:translateY(10px) scale(.97);transition:transform .18s var(--sk-ease)}
.skqd-cf.is-on .skqd-cf__box{transform:none}
.skqd-cf__ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  margin:0 auto 12px;background:var(--sk-danger-soft,rgba(220,38,38,.1));color:var(--sk-danger,#dc2626)}
.skqd-cf__ic svg{width:24px;height:24px}
.skqd-cf__t{display:block;font-size:15.5px;font-weight:900;color:var(--sk-ink)}
.skqd-cf__p{margin:8px 0 0;font-size:12.5px;line-height:2;color:var(--sk-ink-soft)}
.skqd-cf__a{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.skqd-cf__a button{font-family:inherit;font-size:13px;font-weight:800;border-radius:12px;
  padding:11px 12px;cursor:pointer;transition:filter .14s var(--sk-ease),background .14s var(--sk-ease)}
.skqd-cf .skqd-cf__cancel{border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink)}
.skqd-cf .skqd-cf__cancel:hover{background:var(--sk-surface-3,var(--sk-surface-2));filter:brightness(.98)}
.skqd-cf .skqd-cf__ok{border:0;background:var(--sk-danger,#dc2626);color:#fff}
.skqd-cf .skqd-cf__ok:hover{filter:brightness(.94)}
.skqd-cf .skqd-cf__ok:focus-visible,.skqd-cf .skqd-cf__cancel:focus-visible{outline:3px solid var(--sk-amber-line);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .skqd-cf,.skqd-cf__box{transition:none}
}

/* ============================================================================
   QD FOCUS v3 — باکس مجزای «توضیح پاسخ»
   کل بخش توضیح پاسخ (لیبل + فایل‌های توضیح + ویرایشگر) داخل یک باکس کرم
   ملایم می‌نشیند تا مرزش با بخش طرح سؤال کاملاً روشن باشد؛ در تم شب همان
   باکس با سطح تیرهٔ گرمِ کهربایی رندر می‌شود.
   ============================================================================ */
.skqd .skqd-expl{background:#fdf8e9;padding:20px;border-radius:15px;
  border:1px solid rgba(233,173,0,.15)}
[data-theme="dark"] .skqd .skqd-expl{background:color-mix(in srgb, var(--sk-amber) 6%, var(--sk-surface-2));
  border-color:rgba(255,194,24,.13)}
@media (max-width:760px){
  .skqd .skqd-expl{padding:14px;border-radius:13px}
}

/* ============================================================================
   QD FOCUS v4 — بج فقط‌خواندنی «نوع سوال» در پنل ویژگی‌ها
   ============================================================================ */
.skqd .skqd-typebadge{display:flex;align-items:center;gap:11px;padding:10px 12px;
  border:1px solid var(--sk-line);border-radius:13px;background:var(--sk-surface-2)}
.skqd .skqd-typebadge .ic{width:34px;height:34px;border-radius:10px;flex-shrink:0;
  display:grid;place-items:center;background:var(--sk-amber-soft);color:var(--sk-amber-deep)}
.skqd .skqd-typebadge .ic svg{width:18px;height:18px}
.skqd .skqd-typebadge .tx{display:grid;gap:1px;min-width:0}
.skqd .skqd-typebadge small{font-size:10px;font-weight:700;color:var(--sk-ink-faint)}
.skqd .skqd-typebadge b{font-size:13px;font-weight:800;color:var(--sk-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .skqd .skqd-typebadge .ic{color:var(--sk-amber)}

/* QD FOCUS v5 — چیپ حرف گزینه: جا برای «الف/ب/ج/د» */
.skqd .skqd-opt__lab{width:auto;min-width:24px;padding-inline:6px}
.skqd .skqd-pvo__l{width:auto;min-width:22px;padding-inline:6px;flex-shrink:0}

/* ============================================================================
   QD FOCUS v6 — پیش‌نمایش تعاملی (پاسخ آزمایشی)
   ============================================================================ */
.skqd-pv .skqd-pv-hint{margin:10px 0 2px;font-size:12px;font-weight:700;color:var(--sk-amber-deep)}
[data-theme="dark"] .skqd-pv .skqd-pv-hint{color:var(--sk-amber)}
.skqd-pv .skqd-pvi{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:start;
  border:1.5px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);
  padding:10px 12px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--sk-ink);
  transition:border-color .14s var(--sk-ease),background .14s var(--sk-ease)}
.skqd-pv .skqd-pvi:hover{border-color:var(--sk-line-strong)}
.skqd-pv .skqd-pvi.is-picked{border-color:var(--sk-amber);background:var(--sk-amber-soft)}
.skqd-pv .skqd-pvi.is-right{border-color:var(--sk-ok);background:color-mix(in srgb,var(--sk-ok) 8%,var(--sk-surface))}
.skqd-pv .skqd-pvi.is-wrong{border-color:var(--sk-danger);background:color-mix(in srgb,var(--sk-danger) 7%,var(--sk-surface))}
.skqd-pv .skqd-pvi.is-missed{border-style:dashed;border-color:var(--sk-ok)}
.skqd-pv .skqd-pvi__l{flex-shrink:0;min-width:24px;height:24px;padding-inline:6px;border-radius:7px;
  border:1px solid var(--sk-line);background:var(--sk-surface-2);display:grid;place-items:center;
  font-size:11.5px;font-weight:800;color:var(--sk-ink-soft);transition:background .14s,color .14s,border-color .14s}
.skqd-pv .skqd-pvi.is-right .skqd-pvi__l{background:var(--sk-ok);border-color:var(--sk-ok);color:#fff}
.skqd-pv .skqd-pvi.is-wrong .skqd-pvi__l{background:var(--sk-danger);border-color:var(--sk-danger);color:#fff}
.skqd-pv .skqd-pvi.is-picked .skqd-pvi__l{background:var(--sk-amber);border-color:var(--sk-amber);color:#17181c}
.skqd-pv .skqd-pvi__t{min-width:0;line-height:1.9}
.skqd-pv .skqd-pv-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.skqd-pv .skqd-pv-actions button{font-family:inherit;font-size:12.5px;font-weight:800;border-radius:10px;
  padding:9px 14px;cursor:pointer;transition:filter .14s var(--sk-ease),background .14s var(--sk-ease)}
.skqd-pv .skqd-pv-check{border:0;background:#17181c;color:#fff}
.skqd-pv .skqd-pv-check:hover{background:#24262b}
[data-theme="dark"] .skqd-pv .skqd-pv-check{background:#f2f3f5;color:#17181c}
[data-theme="dark"] .skqd-pv .skqd-pv-check:hover{background:#e4e6ea}
.skqd-pv .skqd-pv-ghost{border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink)}
.skqd-pv .skqd-pv-ghost:hover{filter:brightness(.97)}
.skqd-pv .skqd-pv-result{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12.5px;font-weight:800}
.skqd-pv .skqd-pv-result svg{width:16px;height:16px;flex-shrink:0}
.skqd-pv .skqd-pv-result.ok{color:var(--sk-ok)}
.skqd-pv .skqd-pv-result.bad{color:var(--sk-danger)}
.skqd-pv .skqd-pv-result.mix{color:var(--sk-amber-deep)}
[data-theme="dark"] .skqd-pv .skqd-pv-result.mix{color:var(--sk-amber)}
/* جای خالی تعاملی */
.skqd-pv .skqd-pv-cloze select{cursor:pointer;min-width:130px}
.skqd-pv .skqd-pv-cloze select:disabled{opacity:.85;cursor:default}
.skqd-pv .skqd-pv-cloze.is-right{outline:2px solid var(--sk-ok);outline-offset:2px;border-radius:8px}
.skqd-pv .skqd-pv-cloze.is-wrong{outline:2px solid var(--sk-danger);outline-offset:2px;border-radius:8px}
/* دکمهٔ پیش‌نمایش سؤال فعال در پنل ویژگی‌ها */
.skqd .skqd-sidepv{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink);
  font-family:inherit;font-size:12.5px;font-weight:800;border-radius:12px;padding:10px;cursor:pointer;
  transition:border-color .15s var(--sk-ease),color .15s var(--sk-ease),background .15s var(--sk-ease)}
.skqd .skqd-sidepv:hover{border-color:var(--sk-amber-line);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}
.skqd .skqd-sidepv svg{width:16px;height:16px;flex-shrink:0}

/* QD FOCUS v7 — پیش‌نمایش تعاملی تطبیق دو ستون */
.skqd-pv .skqd-pv-match{display:grid;gap:8px;margin-top:12px}
.skqd-pv .skqd-pv-mrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;
  border:1.5px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);padding:9px 12px;
  transition:border-color .14s var(--sk-ease),background .14s var(--sk-ease)}
.skqd-pv .skqd-pv-mrow .t{min-width:0;font-size:13px;font-weight:700;color:var(--sk-ink);line-height:1.8}
.skqd-pv .skqd-pv-mrow select{min-width:150px;max-width:240px;cursor:pointer}
.skqd-pv .skqd-pv-mrow select:disabled{opacity:.85;cursor:default}
.skqd-pv .skqd-pv-mrow.is-right{border-color:var(--sk-ok);background:color-mix(in srgb,var(--sk-ok) 8%,var(--sk-surface))}
.skqd-pv .skqd-pv-mrow.is-wrong{border-color:var(--sk-danger);background:color-mix(in srgb,var(--sk-danger) 7%,var(--sk-surface))}
@media (max-width:560px){
  .skqd-pv .skqd-pv-mrow{grid-template-columns:1fr}
  .skqd-pv .skqd-pv-mrow select{max-width:none;width:100%}
}

/* ============================================================================
   QD FOCUS v8 — پیش‌نمایش تعاملی مرتب‌سازی + راهنمای روش امتیازدهی
   ============================================================================ */
.skqd .skqd-mode-hint{margin:2px 0 12px;font-size:12px;font-weight:600;line-height:1.9;
  color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px dashed var(--sk-line);
  border-radius:11px;padding:9px 12px}
.skqd-pv .skqd-pv-omode{margin-top:12px;font-size:11.5px;font-weight:700;color:var(--sk-ink-faint)}
.skqd-pv .skqd-pv-olist{display:grid;gap:8px;margin-top:8px}
.skqd-pv .skqd-pv-orow{display:flex;align-items:center;gap:10px;border:1.5px solid var(--sk-line);
  border-radius:12px;background:var(--sk-surface);padding:9px 12px;cursor:grab;user-select:none;
  transition:border-color .14s var(--sk-ease),background .14s var(--sk-ease),opacity .14s var(--sk-ease)}
.skqd-pv .skqd-pv-orow:active{cursor:grabbing}
.skqd-pv .skqd-pv-orow .grip{color:var(--sk-ink-faint);flex-shrink:0;display:grid;place-items:center}
.skqd-pv .skqd-pv-orow .grip svg{width:16px;height:16px}
.skqd-pv .skqd-pv-orow .n{flex-shrink:0;width:24px;height:24px;border-radius:50%;
  border:1px solid var(--sk-line);background:var(--sk-surface-2);display:grid;place-items:center;
  font-size:11.5px;font-weight:800;color:var(--sk-ink-soft);transition:background .14s,color .14s,border-color .14s}
.skqd-pv .skqd-pv-orow .tx{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--sk-ink);line-height:1.8}
.skqd-pv .skqd-pv-orow .kb{display:flex;gap:4px;flex-shrink:0}
.skqd-pv .skqd-pv-orow .kb button{width:26px;height:26px;border-radius:7px;border:1px solid var(--sk-line);
  background:var(--sk-surface-2);color:var(--sk-ink-soft);font-size:10px;cursor:pointer;display:grid;place-items:center;
  transition:border-color .13s,color .13s,background .13s}
.skqd-pv .skqd-pv-orow .kb button:hover:not(:disabled){border-color:var(--sk-amber-line);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}
.skqd-pv .skqd-pv-orow .kb button:disabled{opacity:.35;cursor:default}
.skqd-pv .skqd-pv-orow.is-drag{opacity:.45}
.skqd-pv .skqd-pv-orow.is-over{outline:2px dashed var(--sk-amber);outline-offset:2px}
.skqd-pv .skqd-pv-orow.is-locked{cursor:default}
.skqd-pv .skqd-pv-orow.is-right{border-color:var(--sk-ok);background:color-mix(in srgb,var(--sk-ok) 8%,var(--sk-surface))}
.skqd-pv .skqd-pv-orow.is-wrong{border-color:var(--sk-danger);background:color-mix(in srgb,var(--sk-danger) 7%,var(--sk-surface))}
.skqd-pv .skqd-pv-orow.is-right .n{background:var(--sk-ok);border-color:var(--sk-ok);color:#fff}
.skqd-pv .skqd-pv-orow.is-wrong .n{background:var(--sk-danger);border-color:var(--sk-danger);color:#fff}

/* ============================================================================
   QD FOCUS v9 — دسته‌بندی Drag & Drop: فرم طراح جمع‌وجور + پیش‌نمایش سبد/باکس
   ============================================================================ */
/* --- فرم طراح --- */
.skqd .skqd-cat-catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.skqd .skqd-cat-catchip{display:flex;align-items:center;gap:8px;border:1px solid var(--sk-line);
  border-radius:11px;background:var(--sk-surface);padding:7px 9px}
.skqd .skqd-cat-catchip .skqd-input{flex:1;min-width:0}
.skqd .skqd-cat-cols{display:grid;grid-template-columns:28px minmax(0,1fr) 170px 96px 30px;gap:9px;
  align-items:center;padding:0 6px;margin:12px 0 4px;font-size:10.5px;font-weight:800;color:var(--sk-ink-faint)}
.skqd .skqd-cat-list{gap:7px}
.skqd .skqd-cat-row{display:grid;grid-template-columns:28px minmax(0,1fr) 170px 96px 30px;gap:9px;
  align-items:center;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);padding:8px 10px}
.skqd .skqd-cat-row .skqd-cloze-card__num{margin:0}
.skqd .skqd-cat-row .skqd-cloze-card__weight{margin:0;display:flex;align-items:center;gap:5px}
.skqd .skqd-cat-row .skqd-num{width:100%}
@media (max-width:900px){
  .skqd .skqd-cat-cols{display:none}
  .skqd .skqd-cat-row{grid-template-columns:28px minmax(0,1fr) 30px}
  .skqd .skqd-cat-row .skqd-sel,.skqd .skqd-cat-row .skqd-cloze-card__weight{grid-column:2}
}
/* --- پیش‌نمایش: سبد آیتم‌ها + باکس دسته‌ها --- */
.skqd-pv .skqd-pv-tray{margin-top:10px;border:1.5px dashed var(--sk-line-strong);border-radius:14px;
  background:var(--sk-surface-2);padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:56px}
.skqd-pv .skqd-pv-tray__t{width:100%;font-size:10.5px;font-weight:800;color:var(--sk-ink-faint)}
.skqd-pv .skqd-pv-tray__empty{font-size:11.5px;color:var(--sk-ink-faint)}
.skqd-pv .skqd-pv-tray.is-over{outline:2px dashed var(--sk-amber);outline-offset:2px}
.skqd-pv .skqd-pv-chip{font-family:inherit;font-size:12.5px;font-weight:750;color:var(--sk-ink);
  background:var(--sk-surface);border:1.5px solid var(--sk-line);border-radius:999px;padding:7px 13px;
  cursor:grab;user-select:none;
  transition:border-color .14s var(--sk-ease),background .14s var(--sk-ease),opacity .14s var(--sk-ease)}
.skqd-pv .skqd-pv-chip:active{cursor:grabbing}
.skqd-pv .skqd-pv-chip.is-sel{border-color:var(--sk-amber);background:var(--sk-amber-soft)}
.skqd-pv .skqd-pv-chip.is-drag{opacity:.45}
.skqd-pv .skqd-pv-chip.is-right{border-color:var(--sk-ok);background:color-mix(in srgb,var(--sk-ok) 10%,var(--sk-surface))}
.skqd-pv .skqd-pv-chip.is-wrong{border-color:var(--sk-danger);background:color-mix(in srgb,var(--sk-danger) 8%,var(--sk-surface))}
.skqd-pv .skqd-pv-buckets{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:10px}
.skqd-pv .skqd-pv-bucket{border:1.5px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);overflow:hidden}
.skqd-pv .skqd-pv-bucket.is-over{outline:2px dashed var(--sk-amber);outline-offset:2px;border-color:var(--sk-amber)}
.skqd-pv .skqd-pv-bucket__t{padding:8px 12px;font-size:12.5px;font-weight:800;color:var(--sk-ink);
  background:var(--sk-surface-2);border-bottom:1px solid var(--sk-line)}
.skqd-pv .skqd-pv-bucket__b{padding:10px;display:flex;flex-wrap:wrap;gap:7px;min-height:52px;align-content:flex-start}
.skqd-pv .skqd-pv-bucket.is-locked .skqd-pv-chip{cursor:default}
@media (max-width:560px){
  .skqd-pv .skqd-pv-buckets{grid-template-columns:1fr}
}

/* QD FOCUS v9b — پیش‌نمایش دسته‌بندی: دو ستون کنار هم (آیتم‌ها ← دسته‌ها) */
.skqd-pv .skqd-pv-catgrid{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);
  gap:12px;align-items:start;margin-top:10px}
.skqd-pv .skqd-pv-catcol{min-width:0}
.skqd-pv .skqd-pv-colhead{font-size:10.5px;font-weight:800;color:var(--sk-ink-faint);margin:0 2px 6px}
.skqd-pv .skqd-pv-catgrid .skqd-pv-tray{margin-top:0;flex-direction:column;align-items:stretch;
  align-content:start;min-height:140px}
.skqd-pv .skqd-pv-catgrid .skqd-pv-buckets{margin-top:0;grid-template-columns:1fr}
.skqd-pv .skqd-pv-catgrid .skqd-pv-bucket__b{flex-direction:column;align-items:stretch}
.skqd-pv .skqd-pv-catgrid .skqd-pv-chip{width:100%;display:flex;align-items:center;gap:8px;
  text-align:start;border-radius:12px;padding:8px 11px}
.skqd-pv .skqd-pv-chip .g{color:var(--sk-ink-faint);display:grid;place-items:center;flex-shrink:0}
.skqd-pv .skqd-pv-chip .g svg{width:14px;height:14px}
.skqd-pv .skqd-pv-chip .t{min-width:0;line-height:1.8}
@media (max-width:640px){
  .skqd-pv .skqd-pv-catgrid{grid-template-columns:1fr}
}

/* ============================================================================
   QD FOCUS v10 — SJT: فرم شفاف + پیش‌نمایش تعاملی
   ============================================================================ */
.skqd .skqd-sjt-compcols{grid-template-columns:28px minmax(0,1fr) 110px 30px}
.skqd .skqd-sjt-comprow{grid-template-columns:28px minmax(0,1fr) 110px 30px}
.skqd .skqd-sjt-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.skqd .skqd-sjt-action .skqd-cloze-card__meta{gap:12px}
.skqd .skqd-sjt-scores{border:1px dashed var(--sk-line);border-radius:12px;padding:10px 12px;background:var(--sk-surface-2)}
.skqd .skqd-sjt-scores__h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.skqd .skqd-sjt-scores__h strong{font-size:12.5px;color:var(--sk-ink)}
.skqd .skqd-sjt-scores__h small{font-size:11px;color:var(--sk-ink-faint)}
.skqd .skqd-sjt-scorerow{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:9px;margin-bottom:6px}
.skqd .skqd-sjt-scorerow span{font-size:12px;font-weight:700;color:var(--sk-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){
  .skqd .skqd-sjt-pair{grid-template-columns:1fr}
}
/* پیش‌نمایش */
.skqd-pv .skqd-pvi.is-part{border-color:var(--sk-amber);background:color-mix(in srgb,var(--sk-amber) 10%,var(--sk-surface))}
.skqd-pv .skqd-pvi.is-part .skqd-pvi__l{background:var(--sk-amber);border-color:var(--sk-amber);color:#17181c}
.skqd-pv .skqd-pv-rationale{margin-top:10px;font-size:12.5px;line-height:2;color:var(--sk-ink-soft);
  border:1px dashed var(--sk-line);border-radius:12px;padding:10px 12px;background:var(--sk-surface-2)}
.skqd-pv .skqd-pv-rationale strong{color:var(--sk-ink)}
.skqd-pv .skqd-pv-profile{margin-top:10px;border:1px solid var(--sk-line);border-radius:12px;padding:10px 12px;background:var(--sk-surface)}
.skqd-pv .skqd-pv-profile__t{font-size:11px;font-weight:800;color:var(--sk-ink-faint);margin-bottom:8px}
.skqd-pv .skqd-pv-profile__row{display:grid;grid-template-columns:minmax(80px,.6fr) minmax(0,1fr) 42px;align-items:center;gap:9px;margin-bottom:6px}
.skqd-pv .skqd-pv-profile__row .nm{font-size:12px;font-weight:700;color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skqd-pv .skqd-pv-profile__row .bar{height:8px;border-radius:999px;background:var(--sk-surface-2);border:1px solid var(--sk-line);overflow:hidden}
.skqd-pv .skqd-pv-profile__row .bar i{display:block;height:100%;background:var(--sk-amber);border-radius:999px}
.skqd-pv .skqd-pv-profile__row b{font-size:11.5px;font-weight:800;color:var(--sk-ink-soft);text-align:start}

/* ============================================================================
   QD FOCUS v11 — تشریحی با روبریک: فرم شفاف + پیش‌نمایش نمره‌دهی
   ============================================================================ */
.skqd .skqd-rub-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 10px}
.skqd .skqd-rub-settings>label{display:flex;flex-direction:column;gap:6px}
.skqd .skqd-rub-settings>label>span{font-size:12px;font-weight:700;color:var(--sk-ink-soft)}
.skqd .skqd-rub-levels{border:1px dashed var(--sk-line);border-radius:12px;padding:10px 12px;background:var(--sk-surface-2)}
.skqd .skqd-rub-level{display:grid;grid-template-columns:28px minmax(0,1fr) 110px 30px;gap:9px;align-items:center;
  border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);padding:8px 10px;margin-top:8px}
.skqd .skqd-rub-level .skqd-cloze-card__num{margin:0}
.skqd .skqd-rub-level .skqd-cloze-card__weight{margin:0;display:flex;align-items:center;gap:5px}
.skqd .skqd-rub-level__d{grid-column:2 / -1}
@media (max-width:760px){
  .skqd .skqd-rub-settings{grid-template-columns:1fr}
  .skqd .skqd-rub-level{grid-template-columns:28px minmax(0,1fr) 30px}
  .skqd .skqd-rub-level .skqd-cloze-card__weight{grid-column:2}
  .skqd .skqd-rub-level__d{grid-column:2 / -1}
}
/* پیش‌نمایش */
.skqd-pv .skqd-pv-ans{width:100%;margin-top:10px;resize:vertical;min-height:96px}
.skqd-pv .skqd-pv-anscount{margin-top:5px;font-size:11px;font-weight:700;color:var(--sk-ink-faint)}
.skqd-pv .skqd-pv-anscount.is-short{color:var(--sk-danger)}
.skqd-pv .skqd-pv-anscount.is-okay{color:var(--sk-ok)}
.skqd-pv .skqd-pv-rub{margin-top:12px;border:1.5px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);padding:12px}
.skqd-pv .skqd-pv-rub__h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.skqd-pv .skqd-pv-rub__h strong{font-size:13px;color:var(--sk-ink)}
.skqd-pv .skqd-pv-rub__h .w{font-size:11px;font-weight:800;color:var(--sk-amber-deep);
  background:var(--sk-amber-soft);border-radius:999px;padding:2px 9px}
[data-theme="dark"] .skqd-pv .skqd-pv-rub__h .w{color:var(--sk-amber)}
.skqd-pv .skqd-pv-rub__g{margin-top:6px;font-size:12px;line-height:1.9;color:var(--sk-ink-soft)}
.skqd-pv .skqd-pv-rub__lvls{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.skqd-pv .skqd-pv-lvl{font-family:inherit;display:inline-flex;align-items:center;gap:7px;
  border:1.5px solid var(--sk-line);border-radius:999px;background:var(--sk-surface-2);
  padding:7px 12px;cursor:pointer;transition:border-color .14s var(--sk-ease),background .14s var(--sk-ease)}
.skqd-pv .skqd-pv-lvl b{font-size:12px;font-weight:750;color:var(--sk-ink)}
.skqd-pv .skqd-pv-lvl small{font-size:10.5px;font-weight:800;color:var(--sk-ink-faint)}
.skqd-pv .skqd-pv-lvl:hover{border-color:var(--sk-line-strong)}
.skqd-pv .skqd-pv-lvl.is-picked{border-color:var(--sk-amber);background:var(--sk-amber-soft)}
.skqd-pv .skqd-pv-lvl.is-right{border-color:var(--sk-ok);background:color-mix(in srgb,var(--sk-ok) 10%,var(--sk-surface))}
.skqd-pv .skqd-pv-lvl.is-part{border-color:var(--sk-amber);background:color-mix(in srgb,var(--sk-amber) 12%,var(--sk-surface))}
.skqd-pv .skqd-pv-lvl.is-wrong{border-color:var(--sk-danger);background:color-mix(in srgb,var(--sk-danger) 8%,var(--sk-surface))}

/* QD FOCUS v11b — روبریک/SJT: متای کارت تک‌ستونه و ردیف‌های تراز */
.skqd .skqd-rub-crit .skqd-cloze-card__meta,
.skqd .skqd-sjt-action .skqd-cloze-card__meta{grid-template-columns:1fr}
.skqd .skqd-rub-row1{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;align-items:end}
.skqd .skqd-rub-row1 .skqd-num{width:100%}
.skqd .skqd-rub-settings .skqd-sel,
.skqd .skqd-rub-settings .skqd-num{width:100%}
@media (max-width:560px){
  .skqd .skqd-rub-row1{grid-template-columns:1fr}
}

/* ============================================================================
   GRADING & REVIEW UX v1 — تصحیح و مرور: روبریک خوانا + ردیف‌های پاسخ ساخت‌یافته
   ============================================================================ */
.rubric-grading{display:grid;gap:14px;margin-top:14px}
.rubric-grading__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rubric-grading__title{font-size:14.5px;font-weight:800;color:var(--sk-ink)}
.rubric-grading__title span{display:block;margin-top:3px;font-size:12px;font-weight:600;color:var(--sk-ink-faint)}
.rubric-grading__criterion{border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);padding:14px 16px;display:grid;gap:12px}
.rubric-grading__criterion-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rubric-grading__criterion-head strong{font-size:13.5px;color:var(--sk-ink)}
.rubric-grading__criterion-head p{margin:4px 0 0;font-size:12px;line-height:1.9;color:var(--sk-ink-soft)}
.rubric-grading__weight{flex-shrink:0;font-size:11px;font-weight:800;color:var(--sk-ink-soft);
  background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:3px 10px;white-space:nowrap}
.rubric-grading__levels{display:grid;gap:8px}
.rubric-grading__level{display:flex;align-items:flex-start;gap:10px;border:1.5px solid var(--sk-line);
  border-radius:12px;background:var(--sk-surface);padding:10px 12px;cursor:pointer;
  transition:border-color .14s ease,background .14s ease}
.rubric-grading__level:hover{border-color:var(--sk-line-strong,#c9ced6)}
.rubric-grading__level input{margin-top:4px;flex-shrink:0;accent-color:var(--sk-ink)}
.rubric-grading__level.is-selected,.rubric-grading__level:has(input:checked){border-color:var(--sk-ink);background:var(--sk-surface-2)}
.rubric-grading__level .lvl{min-width:0;flex:1;display:grid;gap:4px}
.rubric-grading__level .lvl__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rubric-grading__level .lvl__top strong{font-size:13px;color:var(--sk-ink)}
.rubric-grading__level .lvl__pct{font-size:11px;font-weight:800;color:var(--sk-ink-soft);
  background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:2px 9px;white-space:nowrap}
.rubric-grading__level.is-selected .lvl__pct,.rubric-grading__level:has(input:checked) .lvl__pct{background:var(--sk-surface);border-color:var(--sk-line-strong,#c9ced6);color:var(--sk-ink)}
.rubric-grading__level small{display:block;font-size:12px;line-height:1.9;color:var(--sk-ink-soft)}
.rubric-grading__overall,.rubric-grading__reason{display:grid;gap:6px}
.rubric-grading__overall>span,.rubric-grading__reason>span{font-size:12px;font-weight:700;color:var(--sk-ink-soft)}
/* ردیف‌های پاسخ مرتب‌سازی/دسته‌بندی */
.ordering-review,.categorization-review{display:grid;gap:8px;margin-top:12px}
.ordering-review__row,.categorization-review__row{display:flex;align-items:flex-start;gap:11px;
  border:1.5px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);padding:10px 13px}
.ordering-review__row .pos,.categorization-review__row .pos{width:25px;height:25px;border-radius:50%;
  border:1px solid var(--sk-line);background:var(--sk-surface-2);display:grid;place-items:center;
  font-size:12px;font-weight:800;color:var(--sk-ink-soft);flex-shrink:0}
.ordering-review__row .tx,.categorization-review__row .tx{flex:1;min-width:0;font-size:13.5px;font-weight:650;line-height:1.9;color:var(--sk-ink)}
.ordering-review__row .meta,.categorization-review__row .meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:52%}
.ordering-review__row .meta>span,.categorization-review__row .meta>span{font-size:11px;font-weight:750;
  border-radius:999px;padding:3px 10px;border:1px solid var(--sk-line);background:var(--sk-surface-2);color:var(--sk-ink-soft);white-space:nowrap}
.ordering-review__row .meta .st.is-ok,.categorization-review__row .meta .st.is-ok{color:#1f9d57;border-color:color-mix(in srgb,#1f9d57 35%,var(--sk-line));background:color-mix(in srgb,#1f9d57 8%,var(--sk-surface))}
.ordering-review__row .meta .st.is-bad,.categorization-review__row .meta .st.is-bad{color:#d24545;border-color:color-mix(in srgb,#d24545 35%,var(--sk-line));background:color-mix(in srgb,#d24545 7%,var(--sk-surface))}
.ordering-review__row.is-correct,.categorization-review__row.is-correct{border-color:color-mix(in srgb,#1f9d57 40%,var(--sk-line))}
.ordering-review__row.is-incorrect,.categorization-review__row.is-incorrect{border-color:color-mix(in srgb,#d24545 40%,var(--sk-line))}
@media (max-width:640px){
  .ordering-review__row,.categorization-review__row{flex-wrap:wrap}
  .ordering-review__row .meta,.categorization-review__row .meta{max-width:100%;justify-content:flex-start;width:100%}
}

/* GRADING UX v1b — راهنمای غیرفعال‌بودن اصلاح امتیاز حین تصحیح */
.skgr-decide__hint{display:inline-block;font-size:11.5px;font-weight:700;color:var(--sk-ink-faint);
  border:1px dashed var(--sk-line);border-radius:10px;padding:7px 11px;background:var(--sk-surface-2);line-height:1.8}

/* عنوان سؤال در لیست: جهت خودکار — انگلیسی چپ‌چین، فارسی راست‌چین */
.skqd .skqd-qitem__t[dir="auto"]{text-align:start;unicode-bidi:plaintext}


/* ===== RESPONSIVE FIX v5.0 — هیروی پنل بر اساس عرضِ واقعی خودش (Container Query روی خود هیرو)؛
   کوئری ویوپورتیِ ۷۰۰px با سایدبارِ باز فایر نمی‌شد و ستون متن در عرض‌های میانی له می‌شد.
   کانتینر عمداً خودِ هیرو است تا containment هیچ اثری روی مودال‌های fixed بیرون از آن نداشته باشد؛
   به‌جای تغییر ستون‌های والد، فرزندها تمام‌ردیف می‌شوند (نتیجه بصری = تک‌ستونه). ===== */
.skd-hero{container-type:inline-size}
@container (max-width:760px){
  .skd-hero__l,
  .skd-hero .skd-hero__r,
  .skd-hero__r--stat{grid-column:1/-1}
  .skd-hero .skd-hero__r,
  .skd-hero__r--stat{justify-self:stretch;margin-top:2px;flex-wrap:wrap}
  .skd-hero .skd-hero__r>.sk-btn{flex:1 1 auto;justify-content:center}
  .skd-hero h1{font-size:20px}
  .skd-hero p{max-width:none}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SUBNAV v2 · بازطراحی نوار فیلتر وضعیت
   ───────────────────────────────────────────────────────────────────────────
   مشکل نسخهٔ قبل: بج شمارنده‌ها با var(--sk-danger) قرمز بودند، پس «۰ ردشده»
   و «۱ صادرشده» هر دو مثل هشدار دیده می‌شدند. عدد صفر هم مثل بقیه پررنگ بود.
   حالا بج بخشی از خود تب است، نه یک نشان هشدار.
   ═══════════════════════════════════════════════════════════════════════════ */

.sk-subnav{
  gap:2px;
  padding:5px;
  border-radius:15px;
  background:var(--sk-surface-2);
  border:1px solid var(--sk-line);
  box-shadow:inset 0 1px 2px rgba(24,26,29,.03);
  scrollbar-width:none}
.sk-subnav::-webkit-scrollbar{display:none}

.sk-subnav a{
  position:relative;
  gap:8px;
  padding:9px 15px;
  border-radius:11px;
  font-size:13px;
  font-weight:700;
  color:var(--sk-ink-soft);
  transition:background .16s var(--tk-ease,ease), color .16s var(--tk-ease,ease)}
.sk-subnav a:hover{background:var(--sk-surface);color:var(--sk-ink)}
.sk-subnav a:focus-visible{outline:2px solid var(--sk-amber);outline-offset:-2px}

/* تب فعال: کارت سفید برجسته روی نوار فرورفته — به‌جای بلوک کهربایی توپر */
.sk-subnav a.is-active{
  background:var(--sk-surface);
  color:var(--sk-ink);
  box-shadow:0 1px 2px rgba(24,26,29,.06),0 6px 14px -8px rgba(24,26,29,.28)}
.sk-subnav a.is-active::after{
  content:"";
  position:absolute;
  inset-inline:15px;
  bottom:5px;
  height:2px;
  border-radius:2px;
  background:var(--sk-amber)}

/* بج: خنثی و هم‌وزن متن؛ نه قرمز و نه پررنگ‌تر از عنوان تب */
.sk-subnav__badge{
  min-width:20px;
  padding:1px 6px;
  border-radius:999px;
  background:var(--sk-surface-3, rgba(24,26,29,.07));
  color:var(--sk-ink-soft);
  font-size:11.5px;
  font-weight:800;
  line-height:1.7;
  text-align:center;
  transition:background .16s, color .16s}
.sk-subnav a.is-active .sk-subnav__badge{
  background:var(--sk-amber-soft);
  color:var(--sk-amber-deep)}

/* شمارندهٔ صفر عملاً بی‌معناست؛ کم‌رنگ می‌شود تا چشم را نگیرد */
.sk-subnav__badge:not(.is-active *){opacity:1}

@media(max-width:720px){
  .sk-subnav{border-radius:13px;padding:4px}
  .sk-subnav a{padding:8px 12px;font-size:12.5px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   نمایش پاسخ تشریحی دانشجو در پنل (صفحهٔ تصحیح و نتیجه)
   ───────────────────────────────────────────────────────────────────────────
   این استایل‌ها قبلاً فقط در student_exam_experience.css بودند که صفحات پنل
   لودش نمی‌کنند. نتیجه‌اش: تصویر پیوست‌شدهٔ دانشجو بدون هیچ محدودیت عرض در
   اندازهٔ طبیعی رندر می‌شد و کل صفحهٔ تصحیح را می‌گرفت، و فهرست فایل‌ها به یک
   لیست گلوله‌ای ساده تبدیل می‌شد.
   ═══════════════════════════════════════════════════════════════════════════ */

.tk-answer-rich{line-height:2;word-break:break-word}
.tk-answer-rich p{margin:0 0 8px}
.tk-answer-rich ul,.tk-answer-rich ol{margin:0 0 8px;padding-inline-start:22px}
.tk-answer-rich img{
  max-width:min(100%,520px);height:auto;display:block;
  margin:10px 0;border-radius:10px;
  border:1px solid var(--sk-line);cursor:zoom-in}
.tk-answer-rich pre.tk-code-block{
  direction:ltr;text-align:left;margin:10px 0;padding:12px 14px;
  background:#12151b;color:#e6edf3;border-radius:12px;overflow-x:auto;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;line-height:1.85;white-space:pre-wrap;word-break:break-word}
.tk-answer-rich pre.tk-code-block code{background:none;padding:0;color:inherit;font:inherit}
.tk-answer-rich blockquote{
  margin:8px 0;padding:6px 12px;border-inline-start:3px solid var(--sk-amber);
  background:var(--sk-surface-2);border-radius:0 10px 10px 0}
.tk-answer-rich .tk-answer-align-right{text-align:right}
.tk-answer-rich .tk-answer-align-left{text-align:left}
.tk-answer-rich .tk-answer-align-center{text-align:center}

/* ——— فهرست فایل‌های پیوست دانشجو در صفحهٔ تصحیح ——— */
.skgr-files{margin-top:12px;padding-top:12px;border-top:1px dashed var(--sk-line-strong)}
.skgr-files__h{
  display:flex;align-items:center;gap:7px;margin-bottom:10px;
  font-size:12.5px;font-weight:800;color:var(--sk-ink-soft)}
.skgr-files__h svg{width:16px;height:16px}
.skgr-files__h b{
  padding:1px 8px;border-radius:999px;
  background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-size:11.5px}
.skgr-files__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.skgr-files__list li{
  display:flex;align-items:center;gap:11px;
  padding:10px 12px;border-radius:12px;
  background:var(--sk-surface);border:1px solid var(--sk-line)}
.skgr-file__ext{
  flex:0 0 auto;min-width:46px;padding:5px 8px;border-radius:8px;
  background:var(--sk-charcoal);color:#fff;
  font-size:10.5px;font-weight:900;text-align:center;text-transform:uppercase;
  letter-spacing:.4px;direction:ltr}
.skgr-file__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.skgr-file__meta b{font-size:13px;font-weight:800;color:var(--sk-ink)}
.skgr-file__meta small{
  font-size:11px;color:var(--sk-ink-faint);direction:ltr;text-align:right;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skgr-file__dl{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;
  padding:7px 15px;border-radius:999px;text-decoration:none;
  font-size:12px;font-weight:800;color:#221d0e;
  background:linear-gradient(180deg,#ffd04a,var(--sk-amber));
  box-shadow:0 8px 18px -10px rgba(255,194,24,.9);transition:filter .15s}
.skgr-file__dl:hover{filter:brightness(.96)}

/* پیوست‌ها در صفحهٔ مرور/نتیجهٔ دانشجو (وقتی داخل پنل رندر می‌شود) */
.skatt-view{margin-top:12px}
.skatt-view > b{display:block;margin-bottom:8px;font-size:12.5px;color:var(--sk-ink-soft)}
.skatt-view ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.skatt-view li{
  display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;
  background:var(--sk-surface);border:1px solid var(--sk-line)}
.skatt-view .skatt-ext{
  flex:0 0 auto;min-width:46px;padding:5px 8px;border-radius:8px;
  background:var(--sk-charcoal);color:#fff;font-size:10.5px;font-weight:900;
  text-align:center;text-transform:uppercase;direction:ltr}
.skatt-view .skatt-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.skatt-view .skatt-meta b{font-size:13px;font-weight:800;color:var(--sk-ink)}
.skatt-view .skatt-meta small{font-size:11px;color:var(--sk-ink-faint)}
.skatt-view a{
  flex:0 0 auto;padding:7px 15px;border-radius:999px;text-decoration:none;
  font-size:12px;font-weight:800;color:var(--sk-ink);
  border:1px solid var(--sk-line-strong)}

@media(max-width:640px){
  .skgr-files__list li,.skatt-view li{flex-wrap:wrap}
  .tk-answer-rich img{max-width:100%}
}

/* شبکهٔ ایمنی برای تصاویر پاسخ دانشجو در پنل (تصحیح، مرور، نتیجه) */
.skgr-ans__b img,
.skgr-ans img{
  max-width:min(100%,520px)!important;height:auto!important;
  display:block;margin:10px 0;border-radius:10px;border:1px solid var(--sk-line)}
.skgr-ans__b pre,.skgr-ans pre{max-width:100%;overflow-x:auto}
@media(max-width:640px){.skgr-ans__b img,.skgr-ans img{max-width:100%!important}}

/* سوال کنارگذاشته‌شده از آزمون (حذف نرم) — همچنان در فهرست هست چون پاسخ
   ثبت‌شده دارد، ولی باید بصری از سوالات فعال جدا باشد. */
.skqp-item.is-removed{opacity:.62;background:var(--sk-surface-2);border-style:dashed}
.skqp-item.is-removed strong{text-decoration:line-through;text-decoration-thickness:1px}
.skqp-pill--removed{
  background:var(--sk-danger-soft,#fee2e2)!important;
  color:var(--sk-danger,#dc2626)!important;font-weight:800}
.skqp-pill--answered{
  background:var(--sk-amber-soft)!important;
  color:var(--sk-amber-deep)!important;font-weight:800}

/* ═══════════════════════════════════════════════════════════════════════════
   تختهٔ کاری بسته‌های سؤال — دو ناحیه با خط جداکننده
   ───────────────────────────────────────────────────────────────────────────
   صفحه RTL است، پس ناحیهٔ «در حال کار» ستون اول (سمت راست) و «یه گوشه باشه»
   ستون دوم (سمت چپ) است. عمداً هیچ پس‌زمینهٔ خاصی ندارند؛ فقط یک خط عمودی.
   ═══════════════════════════════════════════════════════════════════════════ */

.skq-board{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:0;
  /* stretch به‌جای start: اگر ناحیه‌ها فقط به اندازهٔ محتوایشان بلند باشند،
     کارتِ پایینِ ستون بلند را نمی‌شود مستقیم به ستون کوتاه انداخت، چون آنجا
     سطح رهاکردنی وجود ندارد. با کشیده‌شدن، هر دو ناحیه تمام ارتفاع تخته را
     می‌گیرند و در هر ارتفاعی می‌شود رها کرد. */
  align-items:stretch;
  margin-bottom:14px}

/* فاصله‌ها با left/right فیزیکی نوشته شده‌اند نه inline-start/end.
   دلیلش: این صفحه همیشه RTL است و ستون اول گرید سمت راست می‌نشیند؛ نوشتن
   منطقی اینجا فقط باعث سردرگمی می‌شد. ناحیهٔ «در حال کار» راست است و
   «یه گوشه» چپ، پس خط جداکننده لبهٔ راستِ ناحیهٔ چپ است. */
.skq-zone{min-width:0;display:flex;flex-direction:column}
.skq-zone--active{padding-right:0;padding-left:26px}
.skq-zone--parked{
  padding-left:0;
  padding-right:26px;
  border-right:1px solid var(--sk-line-strong)}

.skq-zone__h{
  display:flex;align-items:center;gap:8px;
  padding-bottom:10px;margin-bottom:12px;
  border-bottom:1px solid var(--sk-line)}
.skq-zone__h b{font-size:13.5px;font-weight:800;color:var(--sk-ink)}
.skq-zone__count{
  min-width:22px;padding:1px 8px;border-radius:999px;text-align:center;
  background:var(--sk-surface-2);color:var(--sk-ink-soft);
  font-size:11.5px;font-weight:800}
.skq-zone--active .skq-zone__count{
  background:var(--sk-amber-soft);color:var(--sk-amber-deep)}

.skq-zone__body{
  display:grid;gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  /* تمام ارتفاع باقی‌مانده را می‌گیرد تا کل ستون قابل رهاکردن باشد،
     ولی کارت‌ها بالا جمع می‌مانند و کشیده نمی‌شوند. */
  flex:1;
  align-content:start;
  min-height:150px;
  border-radius:14px;
  transition:background .15s,outline-color .15s;
  outline:2px dashed transparent;outline-offset:4px}
.skq-zone.is-over .skq-zone__body{
  background:var(--sk-amber-soft);
  outline-color:var(--sk-amber)}

.skq-zone__hint{
  grid-column:1/-1;margin:0;padding:22px 12px;text-align:center;
  font-size:12px;line-height:1.9;color:var(--sk-ink-faint)}

.skq-board [data-pack-card]{cursor:grab}
.skq-board [data-pack-card]:active{cursor:grabbing}
.skq-board [data-pack-card].is-dragging{opacity:.45;transform:scale(.98)}

/* ——— ناحیهٔ «یه گوشه»: همه چیز جمع‌وجورتر ——— */
.skq-zone--parked .skq-zone__body{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.skq-zone--parked .skq-card{padding:12px 13px;border-radius:14px;opacity:.9}
.skq-zone--parked .skq-card:hover{opacity:1}
/* در ناحیه «یه گوشه» دکمه‌های اقدام نمایش داده نمی‌شوند. عمداً با CSS (نه حذف از تمپلیت):
   board.js کارت‌ها را بدون ریلود بین دو ناحیه جابه‌جا می‌کند؛ با این روش دکمه‌ها
   هنگام برگشت کارت به «در حال کار» فوراً و بدون ریلود برمی‌گردند. */
.skq-zone--parked .skq-card .skq-card__act{display:none}
.skq-zone--parked .skq-card h3{font-size:11px;line-height:1.6;font-weight:450!important}
.skq-zone--parked .skq-card p{font-size:11.5px;line-height:1.8}
.skq-zone--parked .skq-badge{font-size:9px;padding:1px 7px;border:.5px solid var(--sk-line);font-weight:450}
.skq-zone--parked .skq-card__act a{font-size:11.5px;padding:6px 8px}
.skq-zone--parked .skq-card__act svg{width:14px;height:14px}
.skq-zone--parked .skq-tags{gap:4px}

.skq-board-msg{min-height:18px;margin:0 0 10px;font-size:12px;color:var(--sk-ink-faint)}
.skq-board-msg.is-bad{color:var(--sk-danger);font-weight:700}

@media(max-width:900px){
  .skq-board{grid-template-columns:1fr;gap:18px}
  .skq-zone{padding:0}
  .skq-zone--active{padding-left:0}
  .skq-zone--parked{
    border-right:0;
    padding-right:0;
    border-top:1px solid var(--sk-line-strong);
    padding-top:16px}
  .skq-zone--parked .skq-zone__body{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
}


/* دستهٔ کشیدن روی هر کارت — نشانهٔ دیداری که کارت جابه‌جاشدنی است */
.skq-board .skq-card{position:relative}
.skq-board .skq-card::before{
  content:"";position:absolute;top:10px;inset-inline-start:10px;
  width:14px;height:14px;opacity:.28;pointer-events:none;
  transition:opacity .15s;
  background-color:currentColor;
  -webkit-mask:radial-gradient(circle 1.4px at 3px 3px,#000 99%,transparent) 0 0/7px 7px repeat;
          mask:radial-gradient(circle 1.4px at 3px 3px,#000 99%,transparent) 0 0/7px 7px repeat}
.skq-board .skq-card:hover::before{opacity:.6}
.skq-board .skq-card:hover{
  border-color:var(--sk-amber);
  box-shadow:0 6px 18px -10px rgba(24,26,29,.35)}


/* ——— ارتفاع تصویر کارت ———
   مقدار پایه ۱۴۵px (هم‌راستا با نسخهٔ مستقرشده). در ناحیهٔ «یه گوشه» کارت‌ها
   جمع‌ترند، پس تصویر هم کوچک‌تر می‌شود تا نسبت کارت به‌هم نریزد. */
.skq-card__media{height:145px}
.skq-zone--parked .skq-card__media{height:92px;margin:-12px -13px 3px}
.skq-zone--parked .skq-card__media--ph svg{width:26px;height:26px}

@media(max-width:900px){
  .skq-zone--parked .skq-card__media{height:110px}
}

/* ═══ XL v2 — نمایشگر بزرگ: سایدبار به لبه می‌ماند؛ فقط محتوا پهن‌تر و متعادل می‌شود ═══ */
@media (min-width:1800px){
  .sk-content{max-width:1560px}
}
@media (min-width:2200px){
  .sk-content{max-width:1680px}
}

/* MXC v2 — شمارش‌معکوس کارت: روز از سمت چپ (کانتینر داخلی units) و کمی پایین‌تر از بج‌ها */
.mx-proctor-countdown > div{margin-top:25px}
.mx-countdown-units{direction:ltr !important;display:flex;justify-content:center;gap:8px}
.mx-countdown-unit{direction:rtl}
/* Verified bank accounts */
.skfin-acc__row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.skfin-acc__row small{font-size:11px;color:var(--sk-ink-soft)}
.skfin-acc form{margin-top:5px;display:flex;justify-content:flex-end}
.skfin-acc form .sk-btn{color:#b42318;border-color:rgba(180,35,24,.25)}
.tk-field .help.is-error{color:#c62828;font-weight:700}


/* ═══ ویرایشگر سوال: دکمه حذف رسانه + پاپ‌آپ پیوند ═══ */
/* دکمه ضربدر گوشه راست رسانه (بیرون از contenteditable؛ هرگز در HTML سوال ذخیره نمی‌شود) */
/* !important لازم است؛ استایل‌های سراسری دکمه‌های پنل پس‌زمینه/بوردر را می‌خوردند و دکمه محو دیده می‌شد */
.skqd-media-x{position:absolute!important;z-index:40!important;display:none;width:30px!important;height:30px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;border-radius:50%!important;background:var(--sk-danger,#e03131)!important;color:#fff!important;font-size:19px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;box-shadow:0 6px 16px -4px rgba(0,0,0,.55)!important;opacity:1!important;transition:transform .12s,background .12s}
.skqd-media-x.is-on{display:flex!important}
.skqd-media-x:hover{transform:scale(1.1);background:#c92a2a!important}
/* فرم پاپ‌آپ درج پیوند — روی همان قالب skqd-cf */
.skqd-lk .skqd-cf__box{text-align:right}
.skqd-lk__lab{display:block;font-size:11.5px;font-weight:700;color:var(--sk-ink-faint);margin:10px 2px 6px}
.skqd-lk__in{width:100%;box-sizing:border-box;border:1px solid var(--sk-line)!important;border-radius:10px;padding:9px 12px;background:var(--sk-surface-2);font-family:inherit;font-size:13px;color:var(--sk-ink);min-height:0}
.skqd-lk__in:focus{outline:none;border-color:var(--sk-amber)!important;box-shadow:0 0 0 3px var(--sk-amber-soft)}


/* ═══ کارت‌های رادیویی فرم‌ها (مثل «روش افزودن» در کپی/انتقال تک‌آزمون) ═══ */
.skb-radiocards{display:flex;flex-direction:column;gap:10px}
.skb-radiocard{display:flex;align-items:flex-start;gap:11px;border:1.5px solid var(--sk-line);border-radius:12px;padding:12px 14px;background:var(--sk-surface-2);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;font-size:13px;line-height:1.9;color:var(--sk-ink)}
.skb-radiocard input[type="radio"]{margin:5px 0 0;accent-color:var(--sk-amber);width:16px;height:16px;flex-shrink:0}
.skb-radiocard:hover{border-color:var(--sk-amber)}
.skb-radiocard:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft,rgba(255,194,24,.12));box-shadow:0 0 0 3px var(--sk-amber-soft,rgba(255,194,24,.14))}
.skb-radiocard__t{flex:1}



/* ═══ ویرایش بسته آزمون (course_form دوستونی): تمام‌عرض مثل صفحه تنظیمات آزمون؛ فاصله باکس‌ها طبق قاعده ۱۲px ═══ */
form.skb.cfs-page{max-width:none;gap:12px}
form.skb.cfs-page .sks-split{margin-top:0}
form.skb.cfs-page .sks-detail .skb-actions{margin-top:12px}
form.skb.cfs-page .cfs-sec .skb-wz-fields{margin-top:12px}


/* ═══ OVERRIDE نهایی تایپوگرافی (xl65-20260810) — این بلوک عمداً انتهای فایل است تا بر هر
   قاعدهٔ هم‌نامِ قبلی (از جمله ویرایش‌های دستی احتمالی نسخهٔ سرور) غلبه کند. ═══ */
.sk-body .skd-hero h1{font-size:23px!important;font-weight:800!important;letter-spacing:-.3px!important;text-align:right!important}
.sk-body h1,.sk-body h2,.sk-body h3,.sk-body h4{font-weight:650!important}
/* قانون معماری عنوان‌ها: h1 داخل هر باکس هیرو/سربرگ صفحه (*-hero، *-head یا h1 با کلاس *-title)
   همیشه وزن ۸۰۰ دارد؛ specificity بالاتر (۰،۲،۱) بدون وابستگی به ترتیب، بر قاعدهٔ ۶۰۰ بدنه مقدم است. */
.sk-body [class*="hero"] h1,
.sk-body [class*="-head"] h1,
.sk-body h1[class*="title"]{font-weight:800!important}
.skq-zone--parked .skq-card h3{font-size:11px!important;line-height:1.6!important;font-weight:450!important}
.skq-zone--parked .skq-badge{font-size:9px!important;padding:1px 7px!important;border:.5px solid var(--sk-line)!important;font-weight:450!important}


/* ═══ WALLET v2 — کارت حساب بانکی (xl68) ═══ */
.skfin2{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.skfin2.is-off{opacity:.55}
.skfin2__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.skfin2__bank{display:flex;align-items:center;gap:12px}
.skfin2__ic{width:38px;height:38px;border-radius:11px;background:var(--sk-amber-soft);color:#9a7400;display:flex;align-items:center;justify-content:center;flex:none}
.skfin2__ic svg{width:20px;height:20px}
.skfin2__bank b{display:block;font-size:14px;font-weight:800}
.skfin2__bank small{display:block;color:var(--sk-ink-soft);font-size:12px;margin-top:2px}
.skfin2__num{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--sk-surface);border:1px dashed var(--sk-line);border-radius:10px;padding:8px 12px}
.skfin2__num span{font-size:11.5px;color:var(--sk-ink-faint)}
.skfin2__num code{font-family:ui-monospace,Consolas,monospace;font-size:13.5px;letter-spacing:1.5px;color:var(--sk-ink)}
.skfin2__foot{display:flex;justify-content:flex-end}
.skfin2__del{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:9px;padding:6px 10px;font-size:12px;color:#b23b3b;cursor:pointer;font-family:inherit}
.skfin2__del svg{width:15px;height:15px}
.skfin2__del:hover{background:rgba(214,69,69,.08);border-color:rgba(214,69,69,.3)}

/* ═══ SUPPORT-CENTER (xl68) — صفحات پشتیبانی با کامپوننت‌های استاندارد پنل ═══ */
.spt-kpis .skw-stat{text-decoration:none;color:inherit}
.spt-filter{display:flex;gap:12px;align-items:center;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:12px}
.spt-filter .sk-input{margin:0}
.spt-filter input[type="search"]{flex:1;min-width:0}
.spt-filter select{max-width:220px}
.spt-list{display:flex;flex-direction:column;gap:12px}
.spt-row{display:flex;align-items:center;gap:14px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:14px 16px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.spt-row:hover{border-color:var(--sk-amber-line);transform:translateY(-1px)}
.spt-row__ic{width:40px;height:40px;border-radius:12px;background:var(--sk-amber-soft);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.spt-row__main{flex:1;min-width:0}
.spt-row__main b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}
.spt-row__main small{display:block;color:var(--sk-ink-soft);font-size:12px;margin-top:4px}
.spt-row__time{font-size:12px;color:var(--sk-ink-soft);text-align:left;white-space:nowrap}
.spt-row__time small{display:block;margin-top:3px}
.spt-overdue{color:#c03636;font-weight:700}
.spt-row__chev{color:var(--sk-ink-faint)}
.spt-row__chev svg{width:16px;height:16px}
.spt-new{background:var(--sk-amber);color:#231c00;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800;font-style:normal}
.spt-st,.spt-pr{border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}
.spt-st.is-waiting_staff{background:var(--sk-amber-soft);color:#8a6900;border-color:var(--sk-amber-line)}
.spt-st.is-waiting_user{background:rgba(60,130,220,.1);color:#2d68b5;border-color:rgba(60,130,220,.3)}
.spt-st.is-in_progress{background:rgba(120,90,220,.1);color:#6a51c2;border-color:rgba(120,90,220,.3)}
.spt-st.is-resolved{background:rgba(46,160,90,.1);color:#237a45;border-color:rgba(46,160,90,.3)}
.spt-st.is-closed{background:var(--sk-surface-2);color:var(--sk-ink-faint);border-color:var(--sk-line)}
.spt-pr.is-urgent{background:rgba(214,69,69,.1);color:#b23b3b;border-color:rgba(214,69,69,.35)}
.spt-pr.is-high{background:rgba(230,130,40,.12);color:#b06210;border-color:rgba(230,130,40,.35)}
.spt-pr.is-normal,.spt-pr.is-low{background:var(--sk-surface-2);color:var(--sk-ink-soft);border-color:var(--sk-line)}
.spt-empty{padding:40px 20px}
.spt-empty .sk-btn{margin-top:14px}
.spt-pg{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--sk-ink-soft);font-size:13px}
.spt-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}
.spt-card{padding:18px}
.spt-char{font-size:11.5px;color:var(--sk-ink-faint);text-align:left;margin-top:-6px}
.spt-upload{position:relative;border:1.5px dashed var(--sk-line);border-radius:12px;padding:18px;text-align:center;background:var(--sk-surface-2)}
.spt-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.spt-upload b{display:block;font-size:13.5px}
.spt-upload small{display:block;color:var(--sk-ink-soft);margin-top:5px;font-size:11.5px}
.spt-files{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--sk-ink-soft)}
.spt-tips{margin:0;padding:0 18px 0 0;display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--sk-ink-soft);line-height:1.9}
.spt-back{color:inherit;text-decoration:none}
.spt-back::before{content:"‹ "}
.spt-chips{display:flex;gap:8px;align-items:center}
.spt-thread{display:flex;flex-direction:column;gap:12px}
.spt-msg{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:14px 16px}
.spt-msg.is-staff{background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}
.spt-msg.is-internal{background:rgba(120,90,220,.07);border-style:dashed;border-color:rgba(120,90,220,.4)}
.spt-msg header{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.spt-msg__av{width:34px;height:34px;border-radius:50%;background:var(--sk-surface-2);border:1px solid var(--sk-line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}
.spt-msg.is-staff .spt-msg__av{background:var(--sk-amber);border-color:var(--sk-amber);color:#231c00}
.spt-msg header b{font-size:13px;font-weight:800;display:block}
.spt-msg header small{color:var(--sk-ink-faint);font-size:11.5px}
.spt-msg__body{font-size:13.5px;line-height:2;color:var(--sk-ink)}
.spt-atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.spt-att{display:inline-flex;align-items:center;gap:7px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:9px;padding:6px 11px;text-decoration:none;color:inherit;font-size:12px}
.spt-att svg{width:14px;height:14px;color:var(--sk-ink-faint)}
.spt-att small{color:var(--sk-ink-faint)}
.spt-reply textarea{width:100%;min-height:120px;border:1px solid var(--sk-line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:13.5px;line-height:2;resize:vertical;background:var(--sk-surface-2);box-sizing:border-box}
.spt-reply textarea:focus{outline:none;border-color:var(--sk-amber)}
.spt-reply__tools{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.spt-canned{margin-bottom:12px}
.spt-footrow{display:flex;gap:10px;justify-content:flex-end}
.spt-danger{color:#b23b3b}
.spt-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px;margin-bottom:12px}
.spt-stars input{display:none}
.spt-stars span{font-size:26px;color:var(--sk-line);cursor:pointer;transition:color .12s}
.spt-stars input:checked ~ * span,.spt-stars label:hover span,.spt-stars label:hover ~ label span,.spt-stars input:checked + span{color:var(--sk-amber)}
.spt-stars label:has(input:checked) span,.spt-stars label:has(input:checked) ~ label span{color:var(--sk-amber)}
.spt-staffgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}
.spt-staffgrid > div{display:flex;flex-direction:column;gap:12px}
.spt-manage form p{margin:0 0 12px}
.spt-manage form p label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:var(--sk-ink-soft)}
.spt-manage form p input,.spt-manage form p select,.spt-manage form p textarea{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:13px;background:var(--sk-surface-2);box-sizing:border-box}
.spt-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:14px 0 0;font-size:12.5px}
.spt-facts dt{color:var(--sk-ink-faint)}
.spt-facts dd{margin:0;font-weight:700}
@media(max-width:900px){.spt-grid,.spt-staffgrid{grid-template-columns:1fr}.spt-filter{flex-wrap:wrap}.spt-filter select{max-width:none;flex:1}.spt-row{flex-wrap:wrap}.spt-row__time{text-align:right}}

/* نشان «ویژه جاب‌کاو» روی کارت دستهٔ نشان‌دار (xl69) */
.skcat-jk{display:inline-block;background:var(--sk-amber-soft);color:#8a6900;border:1px solid var(--sk-amber-line);border-radius:999px;padding:2px 10px;font-size:10.5px;font-weight:800;font-style:normal;vertical-align:middle;margin-inline-start:8px}


/* ═══ سربرگ صفحه تنظیمات آزمون — نسخه جمع‌وجور با اکشن‌های آیکون‌دار (xl70) ═══ */
.sks-head.sks-head--tight{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.sks-head--tight .sks-head__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sks-head--tight .sks-head__eyebrow{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.sks-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sks-act{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid var(--sk-line);border-radius:10px;background:var(--sk-surface-2);color:var(--sk-ink);font-size:12.5px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;white-space:nowrap}
.sks-act svg{width:15px;height:15px;color:var(--sk-ink-faint);flex:none}
.sks-act:hover{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);transform:translateY(-1px)}
.sks-act:hover svg{color:#9a7400}
.sks-head--tight .sks-head__main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sks-head--tight .sks-head__l{display:flex;flex-direction:column;gap:6px;min-width:min(420px,100%)}
.sks-head--tight .sks-head__l h1{margin:0;font-size:19px;line-height:1.6}
.sks-head--tight .sks-head__exam{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;background:none;border:0;padding:0}
.sks-head--tight .sks-head__exam strong{font-size:13.5px;font-weight:800}
.sks-head--tight .sks-head__exam span{font-size:12px;color:var(--sk-ink-soft)}
.sks-pw.sks-pw--inline{display:flex;align-items:center;gap:12px;min-width:0;flex:1;justify-content:flex-end;padding:10px 12px;border-radius:12px}
.sks-pw--inline .sks-pw__head{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.sks-pw--inline .sks-pw__n{font-size:17px;font-weight:800}
.sks-pw--inline .sks-pw__l{font-size:11.5px;color:var(--sk-ink-soft)}
.sks-pw--inline .sks-pw__bar{flex:1;min-width:90px;max-width:190px;margin:0}
.sks-pw--inline .sk-btn{white-space:nowrap}
@media(max-width:780px){
  .sks-head--tight .sks-head__main{flex-direction:column;align-items:stretch}
  .sks-pw.sks-pw--inline{justify-content:space-between;flex-wrap:wrap}
  .sks-pw--inline .sks-pw__bar{max-width:none;width:100%;order:3}
  .sks-act span{display:none}
  .sks-act{padding:0 10px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SKW HERO v2 (skw-hero-20260814) — سربرگ ورک‌اسپیس آزمون / بستهٔ آزمون
   ═══════════════════════════════════════════════════════════════════════════

   مشکل نسخهٔ قبل: سربرگ «فشرده» دیده می‌شد.
     • padding فقط ۲۰/۲۲px برای کارتی به عرض ~۱۸۰۰px
     • عنوان ۲۳px با فاصلهٔ ۱۰/۷px از کیکر و توضیح — سه سطر چسبیده به هم
     • دکمه‌ها با align-items:flex-start به بالای بلوک متن قفل بودند، پس زیرشان
       یک نوار خالیِ بزرگ می‌ماند و کارت هم خالی و هم شلوغ به‌نظر می‌رسید
     • ارتفاع دکمه‌ها ۳۶px و فونت ۱۲px، در برابر عنوان ۲۳px کم‌جان بود

   این بلوک فقط «تنفس و سلسله‌مراتب» را درست می‌کند:
     ریتم عمودی ....... کیکر → ۱۴px → عنوان → ۱۰px → توضیح
     تراز افقی ........ دکمه‌ها نسبت به بلوک متن وسط‌چین می‌شوند (نه بالا‌چین)
     شعاع کارت ........ دست‌نخورده (سیستم پنل عمداً ۸px است — خط ۶۹۷۲)

   امضای بصری: «ستون وضعیت» — نوار عمودی ۳px روی لبهٔ شروع کارت که رنگش
   وضعیت انتشار را رمزگذاری می‌کند. تزئین نیست؛ همان اطلاعاتی را که چیپ متنی
   می‌گوید در یک نگاه و بدون خواندن منتقل می‌کند.
   ═══════════════════════════════════════════════════════════════════════════ */

.skw{gap:12px}

.skw-hero{padding:26px 28px 24px}

/* ستون وضعیت. overflow:hidden کارت باعث می‌شود دو سرِ نوار با شعاع کارت گرد شود. */
.skw-hero::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;
  width:3px;background:var(--skw-spine,var(--sk-amber));pointer-events:none}
.skw-hero[data-exam-state="draft"]{--skw-spine:var(--sk-line-strong,#dadada)}
.skw-hero[data-exam-state="pending_institute_approval"]{--skw-spine:var(--sk-warn,#d98a1f)}
.skw-hero[data-exam-state="institute_approved"]{--skw-spine:var(--sk-ok,#1f9d57)}
.skw-hero[data-exam-state="institute_rejected"]{--skw-spine:var(--sk-danger,#e5484d)}
.skw-hero[data-exam-state="published"]{--skw-spine:var(--sk-amber,#ffc218)}
.skw-hero[data-exam-state="inactive"]{--skw-spine:var(--sk-ink-faint,#9498a0)}
/* بستهٔ آزمون یک وضعیت اضافه دارد که آزمون ندارد */
.skw-hero[data-exam-state="archived"]{--skw-spine:var(--sk-line-strong,#dadada)}

/* دکمه‌ها به‌جای قفل‌شدن به بالا، نسبت به بلوک متن وسط‌چین می‌شوند تا نوار خالیِ
   زیرشان حذف شود. flex-basis روی بلوک متن جلوی له‌شدن عنوان را می‌گیرد. */
.skw-hero__top{align-items:center;gap:18px 26px}
.skw-hero__top>:first-child{flex:1 1 460px;min-width:0}

.skw-kicker{gap:9px}
.skw-kicker .sep{color:var(--sk-line-strong,#dadada);font-weight:400}
.skw-status{padding:4px 12px}

/* اندازهٔ عنوان اصلاً اینجا اعلام نمی‌شود تا همان ۲۳px قانون اصلی برقرار بماند.
   حس «فشردگی» یک مسئلهٔ فاصله است نه اندازهٔ حروف؛ پس فقط ریتم عمودی باز می‌شود. */
.skw-hero h1{margin:14px 0 10px;line-height:1.5;letter-spacing:-.012em}
.skw-hero__desc{line-height:2;max-width:680px}

/* tables-center.css بعد از این فایل لود می‌شود و gap دکمه‌ها را روی ۶px می‌نشاند؛
   پس این قانون باید یک پله اختصاصی‌تر باشد، وگرنه در ترتیب آبشار بازنده است. */
.skw-hero .skw-hero__actions{gap:9px;align-items:center}

/* دکمه‌های سربرگ عمداً یک پله بزرگ‌تر از دکمه‌های جدول‌اند (tables-center.css
   همه را روی ۳۶px/۱۲px می‌نشاند). اینجا اقدام اصلی صفحه است، نه اکشن ردیف. */
.sk-body .skw-hero .skw-hero__actions .sk-btn{height:40px!important;min-height:40px!important;
  padding:0 16px!important;border-radius:10px}

@media(max-width:900px){
  .skw-hero{padding:20px 18px 18px}
  .skw-hero__top{align-items:flex-start;gap:16px}
  .skw-hero__top>:first-child{flex-basis:100%}
}
@media(max-width:560px){
  .skw-hero h1{margin:12px 0 9px;line-height:1.55}
  .skw-hero__desc{line-height:1.95}
  .sk-body .skw-hero .skw-hero__actions .sk-btn{height:38px!important;min-height:38px!important;
    padding:0 13px!important}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SKW FOCUS v1 (skwfocus-20260815) — حالت تمرکز ورک‌اسپیس آزمون
   ═══════════════════════════════════════════════════════════════════════════
   سه حرکت هم‌زمان برای کاستن از ~۴۰ عنصر هم‌وزنِ بالای فولد:
     ۱. صفحات /exam-builder/ به‌صورت پیش‌فرض با ریل آیکونی باز می‌شوند
        (کلاس موجود sk-side-min؛ اسکریپت اولیهٔ base_panel با کلید جداگانهٔ
        tk-side-ws، تا ترجیح کاربر بیرون ورک‌اسپیس دست نخورد). مسیر بازگشت
        جایگزینِ منوی کامل می‌شود.
     ۲. ردیف کارت‌های آمار → نوار سیگنال: فقط اقدام‌پذیرها چیپ می‌شوند.
     ۳. تب‌ها در سه گروه مرحله‌ای: ساخت · برگزاری · نتیجه.
   همهٔ جهت‌ها با خواص منطقی (inline-start/end) تا RTL و صفحات انگلیسی هر دو
   درست بمانند. فلش «→» در ابتدای مسیر بازگشت در RTL یعنی «به عقب».
   ═══════════════════════════════════════════════════════════════════════════ */

/* (v19: قوانین breadcrumb حذف شد — از هر دو ورک‌اسپیس برداشته شده است) */

/* ── نوار سیگنال ── */
.skw-signals{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  background:var(--sk-surface);border:1px solid var(--sk-line);
  border-radius:8px;padding:11px 15px}
.skw-signals__t{font-size:11px;font-weight:800;letter-spacing:.04em;
  color:var(--sk-ink-faint);flex:none}
.skw-sig{display:inline-flex;align-items:center;gap:6px;border-radius:999px;
  padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;
  border:1px solid transparent;white-space:nowrap}
.skw-sig b{font-size:14px;font-weight:800}
.skw-sig i{font-style:normal;opacity:.55;font-size:12px}
.skw-sig:hover i{opacity:1}
.skw-sig.is-warn{background:var(--sk-amber-soft,rgba(255,194,24,.12));
  color:var(--sk-amber-deep,#8a5b06);border-color:var(--sk-amber-line,rgba(255,194,24,.4))}
.skw-sig.is-danger{background:rgba(229,72,77,.08);color:#c0272d;border-color:rgba(229,72,77,.3)}
[data-theme="dark"] .skw-sig.is-warn{color:var(--sk-amber)}
[data-theme="dark"] .skw-sig.is-danger{color:#f0a3a4}
.skw-signals__ok{font-size:12px;font-weight:700;color:var(--sk-ok,#1f9d57)}
.skw-signals__ok::before{content:"✓";margin-inline-end:5px}

/* آمار فشرده — همیشه در انتهای نوار (در RTL یعنی سمت چپ) */
.skw-signals__mini{margin-inline-start:auto;display:flex;align-items:baseline;
  gap:16px;flex-wrap:wrap}
.skw-signals__mini a{display:inline-flex;align-items:baseline;gap:5px;
  font-size:11.5px;color:var(--sk-ink-faint);text-decoration:none;white-space:nowrap}
.skw-signals__mini a:hover{color:var(--sk-ink-soft)}
.skw-signals__mini b{font-size:13.5px;font-weight:800;color:var(--sk-ink)}
.skw-signals__mini small{font-size:10.5px;color:var(--sk-ink-faint)}

/* ── گروه‌بندی تب‌ها ── */

@media(max-width:820px){
  .skw-signals__mini{margin-inline-start:0;flex-basis:100%;gap:13px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SKW FOCUS v2 (skwfocus-20260815-3) — پالایش دوم
   ═══════════════════════════════════════════════════════════════════════════
   بازخورد پس از v1: «هنوز کمی شلوغ است» + «اسکرول‌بار تب‌ها زشت است».
   دو دسته تغییر:
     الف) فشرده‌سازی: سربرگ کوتاه‌تر (توضیح حداکثر ۲ خط)، چیپ‌های کم‌حرف‌تر
          (جزئیات به title رفته)، فاصله‌ها و padding ها یک پله کوچک‌تر.
     ب) اسکرولر تب: اسکرول‌بار بومی پنهان؛ به‌جایش محوشدگیِ لبه در سمتی که
          ادامه دارد + دو فلش که فقط هنگام سرریز ظاهر می‌شوند. فلش‌ها با
          border منطقی (inline-start/end) ساخته شده‌اند تا در RTL خودکار
          آینه شوند — هیچ آیکونی که جهتش اشتباه شود وجود ندارد.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── الف) فشرده‌سازی ── */
.skw .skw-hero{padding:19px 22px 18px}
.skw .skw-hero__desc{font-size:12.5px;line-height:1.9;max-width:640px;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.skw .skw-signals{padding:10px 14px;gap:8px}
.skw .skw-sig{padding:5px 11px}
.skw .skw-signals__mini{gap:14px}

/* ── ب) تب‌ها — v7: بازگشت به طراحی اصلی پروژه ────────────────────────────────
   شش نسخه گروه‌بندی/بازطراحی (برچسب کنار، برچسب بالا، ظرف، دکمه) هیچ‌کدام
   پسندیده نشد — و درسش این بود که مشکل از اول «زیبایی تب‌ها» نبود؛ تب‌های
   پنهان در اسکرول بود. این نسخه استایل تب را کاملاً به بلوک اصلی خود پروژه
   (پیل کهربایی فعال) وامی‌گذارد و فقط دو چیز را نگه می‌دارد:
     ▸ wrap به‌جای overflow — هیچ تبی هرگز پنهان نمی‌شود.
     ▸ در موبایل sticky خاموش و اندازه‌ها یک پله جمع‌تر. */

.skw .skw-tabs{flex-wrap:wrap;overflow:visible}

@media(max-width:760px){
  .skw .skw-tabs{position:static;padding:6px;gap:3px}
  .skw .skw-tabs .skw-tab{padding:9px 13px;font-size:12.4px}
}


/* ═══════════════════════════════════════════════════════════════════════════
   SKSF FOCUS v1 (skwfocus-20260815-11) — صفحهٔ تنظیمات آزمون + حالت منوی جمع
   ═══════════════════════════════════════════════════════════════════════════ */

/* ۲) تصویر پس‌زمینهٔ ناحیهٔ جزئیات تنظیمات.
   با longhand تا background-color اصلی (var(--sk-surface)) دست‌نخورده بماند.
   در تم شب خاموش می‌شود تا خط‌های روشن تصویر با پس‌زمینهٔ تیره نجنگد. */
.sks-detail{background-image:url(../img/sks-back.svg?v=1);
  background-repeat:no-repeat;background-position:center top;background-size:cover}
/* تم شب: به خواست کاربر، تصویر پس‌زمینه در تم شب هم نمایش داده می‌شود. */

/* ۳) متن‌های ستون آغازین سربرگ تنظیمات — همه راست‌چین (start در RTL یعنی راست؛
   اگر روزی نسخهٔ انگلیسی از همین سربرگ استفاده کند، خودکار چپ می‌شود). */
.sks-head__l,.sks-head__l *{text-align:start}
/* عنوان نباید در میانهٔ ارتفاعِ ستونِ کناری شناور بماند */
.sks-head--tight .sks-head__main{align-items:flex-start}
.sks-head--tight .sks-head__l{align-items:stretch}

/* ۴) هر جا منو جمع است (sk-side-min)، محتوای اصلی padding افقی نداشته باشد —
   قانون اصلی: @media(min-width:1041px){.sk-content{padding:30px 34px!important}}
   این قانون با اختصاصیت بالاتر و !important، فقط در حالت جمع، برنده می‌شود. */
@media(min-width:1041px){
  html.sk-side-min .sk-content{padding:30px 0!important}
}

/* ── لوگوی حالت منوی جمع ──────────────────────────────────────────────────────
   وقتی منو جمع است، به‌جای تیکِ SVG ساده، نشانِ کامل تست‌کاو (tk-mark.png)
   نشان داده می‌شود — در هر دو تم، چون خود تصویر کهربایی با پس‌زمینهٔ شفاف است
   و به رنگِ متغیرها وابسته نیست. در حالت باز، لوگوی کامل مثل قبل می‌ماند. */
html.sk-side-min .sk-brand-mini svg{display:none}
html.sk-side-min .sk-brand-mini{width:32px;height:33px;
  background:url(../img/tk-mark.png?v=1) no-repeat center/contain}

/* ═══════════════════════════════════════════════════════════════════════════
   PFAM v6 (skwfocus-20260815-22) — «خانوادهٔ تست‌کاو» در پنل: همان ردیف‌های
   لوکسِ هویتی v6 صفحهٔ اول (پشت‌سرهم). + آیکون منو = tk-menu-icon.png
   (فایل ارسالی مالک؛ علامتِ تیرهٔ شفاف) به روش sk-brand-mini.
   ═══════════════════════════════════════════════════════════════════════════ */
/* آیکون خانوادهٔ تست‌کاو به‌صورت <img> است، نه background —
   چون خط ~۷۱۱۲ همین فایل background آیکون‌های منو را با !important خنثی می‌کند. */
.sk-nav-ic--tkfam img{width:18px;height:18px;object-fit:contain;display:block;
  opacity:.78;transition:opacity .15s ease}
.sk-nav-link:hover .sk-nav-ic--tkfam img,
.sk-nav-link.is-active .sk-nav-ic--tkfam img{opacity:1}

.pfam{max-width:1040px;display:flex;flex-direction:column;gap:18px}
.pfam-hero{display:flex;flex-direction:column;gap:5px}
.pfam-kick{font-size:11.5px;font-weight:800;letter-spacing:.05em;color:var(--sk-amber-deep,#8a5b06)}
.pfam-hero h1{margin:0;font-size:23px;font-weight:900;color:var(--sk-ink)}
.pfam-hero p{margin:0;font-size:13px;line-height:2;color:var(--sk-ink-soft)}

/* ═══════════════════════════════════════════════════════════════════════════
   FAM v6 — خانوادهٔ تست‌کاو: ردیف‌های لوکسِ هویتی.
   طبق دستور مالک: (۱) چیدمانِ «هر محصول یک ردیف» حفظ شد، (۲) پس‌زمینهٔ هر
   ردیف به رنگ هویت خود محصول برگشت — پرو: سرمه‌ایِ عمیق، هوش مصنوعی: کرمِ
   گرم — (۳) پرداختِ لوکس: تایلِ سفیدِ براق با آیکونِ واقعی برند
   (tk-menu-icon.png، فایل ارسالی مالک)، هایلایت داخلی لبهٔ بالا، درخشش
   hover مخصوص هر تم. رنگ‌ها صریح تا در تم شب سایت ثابت بمانند.
   ═══════════════════════════════════════════════════════════════════════════ */
.fam5-list{display:grid;grid-template-columns:1fr;gap:16px;margin-block-start:2px}
.fam5{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:20px;padding:26px 28px;border-radius:20px;
  text-decoration:none;overflow:hidden;isolation:isolate;border:1px solid transparent;
  transition:transform .3s var(--tk-ease,ease),box-shadow .3s var(--tk-ease,ease)}
.fam5:hover{transform:translateY(-4px)}
.fam5__tile{width:60px;height:60px;border-radius:16px;flex:none;
  background:#fff url(../img/tk-menu-icon.png?v=1) no-repeat center/32px 32px;
  box-shadow:0 10px 22px -10px rgba(10,14,32,.45),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .3s var(--tk-ease,ease)}
.fam5:hover .fam5__tile{transform:scale(1.06) rotate(-4deg)}
.fam5__body{display:flex;flex-direction:column;gap:5px;min-width:0}
.fam5__top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.fam5__name{font-size:18px;font-weight:900}
.fam5__domain{font-size:11px;font-weight:700;letter-spacing:.05em}
.fam5__tag{font-size:12.5px;font-weight:800}
.fam5__desc{font-size:12.7px;line-height:2}
.fam5__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:11px;font-weight:700;margin-block-start:3px}
.fam5__meta i{font-style:normal;opacity:.5}
.fam5__cta{display:inline-flex;align-items:center;gap:7px;align-self:center;
  background:var(--tk-amber,#ffc218);color:#231a02;font-size:12.5px;font-weight:800;
  border-radius:12px;padding:12px 19px;white-space:nowrap;
  box-shadow:0 10px 24px -12px rgba(233,173,0,.8);transition:gap .2s var(--tk-ease,ease)}
.fam5:hover .fam5__cta{gap:11px}

/* ── پرو: سرمه‌ایِ عمیق ── */
.fam5--pro{border-color:#28304f;color:#eef1fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  background:
    radial-gradient(1.4px 1.4px at 14% 26%,rgba(255,214,90,.85),transparent 55%),
    radial-gradient(1.1px 1.1px at 72% 18%,rgba(255,255,255,.55),transparent 55%),
    radial-gradient(1.3px 1.3px at 52% 82%,rgba(255,214,90,.5),transparent 55%),
    radial-gradient(150% 120% at 90% -20%,#233058 0%,transparent 55%),
    linear-gradient(150deg,#121a38,#0b1024 62%,#0a0e1f)}
.fam5--pro:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),
  0 26px 54px -26px rgba(9,14,38,.95)}
.fam5--pro .fam5__name{color:#fff}
.fam5--pro .fam5__domain{color:#8f99c2}
.fam5--pro .fam5__tag{color:#ffd45e}
.fam5--pro .fam5__desc{color:#b6bedc}
.fam5--pro .fam5__meta{color:#cfd6f2}

/* ── هوش مصنوعی: کرمِ گرم ── */
.fam5--ai{border-color:#eedfb2;color:#2a2410;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  background:
    radial-gradient(280px 190px at 8% -12%,rgba(255,208,74,.3),transparent 68%),
    linear-gradient(150deg,#fffdf3,#fff5da 58%,#ffedc0)}
.fam5--ai:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.85),
  0 24px 50px -24px rgba(182,132,12,.55)}
.fam5--ai .fam5__tile{box-shadow:0 10px 22px -10px rgba(160,110,10,.4),inset 0 1px 0 rgba(255,255,255,.9)}
.fam5--ai .fam5__name{color:#1d1808}
.fam5--ai .fam5__domain{color:#a8935c}
.fam5--ai .fam5__tag{color:#8a5b06}
.fam5--ai .fam5__desc{color:#6b5f3d}
.fam5--ai .fam5__meta{color:#8a7a4d}

@media(max-width:1080px){.fam5-list{grid-template-columns:1fr}}
@media(max-width:640px){
  .fam5{grid-template-columns:auto minmax(0,1fr);padding:20px 18px}
  .fam5__cta{grid-column:1 / -1;justify-content:center}
}

/* ============================================================================
   MOBILE TOPBAR v2 — هدر پنل در موبایل: همیشه یک ردیف
   مشکل v1: هدر flex-wrap:wrap داشت و دکمه‌ها اندازهٔ ثابت ۳۸px. مجموع هشت
   آیتم ۳۸۷px می‌شد، پس زیر ۴۳۰px یک یا دو آیکون به سطر دوم می‌افتاد و هدر
   دولایه و نامرتب می‌شد (۳۹۳px: یک آیکون یتیم؛ ۳۶۰px: دو تا).
   راه‌حل v2:
     • هدر دیگر wrap نمی‌شود.
     • اندازهٔ دکمه‌ها و فاصله‌ها با عرض صفحه بالا و پایین می‌رود (clamp)، پس
       روی گوشی بزرگ درشت می‌ماند و روی گوشی کوچک جا می‌شود.
     • چیپ کیف پول به‌جای «سطر دوم تمام‌عرض»، فشرده و درجا می‌ماند.
     • دو آیکونی که عیناً در منوی کناری هم هستند، در عرض‌های کم کنار می‌روند.
   ============================================================================ */
@media (max-width: 640px) {
    /* overflow-x:clip فقط افق را می‌بندد؛ عمود باز می‌ماند تا منوی «انتخاب
       نقش» که با position:absolute زیر دکمه باز می‌شود قیچی نشود.
       (overflow:hidden هر دو محور را می‌بست و منو پشت هدر گم می‌شد.) */
    .sk-topbar{flex-wrap:nowrap;height:auto;min-height:56px;
        padding:8px clamp(8px,3vw,12px);gap:clamp(5px,1.7vw,8px)}
    /* رپرها تخت می‌شوند تا همهٔ اکشن‌ها آیتم مستقیم فلکسِ هدر باشند */
    .sk-top-right,.sk-topacts{display:contents}
    .sk-accent-wrap{margin-inline-start:auto}

    .sk-topbar .sk-ibtn{width:clamp(32px,8.6vw,38px);height:clamp(32px,8.6vw,38px);
        flex:0 0 auto;padding:0}
    .sk-topbar .sk-ibtn svg{width:clamp(16px,4.4vw,19px);height:clamp(16px,4.4vw,19px)}
    .sk-topbar .sk-ibtn img{width:100%!important;height:100%!important;
        border-radius:inherit;object-fit:cover}

    .sk-role-btn{height:clamp(32px,8.6vw,38px);padding:0 clamp(6px,2vw,9px);
        gap:6px;flex:0 0 auto}
    .sk-role-btn .t{display:none}
    .sk-role-btn .av{width:clamp(22px,6vw,26px);height:clamp(22px,6vw,26px);border-radius:7px}
    .sk-role-btn .av svg{width:clamp(14px,3.8vw,16px);height:clamp(14px,3.8vw,16px)}

    /* چیپ کیف پول: فشرده و در همان ردیف. واژهٔ «تومان» در این عرض حذف
       می‌شود چون خودِ عدد گویاست و ۴۰px عرض می‌گرفت. */
    .sk-wallet-chip{order:0;flex:0 1 auto;margin:0;
        height:clamp(32px,8.6vw,38px);padding:0 clamp(8px,2.6vw,12px);gap:6px;
        max-width:min(34vw,124px)}
    .sk-wallet-chip svg{width:15px;height:15px}
    .sk-wallet-chip b{font-size:clamp(11px,3.1vw,13.5px);min-width:0;
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .sk-wallet-chip span{display:none}

    /* پشتیبانی در منوی کناری هست (با نشان تیکت‌های باز)، پس از هدر برداشته
       می‌شود تا جای بقیه باز شود. */
    .sk-topbar .sk-ibtn--support{display:none}
}
@media (max-width: 430px){
    /* آزمون‌های مهارت‌محور هم از منوی کناری در دسترس است */
    .sk-topbar .sk-ibtn--home{display:none}
}
@media (max-width: 380px){
    .sk-accent-wrap{display:none}
    .sk-topbar .sk-ibtn[data-sk-theme]{margin-inline-start:auto}
}

/* فلش «تغییر نقش»: قبلاً کاراکتر متنی ⌄ بود و روی خط پایهٔ متن می‌نشست، پس
   با کادر آیکون هم‌تراز نمی‌شد. حالا یک SVG در کادر مربعیِ وسط‌چین است. */
.sk-role-btn .c{display:grid;place-items:center;flex:none;
    width:14px;height:14px;line-height:0;color:var(--sk-ink-faint)}
.sk-role-btn .c svg{width:12px;height:12px;display:block;transition:transform .18s}
.sk-role:has(.sk-role-menu.open) .c svg{transform:rotate(180deg)}

/* ── منوی «انتخاب نقش» ──────────────────────────────────────────────────
   .sk-topbar هم position دارد هم z-index هم backdrop-filter، پس یک
   «stacking context» می‌سازد. هر z-index ی که به منوی داخلش بدهیم فقط
   بین خواهرهای خودش مرتب می‌شود و کل نوار نسبت به صفحه همان ۴۰ می‌ماند؛
   به همین دلیل منو زیر کارت‌های محتوا می‌افتاد.
   درمان: تا وقتی منو باز است، خودِ نوار بالا می‌آید. ۱۲۰ عمداً از
   .sk-sidebar (۵۰) و پوشش کشو (۴۵) بالاتر است، ولی چون فقط در همین حالت
   اعمال می‌شود، کشوی موبایل دست‌نخورده می‌ماند. */
.sk-topbar:has(.sk-role-menu.open){z-index:120}
.sk-role-menu{max-height:min(66vh,420px);overflow:auto}
@media (max-width: 640px) {
    .sk-role-menu{min-width:min(72vw,220px);max-width:min(88vw,300px)}
}

/* ═══ بازطراحی متای کارت آزمون/بسته: یک چیپ وضعیت + خط متای بی‌صدا ═══ */
.skq-meta2{display:flex;align-items:center;gap:11px;flex-wrap:wrap;min-width:0}
.skq-state{flex:none;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5.5px 12px;font-size:10.5px;font-weight:800;letter-spacing:0;background:var(--sk-surface-2,#f6f5f2);border:1px solid var(--sk-line,#e9e9e9);color:var(--sk-ink-soft,#5b5e63)}
.skq-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.skq-state--published{background:color-mix(in srgb,#1f9d57 10%,transparent);border-color:color-mix(in srgb,#1f9d57 32%,transparent);color:#177a44}
.skq-state--draft{background:color-mix(in srgb,#b77900 10%,transparent);border-color:color-mix(in srgb,#b77900 32%,transparent);color:#9a6a07}
.skq-state--pending_institute_approval{background:color-mix(in srgb,#2563eb 9%,transparent);border-color:color-mix(in srgb,#2563eb 30%,transparent);color:#2456c8}
.skq-state--institute_approved{background:color-mix(in srgb,#0d9488 9%,transparent);border-color:color-mix(in srgb,#0d9488 30%,transparent);color:#0b7a70}
.skq-state--institute_rejected{background:color-mix(in srgb,#e5484d 9%,transparent);border-color:color-mix(in srgb,#e5484d 32%,transparent);color:#c93a40}
.skq-state--inactive,.skq-state--archived{opacity:.85}
.skq-facts{display:inline-flex;align-items:center;flex-wrap:wrap;row-gap:5px;min-width:0;font-size:11.5px;font-weight:650;color:var(--sk-ink-faint,#9aa0a6)}
.skq-facts em{font-style:normal;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.skq-facts em svg{width:13px;height:13px;opacity:.75}
.skq-facts em + em{position:relative;margin-inline-start:16px}
.skq-facts em + em::before{content:"";position:absolute;inset-inline-start:-10px;top:50%;transform:translateY(-50%);width:3.5px;height:3.5px;border-radius:50%;background:var(--sk-line-strong,#d6d6d6)}
.skq-card p + .skq-meta2{margin-top:11px}
.skq-card h3 + .skq-meta2{margin-top:7px}
.skq-meta2 + .skq-card__act{margin-top:11px}
/* کارت‌های پارک‌شده: فشرده و مرتب (توضیحات آنجا مخفی است؛ متا زیر عنوان می‌نشیند) */
.skq-zone--parked .skq-meta2{gap:8px;margin-top:7px}
.skq-zone--parked .skq-state{padding:4px 9px;font-size:9.5px}
.skq-zone--parked .skq-state::before{width:5px;height:5px}
.skq-zone--parked .skq-facts{font-size:10px;font-weight:600;row-gap:4px}
.skq-zone--parked .skq-facts em svg{width:11.5px;height:11.5px}
.skq-zone--parked .skq-facts em + em{margin-inline-start:13px}
.skq-zone--parked .skq-facts em + em::before{inset-inline-start:-8px;width:3px;height:3px}
/* عنوان بزرگ‌تر کارت‌ها فقط در بورد آزمون‌ها/بسته‌ها */
.skq-zone .skq-card h3{font-size:17px;font-weight:800;line-height:1.7}
.skq-zone--parked .skq-card h3{font-size:15.5px}
/* چیپ وضعیت پارک‌شده: کوچک‌تر از قبل */
.skq-zone--parked .skq-state{padding:3px 8px;font-size:8.5px;gap:5px}
.skq-zone--parked .skq-state::before{width:4.5px;height:4.5px}