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

   TABLES-CENTER v1 — وسط‌چینی سراسری سرستون‌ها و سلول‌های همهٔ جدول‌های پنل

   (sk-table / skq-table / skqp-table / analytics-table / cert-management-table)

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

.sk-body .sk-table th,.sk-body .sk-table td,

.sk-body .skq-table th,.sk-body .skq-table td,

.sk-body .skqp-table th,.sk-body .skqp-table td,

.sk-body .analytics-table th,.sk-body .analytics-table td,

.sk-body .cert-management-table th,.sk-body .cert-management-table td{text-align:center!important;vertical-align:middle}



/* فرم‌ها/دکمه‌های داخل سلول هم وسط بنشینند */

.sk-body .skq-table .cr-actform,.sk-body .sk-table form,.sk-body .skq-table form{justify-content:center}



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

   COURSE-RESULTS QUICK ACTIONS — دکمه‌های آیکونی نتایج بسته (سراسری پنل)

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

.crx-act{display:inline-flex;gap:4px;justify-content:center}

.crx-act a{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--sk-ink-soft);transition:.13s}

.crx-act a:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}

.crx-act svg{width:16px;height:16px}

@media(min-width:1100px){.crx-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}

.crx-grid3 .skw-row{gap:8px}



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

   SKW POLISH — ریتم کارت بعد از گرید + اکشن‌های هرو مینیمال (آزمون و بسته)

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

.skw-grid2+.skw-card,.skw-grid3+.skw-card,.skw-list+.skw-card{margin-top:12px}



.skw-hero__actions{gap:6px;flex-wrap:wrap}

.sk-body .skw-hero__actions .sk-btn{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:12px!important;border-radius:10px;font-weight:700}



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

   SKW-STATS SLIM — نوار وضعیت باریک تک‌ردیفه برای میز کار آزمون/بسته

   (اطلاعات همان؛ ارتفاع نصف؛ ۷ کارت در یک ردیف جا می‌شود)

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

.skw-stats{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:8px!important}

.sk-body .skw-stat{padding:9px 12px!important;gap:2px!important;border-radius:11px;box-shadow:none}

.skw-stat__l{font-size:10.5px!important;font-weight:600}

.skw-stat__v{font-size:18px!important;line-height:1.25;font-weight:800}

.skw-stat__s{font-size:10px!important;line-height:1.55;color:var(--sk-ink-faint)}

@media(max-width:640px){.skw-stats{grid-template-columns:repeat(2,1fr)!important}}



/* SKW-STATS → میان‌بر تب: کارت‌های کلیک‌پذیر */

a.skw-stat{color:inherit;text-decoration:none;cursor:pointer;display:flex;transition:border-color .14s,background .14s,transform .14s}

a.skw-stat:hover{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);text-decoration:none}

a.skw-stat:active{transform:translateY(1px)}

a.skw-stat:focus-visible{outline:2px solid var(--sk-amber);outline-offset:2px}



/* SKW-STATS LINK — کارت‌های آمار = میان‌بر تب */

a.skw-stat{color:inherit;text-decoration:none;display:flex}

.skw-stat--link{cursor:pointer;transition:border-color .14s,background .14s,transform .14s}

.skw-stat--link:hover{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);transform:translateY(-1px)}

.skw-stat--link:hover .skw-stat__v{color:var(--sk-amber-deep)}



/* SKW-STATS v2 — نوار آمار = ناوبری: کلیک‌پذیر، حالت فعال، نشانهٔ نیازمند اقدام */

a.skw-stat{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;cursor:pointer;position:relative;transition:.14s}

a.skw-stat:hover{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);transform:translateY(-1px)}

a.skw-stat:hover .skw-stat__l{color:var(--sk-amber-deep)}

a.skw-stat:focus-visible{outline:2px solid var(--sk-amber);outline-offset:2px}

a.skw-stat.is-active{border-color:var(--sk-amber);background:var(--sk-amber-soft)}

a.skw-stat.is-active::after{content:"";position:absolute;inset-inline-start:10px;inset-inline-end:10px;bottom:0;height:2.5px;border-radius:3px 3px 0 0;background:var(--sk-amber)}

a.skw-stat.is-active .skw-stat__l{color:var(--sk-amber-deep)}



/* نیازمند اقدام: نقطهٔ هشدار + عدد پررنگ */

.skw-stat.is-alert .skw-stat__v{color:var(--sk-danger)}

.skw-stat.is-alert .skw-stat__l::after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:5px;border-radius:50%;background:var(--sk-danger);vertical-align:middle}

.skw-stat.is-alert{border-color:var(--sk-danger-soft)}

a.skw-stat.is-alert:hover{border-color:var(--sk-danger)}



/* غلبه بر border !important نسخهٔ سرور panel.css روی کارت‌های آماری */

.sk-body a.skw-stat:hover{border:1px solid var(--sk-amber-line)!important}

.sk-body a.skw-stat.is-active{border:1px solid var(--sk-amber)!important}

.sk-body .skw-stat.is-alert{border:1px solid var(--sk-danger-soft)!important}

.sk-body a.skw-stat.is-alert:hover{border:1px solid var(--sk-danger)!important}



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

   COURSE-EXAM MANAGER — جدول فشرده + ردیف جزئیات تاشو

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

.cem-table td{padding-top:10px!important;padding-bottom:10px!important}

.cem-table .cem-title{text-align:start!important;max-width:420px}

.cem-table .cem-title strong{font-size:13px;font-weight:700;display:block;line-height:1.7}

.cem-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px}

.cem-meta>span{font-size:10.5px;color:var(--sk-ink-faint);white-space:nowrap}

.cem-meta>span+span::before{content:"·";margin-inline-end:6px;color:var(--sk-line)}

.cem-meta .skq-badge{font-size:10px;padding:2px 7px}

.cem-meta .skq-badge+span::before{content:none}

.cem-chip--free{color:var(--sk-ok)!important;font-weight:700}

.cem-sub{font-size:10.5px;color:var(--sk-ink-faint);margin-top:4px;line-height:1.6}



.cem-more{border:0;background:transparent;color:var(--sk-info);font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:6px}

.cem-more:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}

.cem-more.is-open{color:var(--sk-amber-deep)}



.cem-state{border:0;background:transparent;font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer;padding:3px 6px;border-radius:7px;margin-top:4px}

.cem-state--on{color:var(--sk-ok)}

.cem-state--on:hover{background:rgba(24,160,110,.1)}

.cem-state--off{color:var(--sk-danger)}

.cem-state--off:hover{background:rgba(229,72,77,.09)}

.cem-table form{display:inline}



.cem-detailrow>td{background:var(--sk-amber-soft)!important;padding:12px 14px!important}

.cem-spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 16px;text-align:start}

.cem-spec>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--sk-amber-line);padding:4px 0}

.cem-spec span{font-size:10.5px;color:var(--sk-ink-faint)}

.cem-spec b{font-size:11.5px;font-weight:700;color:var(--sk-ink)}



.cem-reqlist{margin-top:12px;display:flex;flex-direction:column;gap:6px}

.cem-reqlist__l{font-size:10.5px;color:var(--sk-ink-faint);font-weight:600}

.cem-reqlist>div{display:flex;flex-wrap:wrap;gap:6px}



/* [hidden] روی ردیف جدول باید بر قوانین display جدول غالب باشد */

.sk-body tr.cem-detailrow[hidden]{display:none!important}



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

   DASHBOARD CHARTS — تول‌تیپ نمودار روند فعالیت (داشبورد دانشجو/طراح)

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

.skd-chart__body{position:relative}

.skd-tip{position:absolute;z-index:3;pointer-events:none;background:var(--sk-surface);border:1px solid var(--sk-amber-line);border-radius:9px;padding:5px 9px;box-shadow:0 6px 18px -8px rgba(24,26,29,.28);display:flex;flex-direction:column;align-items:center;gap:1px;min-width:58px}

.skd-tip b{font-size:13px;font-weight:800;color:var(--sk-amber-deep);line-height:1.3}

.skd-tip span{font-size:9.5px;color:var(--sk-ink-faint)}



/* CEM v2 — تراز ستون عنوان (شکستن وسط‌چینی سراسری) + دکمه‌های آیکونی اقدام */

.sk-body .cem-table td.cem-title{text-align:start!important;vertical-align:middle}

.sk-body .cem-table td.cem-title strong{display:block;text-align:start}

.cem-meta{justify-content:flex-start!important}

.cem-meta .skq-badge{margin-inline-start:2px}



/* دکمه‌های داخل نوار اقدام: هم‌اندازهٔ لینک‌های آیکونی */

.crx-act form{display:inline-flex;margin:0}

.sk-body .crx-act button{display:inline-grid;place-items:center;width:34px;height:34px;border:0!important;border-radius:9px;background:transparent;color:var(--sk-ink-soft);cursor:pointer;padding:0;font-size:inherit!important;transition:.13s}

.crx-act button svg{width:16px;height:16px}

.sk-body .crx-act button.crx-on{color:var(--sk-ok)}

.sk-body .crx-act button.crx-on:hover{background:rgba(24,160,110,.12)}

.sk-body .crx-act button.crx-off{color:var(--sk-danger)}

.sk-body .crx-act button.crx-off:hover{background:rgba(229,72,77,.1)}

.crx-act button:focus-visible{outline:2px solid var(--sk-amber);outline-offset:2px}



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

   PRICING SETTINGS — گروه‌بندی و سوییچ چک‌باکس (صفحهٔ قیمت‌گذاری آزمون)

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

.sksf-sep{display:flex;align-items:center;gap:8px;margin:4px 0 12px;padding-top:12px;border-top:1px solid var(--sk-line)}

.sksf-sep:first-of-type{border-top:0;padding-top:0}

.sksf-sep .acc{width:3px;height:16px;border-radius:3px;background:var(--sk-amber);flex:0 0 auto}

.sksf-sep b{font-size:13px;font-weight:800;color:var(--sk-ink)}

.sksf-sep small{font-size:10.5px;color:var(--sk-ink-faint)}



/* چک‌باکس‌ها → ردیف سوییچ‌مانند به‌جای برچسبِ بالا و مربعِ سرگردان */

.sksf-pricing .tk-field:has(>input[type=checkbox]){flex-direction:row;align-items:center;gap:10px;background:var(--sk-amber-soft);border:1px dashed var(--sk-amber-line);border-radius:10px;padding:9px 12px;margin-bottom:12px}

.sksf-pricing .tk-field:has(>input[type=checkbox]) label{order:2;margin:0;font-size:12px;font-weight:700;color:var(--sk-ink);cursor:pointer}

.sksf-pricing .tk-field:has(>input[type=checkbox]) input[type=checkbox]{order:1;width:17px;height:17px;accent-color:var(--sk-amber-deep);cursor:pointer;margin:0}

.sksf-pricing .tk-field:has(>input[type=checkbox]) .help{order:3;margin-inline-start:auto;text-align:end;font-size:10.5px}



.sksf-pricing .tk-field{margin-bottom:12px}