.certificate-workspace,.cert-page,.certificate-template-page,.cert-detail-page{font-family:var(--sk-font)}

.cert-page,.cert-designer-page{direction:rtl}.cert-hero{background:radial-gradient(circle at top left,rgba(245,158,11,.25),transparent 35%),linear-gradient(135deg,var(--sk-ink),var(--sk-amber-deep) 60%,var(--sk-amber-deep));color:var(--sk-surface);border-radius:30px;padding:28px;margin-bottom:22px;box-shadow:0 22px 55px rgba(37,99,235,.22);display:flex;align-items:center;justify-content:space-between;gap:18px}.cert-hero h1{color:var(--sk-surface);margin:6px 0 8px;font-size:1.65rem}.cert-hero p{color:var(--sk-amber-soft);margin:0;line-height:2}.cert-kicker{display:inline-flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:999px;color:var(--sk-surface);font-weight:800;font-size:.82rem}.cert-token-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:14px;display:flex;gap:8px;flex-wrap:wrap;max-width:390px}.cert-token-box strong{width:100%;color:var(--sk-surface)}.cert-token-box span,.cert-pill{background:var(--sk-surface);color:var(--sk-amber-deep);border-radius:999px;padding:6px 10px;font-weight:800;font-size:.78rem}.cert-actions,.cert-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tk-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:15px;padding:11px 18px;background:var(--sk-amber);color:var(--sk-ink);font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(245,158,11,.25)}.tk-btn.secondary{background:var(--sk-amber-soft);color:var(--sk-amber-deep);box-shadow:none}.tk-btn.ghost{background:var(--sk-surface);color:var(--sk-amber-deep);box-shadow:none}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.cert-card{position:relative;display:block;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:24px;padding:20px;box-shadow:0 14px 32px rgba(15,23,42,.07);color:var(--sk-ink);transition:.2s}.cert-card:hover{transform:translateY(-3px);box-shadow:0 24px 45px rgba(15,23,42,.12)}.cert-card strong{display:block;font-size:1.07rem;margin-top:12px}.cert-card span,.cert-card small{display:block;color:var(--sk-ink-soft);margin-top:8px}.cert-card-badge{position:absolute;top:14px;left:14px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-radius:999px;padding:5px 10px;font-weight:900;font-size:.75rem}.cert-empty,.cert-info-box{background:var(--sk-surface);border:1px dashed var(--sk-line-strong);border-radius:22px;padding:24px;color:var(--sk-ink-soft)}.cert-info-box{border-style:solid;background:var(--sk-surface-2);margin-bottom:14px;color:var(--sk-ink)}.cert-preview-frame{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:28px;padding:14px;box-shadow:0 20px 45px rgba(15,23,42,.08)}.cert-preview-img{width:100%;border-radius:20px;display:block}.verify-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--sk-amber-soft),var(--sk-surface-2));padding:20px}.verify-card{background:var(--sk-surface);max-width:620px;width:100%;border-radius:30px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.13);border:1px solid var(--sk-line)}.verify-badge{display:inline-flex;background:var(--sk-ok-soft);color:var(--sk-ok);border-radius:999px;padding:8px 16px;font-weight:900}.verify-card dl{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-top:24px}.verify-card dt{font-weight:900;color:var(--sk-ink)}.verify-card dd{margin:0;color:var(--sk-ink)}.verify-revoked{margin-top:20px;background:var(--sk-danger-soft);color:var(--sk-danger);border-radius:16px;padding:12px;font-weight:900}.cert-form-grid{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:20px;align-items:start}.cert-panel{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:26px;padding:20px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.cert-wide{max-width:980px}.cert-sticky{position:sticky;top:18px}.cert-field{margin-bottom:14px}.cert-field label{display:block;font-weight:900;color:var(--sk-ink);margin-bottom:7px}.cert-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tk-input,.tk-textarea{width:100%;border:1px solid var(--sk-line);border-radius:15px;padding:11px 13px;background:var(--sk-surface);color:var(--sk-ink)}.tk-input:focus,.tk-textarea:focus{outline:0;border-color:var(--sk-amber-deep);box-shadow:0 0 0 4px rgba(37,99,235,.10)}.cert-switch{display:flex;gap:10px;align-items:center;background:var(--sk-surface-2);border-radius:16px;padding:10px;margin:8px 0 14px;font-weight:800;color:var(--sk-ink)}.cert-submit{width:100%;margin-top:8px}.cert-live{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:26px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.cert-preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.cert-preview-toolbar strong{display:block;color:var(--sk-ink)}.cert-preview-toolbar small{display:block;color:var(--sk-ink-soft);margin-top:5px}.cert-canvas{position:relative;min-height:540px;border-radius:20px;overflow:hidden;background:var(--sk-amber-soft);border:1px solid var(--sk-line-strong)}.cert-canvas img{width:100%;display:block;min-height:540px;object-fit:contain;background:var(--sk-surface-2)}.cert-canvas-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--sk-ink-soft);font-weight:900}.cert-draggable{position:absolute;left:42%;top:36%;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border:1px dashed var(--sk-amber-deep);color:var(--sk-amber-deep);border-radius:13px;padding:8px 12px;font-weight:900;cursor:move;user-select:none;box-shadow:0 8px 18px rgba(37,99,235,.1)}.cert-draggable.strong{font-size:1.05rem}.cert-draggable.mini{font-size:.78rem;padding:6px 9px;color:var(--sk-ink);border-color:var(--sk-ink-faint)}.cert-check-list{display:grid;gap:10px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:18px;padding:14px}.cert-check-list label{display:flex;gap:8px;align-items:center}.form-error,.errorlist{background:var(--sk-danger-soft);color:var(--sk-danger);border-radius:12px;padding:10px;list-style:none;margin:8px 0}.cert-field small{display:block;color:var(--sk-ink-soft);margin-top:7px}@media(max-width:980px){.cert-form-grid{grid-template-columns:1fr}.cert-sticky{position:static}.cert-hero{align-items:flex-start;flex-direction:column}.cert-two{grid-template-columns:1fr}.cert-canvas,.cert-canvas img{min-height:360px}}

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

/* Certificate workspace v2 — enterprise-style visual editor                 */

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

:root{

  --cert-ink:var(--sk-ink);--cert-muted:var(--sk-ink-soft);--cert-line:var(--sk-line);--cert-soft:var(--sk-surface-2);

  --cert-primary:var(--sk-amber-deep);--cert-primary-dark:var(--sk-amber-deep);--cert-primary-soft:var(--sk-amber-soft);

  --cert-accent:var(--sk-amber);--cert-success:var(--sk-ok);--cert-danger:var(--sk-danger);--cert-warning:var(--sk-amber-deep);

  --cert-editor-bg:var(--sk-bg);--cert-radius:16px;--cert-shadow:0 14px 40px rgba(16,24,40,.09)

}

.certificate-workspace,.certificate-editor-page{direction:rtl;color:var(--cert-ink)}.certificate-editor-page [hidden],.certificate-setup-page [hidden]{display:none!important}

.certificate-workspace *,.certificate-editor-page *{box-sizing:border-box}

.certificate-workspace button,.certificate-editor-page button,.certificate-workspace input,.certificate-editor-page input,.certificate-workspace textarea,.certificate-editor-page textarea,.certificate-workspace select,.certificate-editor-page select{font:inherit}

.certificate-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--cert-primary);font-size:12px;font-weight:900;letter-spacing:.1px;margin-bottom:5px}

.certificate-primary-button,.certificate-secondary-button{border:0;border-radius:12px;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900;cursor:pointer;transition:.18s ease;text-decoration:none}

.certificate-primary-button{background:linear-gradient(135deg,var(--cert-primary),var(--sk-amber));color:var(--sk-surface);box-shadow:0 8px 20px rgba(79,70,229,.24)}

.certificate-primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(79,70,229,.3)}

.certificate-primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}

.certificate-secondary-button{background:var(--sk-surface);color:var(--sk-ink);border:1px solid var(--cert-line)}

.certificate-secondary-button:hover{background:var(--sk-surface-2);border-color:var(--sk-line-strong)}

.certificate-primary-button.is-loading span{opacity:.4}.certificate-primary-button.is-loading b{animation:cert-spin .8s linear infinite}

@keyframes cert-spin{to{transform:rotate(360deg)}}



/* Setup flow */

.certificate-setup-page{max-width:1440px;margin:0 auto}

.certificate-page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}

.certificate-page-heading{display:flex;align-items:flex-start;gap:14px}.certificate-page-heading h1{font-size:30px;margin:0 0 6px;letter-spacing:-.5px}.certificate-page-heading p{margin:0;color:var(--cert-muted);line-height:1.8}

.certificate-back-link{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--sk-surface);border:1px solid var(--cert-line);font-size:23px;color:var(--sk-ink);box-shadow:0 5px 14px rgba(16,24,40,.05);flex:0 0 auto}

.certificate-back-link:hover{background:var(--cert-primary-soft);color:var(--cert-primary)}

.certificate-owner-chip{background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:16px;padding:10px 13px;display:flex;align-items:center;gap:10px;min-width:220px;box-shadow:0 5px 16px rgba(16,24,40,.04)}

.certificate-owner-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--cert-primary-soft);color:var(--cert-primary);font-size:20px;font-weight:900}.certificate-owner-chip small,.certificate-owner-chip strong{display:block}.certificate-owner-chip small{color:var(--cert-muted);font-size:11px;margin-bottom:2px}.certificate-owner-chip strong{font-size:13px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.certificate-stepper{list-style:none;margin:0 0 24px;padding:0;background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;box-shadow:0 6px 20px rgba(16,24,40,.04)}

.certificate-stepper li{padding:17px 18px;display:flex;align-items:center;gap:11px;position:relative}.certificate-stepper li:not(:last-child):after{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--cert-line)}

.certificate-stepper li>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sk-surface-2);color:var(--sk-ink-faint);font-weight:900}.certificate-stepper li.is-active>span{background:var(--cert-primary);color:var(--sk-surface)}.certificate-stepper strong,.certificate-stepper small{display:block}.certificate-stepper strong{font-size:13px}.certificate-stepper small{color:var(--cert-muted);font-size:11px;margin-top:2px}.certificate-stepper li.is-active strong{color:var(--cert-primary)}

.certificate-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.certificate-setup-main{display:grid;gap:18px}

.certificate-section-card{background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(16,24,40,.04)}

.certificate-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:19px}.certificate-section-title h2{font-size:18px;margin:0 0 4px}.certificate-section-title p{margin:0;color:var(--cert-muted);font-size:12px;line-height:1.7}.certificate-section-index{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--cert-primary-soft);color:var(--cert-primary);font-weight:900;flex:0 0 auto}.certificate-result-count{margin-right:auto;background:var(--sk-surface-2);color:var(--sk-ink-soft);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}

.certificate-form-field{display:grid;gap:7px;margin-top:14px}.certificate-form-field>label{font-size:13px;font-weight:900;color:var(--sk-ink)}.certificate-form-field input,.certificate-form-field textarea{width:100%;border:1px solid var(--sk-line-strong);border-radius:12px;padding:11px 13px;outline:0;background:var(--sk-surface);transition:.15s}.certificate-form-field input:focus,.certificate-form-field textarea:focus{border-color:var(--cert-primary);box-shadow:0 0 0 4px rgba(79,70,229,.1)}.certificate-form-field small{color:var(--cert-muted);font-size:11px}.certificate-form-field .errorlist,.certificate-section-card>.errorlist{margin:4px 0 0;padding:8px 12px;background:var(--sk-danger-soft);color:var(--cert-danger);font-size:12px;border-radius:10px}

.certificate-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.certificate-choice-card{position:relative;min-height:102px;border:1px solid var(--cert-line);border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.18s;background:var(--sk-surface)}.certificate-choice-card:hover{border-color:var(--sk-amber);transform:translateY(-1px)}.certificate-choice-card>input{position:absolute;opacity:0;pointer-events:none}.certificate-choice-card:has(input:checked),.certificate-choice-card.is-selected{border:2px solid var(--cert-primary);background:var(--cert-primary-soft);padding:14px}.certificate-choice-icon{width:48px;height:48px;border-radius:13px;background:var(--sk-surface-2);color:var(--sk-ink-soft);display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.15;flex:0 0 auto}.certificate-choice-card:has(input:checked) .certificate-choice-icon,.certificate-choice-card.is-selected .certificate-choice-icon{background:var(--cert-primary);color:var(--sk-surface)}.certificate-choice-card strong,.certificate-choice-card small{display:block}.certificate-choice-card strong{font-size:14px;margin-bottom:4px}.certificate-choice-card small{color:var(--cert-muted);font-size:10px;line-height:1.6}.certificate-choice-check{position:absolute;left:10px;top:10px;width:21px;height:21px;border-radius:50%;background:var(--cert-primary);color:var(--sk-surface);display:none;place-items:center;font-size:11px}.certificate-choice-card:has(input:checked) .certificate-choice-check,.certificate-choice-card.is-selected .certificate-choice-check{display:grid}

.certificate-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.certificate-background-grid .certificate-background-card{display:block;padding:0;border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:15px;overflow:hidden;cursor:pointer;transition:.18s}.certificate-background-grid .certificate-background-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,24,40,.08)}.certificate-background-grid .certificate-background-card>input{position:absolute;opacity:0}.certificate-background-preview{display:block;position:relative;aspect-ratio:1.41;background:var(--sk-surface-2);overflow:hidden}.certificate-background-preview img{width:100%;height:100%;object-fit:cover;display:block}.certificate-background-selected{position:absolute;left:8px;bottom:8px;border-radius:999px;background:var(--cert-primary);color:var(--sk-surface);padding:5px 9px;font-size:10px;font-weight:900;opacity:0;transform:translateY(4px);transition:.15s}.certificate-background-card:has(input:checked){border:2px solid var(--cert-primary)}.certificate-background-card:has(input:checked) .certificate-background-selected{opacity:1;transform:none}.certificate-background-meta{display:block;padding:11px}.certificate-background-meta strong,.certificate-background-meta small{display:block}.certificate-background-meta strong{font-size:12px;margin-bottom:4px}.certificate-background-meta small{font-size:10px;color:var(--cert-muted)}.certificate-no-preview{height:100%;display:grid;place-items:center;color:var(--cert-muted)}

.certificate-empty-filter,.certificate-empty-state{min-height:160px;border:1px dashed var(--sk-line-strong);border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--cert-muted);padding:20px}.certificate-empty-filter span{font-size:28px}.certificate-empty-filter strong,.certificate-empty-filter small{display:block}.certificate-empty-filter strong{color:var(--sk-ink);margin:6px}.certificate-empty-filter small{max-width:420px}

.certificate-setup-aside{position:sticky;top:104px}.certificate-summary-card{background:linear-gradient(165deg,var(--sk-ink),var(--sk-ink));color:var(--sk-surface);border-radius:22px;padding:22px;box-shadow:0 18px 48px rgba(16,24,40,.2);overflow:hidden;position:relative}.certificate-summary-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(109,93,252,.23);top:-100px;left:-80px}.certificate-summary-card>*{position:relative}.certificate-summary-badge{display:inline-flex;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900}.certificate-summary-card h3{font-size:19px;margin:16px 0}.certificate-summary-card dl{margin:0;display:grid;gap:9px}.certificate-summary-card dl div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.certificate-summary-card dt{color:var(--sk-line-strong)}.certificate-summary-card dd{margin:0;font-weight:900;text-align:left}.certificate-summary-divider{height:1px;background:rgba(255,255,255,.12);margin:18px 0}.certificate-summary-card h4{margin:0 0 11px;font-size:13px}.certificate-summary-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.certificate-summary-list li{display:flex;gap:8px;font-size:11px;color:var(--sk-line);line-height:1.6}.certificate-summary-list li span{color:var(--sk-ok-line)}.certificate-summary-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;margin:18px 0}.certificate-summary-note strong,.certificate-summary-note span{display:block}.certificate-summary-note strong{font-size:12px;margin-bottom:4px;color:var(--sk-surface)}.certificate-summary-note span{font-size:10px;color:var(--sk-line-strong);line-height:1.6}.certificate-summary-card .certificate-primary-button{width:100%;background:var(--cert-accent);color:var(--sk-ink);box-shadow:none}.certificate-alert{padding:12px 15px;border-radius:12px;margin-bottom:14px}.certificate-alert-danger{background:var(--sk-danger-soft);color:var(--cert-danger);border:1px solid var(--sk-danger-soft)}



/* Editor shell */

.certificate-editor-page{margin:-34px -34px -60px;min-height:calc(100vh - 84px);background:var(--cert-editor-bg);overflow:hidden}

.certificate-csrf-seed{position:absolute;width:0;height:0;overflow:hidden;opacity:0}

.certificate-editor-header{height:86px;background:var(--sk-surface);border-bottom:1px solid var(--cert-line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;position:relative;z-index:9}

.certificate-editor-titlebar,.certificate-editor-actions{display:flex;align-items:center;gap:11px;min-width:0}.certificate-editor-back{width:38px;height:38px;border-radius:11px;background:var(--sk-surface-2);display:grid;place-items:center;color:var(--sk-ink);font-size:20px;flex:0 0 auto}.certificate-editor-back:hover{background:var(--cert-primary-soft);color:var(--cert-primary)}.certificate-editor-brandmark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sk-ink);color:var(--cert-accent);font-weight:900;flex:0 0 auto}.certificate-editor-title-wrap{min-width:220px;max-width:340px}.certificate-editor-title-wrap label{display:block;font-size:9px;color:var(--cert-muted);font-weight:900;margin-bottom:1px}.certificate-editor-title-wrap input{width:100%;font-weight:900;font-size:14px;border:1px solid transparent;border-radius:8px;padding:4px 7px;outline:0;color:var(--cert-ink);background:transparent}.certificate-editor-title-wrap input:hover,.certificate-editor-title-wrap input:focus{border-color:var(--cert-line);background:var(--sk-surface-2)}.certificate-editor-title-wrap input:focus{border-color:var(--cert-primary);box-shadow:0 0 0 3px rgba(79,70,229,.08)}.certificate-editor-meta{display:flex;gap:5px;flex-wrap:wrap}.certificate-editor-meta span{background:var(--sk-surface-2);color:var(--sk-ink-soft);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;white-space:nowrap}

.certificate-save-indicator{display:flex;align-items:center;gap:7px;color:var(--cert-muted);font-size:10px;font-weight:800;min-width:124px}.certificate-save-dot{width:8px;height:8px;border-radius:50%;background:var(--sk-ink-faint);flex:0 0 auto}.certificate-save-indicator.is-saved .certificate-save-dot{background:var(--cert-success)}.certificate-save-indicator.is-saving .certificate-save-dot{background:var(--cert-primary);animation:cert-pulse 1s infinite}.certificate-save-indicator.is-dirty .certificate-save-dot{background:var(--cert-warning)}.certificate-save-indicator.is-error .certificate-save-dot{background:var(--cert-danger)}

@keyframes cert-pulse{50%{opacity:.25;transform:scale(.75)}}

.certificate-history-actions{display:flex;border:1px solid var(--cert-line);border-radius:10px;overflow:hidden}.certificate-icon-button{width:37px;height:37px;border:0;background:var(--sk-surface);color:var(--sk-ink);font-size:20px;cursor:pointer}.certificate-icon-button+ .certificate-icon-button{border-right:1px solid var(--cert-line)}.certificate-icon-button:hover:not(:disabled){background:var(--sk-surface-2)}.certificate-icon-button:disabled{color:var(--sk-line-strong);cursor:not-allowed}.certificate-editor-actions .certificate-secondary-button,.certificate-editor-actions .certificate-primary-button{min-height:38px;font-size:11px;padding:0 13px}.certificate-publish-button b{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}

.certificate-editor-mobilebar{display:none}

.certificate-editor-layout{height:calc(100vh - 170px);min-height:600px;display:grid;grid-template-columns:288px minmax(420px,1fr) 318px;direction:rtl;overflow:hidden}.certificate-editor-layout>*{direction:rtl}

.certificate-editor-sidebar{background:var(--sk-surface);min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:7}.certificate-library-panel{border-right:1px solid var(--cert-line)}.certificate-inspector-panel{border-left:1px solid var(--cert-line)}

.certificate-panel-tabs{height:52px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid var(--cert-line);padding:7px;gap:4px;flex:0 0 auto}.certificate-panel-tabs button{border:0;background:transparent;border-radius:9px;color:var(--sk-ink-soft);font-size:10px;font-weight:900;cursor:pointer;padding:0 5px}.certificate-panel-tabs button:hover{background:var(--sk-surface-2)}.certificate-panel-tabs button.is-active{background:var(--cert-primary-soft);color:var(--cert-primary)}.certificate-tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--sk-danger);color:var(--sk-surface);padding:0 4px;font-size:9px}.certificate-tab-count.is-ready{background:var(--cert-success)}

.certificate-sidebar-view{display:none;overflow:auto;padding:15px;height:100%;scrollbar-width:thin}.certificate-sidebar-view.is-active{display:block}.certificate-sidebar-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.certificate-sidebar-heading strong,.certificate-sidebar-heading small{display:block}.certificate-sidebar-heading strong{font-size:14px}.certificate-sidebar-heading small{color:var(--cert-muted);font-size:9px;margin-top:3px}.certificate-panel-close{display:none;border:0;background:var(--sk-surface-2);width:31px;height:31px;border-radius:9px;font-size:18px}.certificate-editor-search{height:38px;border:1px solid var(--cert-line);border-radius:10px;display:flex;align-items:center;gap:7px;padding:0 10px;background:var(--sk-surface);margin-bottom:13px}.certificate-editor-search span{color:var(--sk-ink-faint);font-size:18px}.certificate-editor-search input{border:0;outline:0;width:100%;font-size:11px;color:var(--sk-ink);background:transparent}.certificate-list-empty{border:1px dashed var(--sk-line-strong);border-radius:12px;padding:20px;text-align:center;color:var(--cert-muted);font-size:11px}

.certificate-library-group{margin-bottom:17px}.certificate-library-group h3{font-size:10px;color:var(--sk-ink-soft);margin:0 0 8px}.certificate-library-group>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.certificate-library-item{min-height:86px;border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:12px;padding:9px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--sk-ink);transition:.15s}.certificate-library-item>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--sk-surface-2);color:var(--cert-primary);font-size:13px;font-weight:900}.certificate-library-item strong{font-size:10px}.certificate-library-item small{font-size:8px;color:var(--sk-ink-faint)}.certificate-library-item:hover:not(:disabled){border-color:var(--sk-amber);background:var(--cert-primary-soft);transform:translateY(-1px)}.certificate-library-item.is-added{background:var(--sk-surface-2);color:var(--sk-ink-faint)}.certificate-library-item:disabled{cursor:default;opacity:.72}

.certificate-sidebar-section{border-top:1px solid var(--sk-surface-2);padding-top:14px;margin-top:14px}.certificate-sidebar-section:first-of-type{border-top:0;padding-top:0;margin-top:0}.certificate-sidebar-label,.certificate-sidebar-label-row{display:flex;justify-content:space-between;align-items:center;color:var(--sk-ink);font-size:10px;font-weight:900;margin-bottom:7px}.certificate-sidebar-label-row span{color:var(--sk-ink-faint);font-size:8px}.certificate-sidebar-select,.certificate-sidebar-section textarea{width:100%;border:1px solid var(--sk-line-strong);border-radius:10px;padding:9px 10px;font-size:10px;outline:0;background:var(--sk-surface);color:var(--sk-ink)}.certificate-sidebar-select:focus,.certificate-sidebar-section textarea:focus{border-color:var(--cert-primary);box-shadow:0 0 0 3px rgba(79,70,229,.08)}.certificate-control-help{display:block;color:var(--sk-ink-soft);font-size:8px;line-height:1.7;margin-top:6px}

.certificate-background-list{display:grid;gap:9px}.certificate-background-list .certificate-background-card{border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:12px;padding:7px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;text-align:right;cursor:pointer;transition:.15s;color:var(--sk-ink)}.certificate-background-list .certificate-background-card:hover{border-color:var(--sk-amber)}.certificate-background-list .certificate-background-card.is-selected{border:2px solid var(--cert-primary);background:var(--cert-primary-soft);padding:6px}.certificate-background-thumb{position:relative;height:61px;border-radius:8px;overflow:hidden;background:var(--sk-surface-2)}.certificate-background-thumb img{width:100%;height:100%;object-fit:cover}.certificate-background-thumb i{position:absolute;left:4px;bottom:4px;width:18px;height:18px;border-radius:50%;display:none;place-items:center;background:var(--cert-primary);color:var(--sk-surface);font-style:normal;font-size:9px}.certificate-background-card.is-selected .certificate-background-thumb i{display:grid}.certificate-background-card>span:last-child{min-width:0;align-self:center}.certificate-background-card strong,.certificate-background-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certificate-background-card strong{font-size:9px}.certificate-background-card small{font-size:8px;color:var(--sk-ink-soft);margin-top:3px}

.certificate-token-list{display:grid;gap:7px}.certificate-token-item{border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:11px;min-height:57px;padding:7px;display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:7px;text-align:right;cursor:pointer;color:var(--sk-ink)}.certificate-token-item:hover{border-color:var(--sk-amber);background:var(--cert-primary-soft)}.certificate-token-item>span:first-child{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--sk-surface-2);color:var(--cert-primary);font-weight:900}.certificate-token-item strong,.certificate-token-item code{display:block}.certificate-token-item strong{font-size:9px}.certificate-token-item code{font-size:7px;color:var(--sk-ink-soft);direction:ltr;text-align:left;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.certificate-token-item>b{font-size:7px;color:var(--sk-ink-faint)}.certificate-token-help{margin-top:14px;padding:11px;border-radius:12px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line)}.certificate-token-help strong{font-size:10px;color:var(--sk-amber-deep)}.certificate-token-help p{font-size:8px;line-height:1.8;color:var(--sk-amber-deep);margin:5px 0 0}.certificate-token-help code{direction:ltr;display:inline-block;background:var(--sk-amber-soft);border-radius:4px;padding:0 3px}



/* Canvas */

.certificate-canvas-area{min-width:0;display:flex;flex-direction:column;background:var(--cert-editor-bg);overflow:hidden}.certificate-canvas-toolbar{height:49px;flex:0 0 auto;background:var(--sk-surface);border-bottom:1px solid var(--cert-line);display:flex;align-items:center;justify-content:space-between;padding:6px 10px;gap:10px}.certificate-canvas-tools,.certificate-canvas-context-actions,.certificate-canvas-display-actions{display:flex;align-items:center;gap:4px}.certificate-tool-button,.certificate-zoom-value,.certificate-canvas-context-actions button{height:34px;min-width:34px;border:0;border-radius:8px;background:transparent;color:var(--sk-ink-soft);display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:13px}.certificate-tool-button small{font-size:8px}.certificate-tool-button:hover,.certificate-zoom-value:hover,.certificate-canvas-context-actions button:hover{background:var(--sk-surface-2)}.certificate-tool-button.is-active{background:var(--cert-primary-soft);color:var(--cert-primary)}.certificate-zoom-value{font-size:9px;font-weight:900;min-width:44px}.certificate-toolbar-separator{width:1px;height:22px;background:var(--cert-line);margin:0 3px}.certificate-canvas-context-actions{opacity:0;pointer-events:none;transition:.15s;border:1px solid transparent;border-radius:9px;padding:1px}.certificate-canvas-context-actions.is-visible{opacity:1;pointer-events:auto;border-color:var(--cert-line)}.certificate-canvas-context-actions button.is-danger{color:var(--cert-danger)}.certificate-preview-scope{height:34px;border:1px solid var(--cert-line);border-radius:8px;font-size:9px;color:var(--sk-ink);background:var(--sk-surface);padding:0 8px;outline:0}

.certificate-stage{position:relative;flex:1;overflow:auto;direction:ltr;cursor:default;outline:0;scrollbar-color:var(--sk-line-strong) transparent;scrollbar-width:thin;background-color:var(--sk-line);background-image:radial-gradient(var(--sk-line-strong) 1px,transparent 1px);background-size:18px 18px}.certificate-stage.is-pan-ready{cursor:grab}.certificate-stage.is-panning{cursor:grabbing;user-select:none}.certificate-stage-inner{position:relative;margin:36px auto;direction:ltr}.certificate-design-canvas{position:absolute;left:0;top:0;transform-origin:0 0;background:var(--sk-surface);box-shadow:0 18px 55px rgba(16,24,40,.2);overflow:visible;user-select:none}.certificate-canvas-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.certificate-canvas-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(79,70,229,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.09) 1px,transparent 1px);z-index:2}.certificate-safe-area{position:absolute;border:2px dashed rgba(217,45,32,.45);pointer-events:none;z-index:3}.certificate-safe-area:after{content:"محدوده امن چاپ";position:absolute;top:4px;right:5px;color:rgba(217,45,32,.75);font-size:12px;font-weight:900;background:rgba(255,255,255,.72);padding:2px 5px;border-radius:4px}.certificate-elements-layer{position:absolute;inset:0;z-index:4}.certificate-guide{position:absolute;display:none;background:var(--sk-amber-deep);z-index:9999;pointer-events:none}.certificate-guide.is-visible{display:block}.certificate-guide-x{height:1px;left:0;right:0}.certificate-guide-y{width:1px;top:0;bottom:0}

.certificate-canvas-element{position:absolute;cursor:move;transform-origin:center;touch-action:none;outline:0}.certificate-canvas-element>*:not(.certificate-resize-handle):not(.certificate-rotation-handle):not(.certificate-element-lock-badge):not(.certificate-inline-text-editor):not(.certificate-inline-edit-button){pointer-events:none}.certificate-canvas-element.is-selected:before{content:"";position:absolute;inset:-3px;border:2px solid var(--cert-primary);z-index:1000;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.8)}.certificate-canvas-element.is-locked{cursor:not-allowed}.certificate-canvas-element.is-locked.is-selected:before{border-style:dashed;border-color:var(--sk-ink-soft)}.certificate-element-text{width:100%;height:100%;display:flex;white-space:pre-wrap;overflow:hidden;padding:2px;word-break:break-word}.certificate-canvas-element img{width:100%;height:100%;display:block}.certificate-asset-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--sk-amber);background:rgba(238,242,255,.86);color:var(--cert-primary);border-radius:10px;text-align:center}.certificate-asset-placeholder span{font-size:24px;font-weight:900}.certificate-asset-placeholder small{font-size:11px;font-weight:900;margin-top:4px}.certificate-shape-content{width:100%;height:100%}.certificate-divider-content{width:100%;height:50%;border-top-style:solid;position:absolute;top:50%}.certificate-element-lock-badge{position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--sk-ink);color:var(--sk-surface);font-size:9px;z-index:1002}

.certificate-resize-handle{position:absolute;width:12px;height:12px;border:2px solid var(--cert-primary);background:var(--sk-surface);border-radius:3px;z-index:1003;pointer-events:auto}.certificate-resize-handle.is-nw{right:calc(100% - 4px);bottom:calc(100% - 4px);cursor:nwse-resize}.certificate-resize-handle.is-n{left:50%;bottom:calc(100% - 4px);transform:translateX(-50%);cursor:ns-resize}.certificate-resize-handle.is-ne{left:calc(100% - 4px);bottom:calc(100% - 4px);cursor:nesw-resize}.certificate-resize-handle.is-e{left:calc(100% - 4px);top:50%;transform:translateY(-50%);cursor:ew-resize}.certificate-resize-handle.is-se{left:calc(100% - 4px);top:calc(100% - 4px);cursor:nwse-resize}.certificate-resize-handle.is-s{left:50%;top:calc(100% - 4px);transform:translateX(-50%);cursor:ns-resize}.certificate-resize-handle.is-sw{right:calc(100% - 4px);top:calc(100% - 4px);cursor:nesw-resize}.certificate-resize-handle.is-w{right:calc(100% - 4px);top:50%;transform:translateY(-50%);cursor:ew-resize}.certificate-rotation-handle{position:absolute;left:50%;bottom:calc(100% + 30px);transform:translateX(-50%);width:15px;height:15px;border:2px solid var(--cert-primary);background:var(--sk-surface);border-radius:50%;z-index:1003;cursor:grab;pointer-events:auto}.certificate-rotation-handle:after{content:"";position:absolute;width:2px;height:19px;background:var(--cert-primary);top:13px;left:5px}.certificate-stage-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;color:var(--sk-ink-soft);text-align:center}.certificate-stage-empty span{font-size:42px}.certificate-stage-empty strong,.certificate-stage-empty small{display:block}.certificate-stage-empty strong{font-size:14px;color:var(--sk-ink);margin:7px}.certificate-stage-empty small{font-size:10px}.certificate-canvas-footer{height:32px;flex:0 0 auto;border-top:1px solid var(--cert-line);background:var(--sk-surface);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;color:var(--sk-ink-soft);font-size:8px}.certificate-canvas-footer kbd,.certificate-shortcut-grid kbd{border:1px solid var(--sk-line-strong);border-bottom-width:2px;background:var(--sk-surface-2);border-radius:4px;padding:1px 4px;font-family:inherit;color:var(--sk-ink)}



/* Inspector */

.certificate-inspector-empty{height:75%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--sk-ink-soft);padding:25px}.certificate-inspector-empty>span{width:54px;height:54px;border-radius:16px;background:var(--sk-surface-2);display:grid;place-items:center;font-size:23px;color:var(--sk-ink-faint)}.certificate-inspector-empty strong{font-size:12px;color:var(--sk-ink);margin:12px 0 5px}.certificate-inspector-empty p{font-size:9px;line-height:1.8;margin:0}.certificate-inspector-section{border-bottom:1px solid var(--sk-surface-2);padding-bottom:15px;margin-bottom:15px}.certificate-inspector-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.certificate-inspector-section-title strong{font-size:11px}.certificate-inspector-section-title span{font-size:7px;color:var(--sk-ink-faint)}.certificate-inspector-field{display:grid;gap:5px;margin-bottom:9px;color:var(--sk-ink-soft);font-size:9px;font-weight:800}.certificate-inspector-field>span{display:flex;justify-content:space-between}.certificate-inspector-field input:not([type=checkbox]):not([type=range]):not([type=color]),.certificate-inspector-field textarea,.certificate-inspector-field select{width:100%;border:1px solid var(--sk-line-strong);border-radius:9px;padding:7px 8px;outline:0;color:var(--sk-ink);background:var(--sk-surface);font-size:9px}.certificate-inspector-field textarea{resize:vertical;line-height:1.7}.certificate-inspector-field input:focus,.certificate-inspector-field textarea:focus,.certificate-inspector-field select:focus{border-color:var(--cert-primary);box-shadow:0 0 0 3px rgba(79,70,229,.07)}.certificate-inspector-grid{display:grid;gap:7px}.certificate-inspector-grid-2{grid-template-columns:1fr 1fr}.certificate-input-suffix{position:relative}.certificate-input-suffix b{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:7px;color:var(--sk-ink-faint);pointer-events:none}.certificate-input-suffix input{direction:ltr;text-align:left;padding-left:28px!important}.certificate-segment-control{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--sk-line-strong);border-radius:9px;padding:3px;gap:2px}.certificate-segment-control button{border:0;background:transparent;border-radius:6px;height:28px;color:var(--sk-ink-soft);cursor:pointer}.certificate-segment-control button.is-active{background:var(--cert-primary-soft);color:var(--cert-primary)}.certificate-color-control{display:grid;grid-template-columns:32px 1fr;border:1px solid var(--sk-line-strong);border-radius:9px;overflow:hidden}.certificate-color-control input[type=color]{width:32px;height:31px;padding:4px;border:0;background:var(--sk-surface)}.certificate-color-control input[type=text]{border:0!important;border-right:1px solid var(--sk-line)!important;border-radius:0!important;font-size:8px!important}.certificate-inline-token-buttons{display:flex;gap:4px;flex-wrap:wrap}.certificate-inline-token-buttons button{border:1px solid var(--sk-amber-soft);background:var(--cert-primary-soft);color:var(--cert-primary);border-radius:7px;font-size:7px;padding:4px 6px;cursor:pointer;direction:ltr}.certificate-sample-value{padding:9px;border:1px dashed var(--sk-amber-line);background:var(--sk-surface-2);border-radius:9px}.certificate-sample-value span,.certificate-sample-value strong{display:block}.certificate-sample-value span{font-size:7px;color:var(--sk-ink-soft)}.certificate-sample-value strong{font-size:10px;margin-top:3px}.certificate-asset-inspector-preview{min-height:96px;border:1px dashed var(--sk-line-strong);border-radius:10px;background:var(--sk-surface-2);display:grid;place-items:center;padding:8px;margin-bottom:9px;color:var(--sk-ink-soft);text-align:center;font-size:8px}.certificate-asset-inspector-preview img{max-width:100%;max-height:82px;object-fit:contain}.certificate-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.certificate-toggle-row label{border:1px solid var(--cert-line);border-radius:9px;padding:8px;display:flex;align-items:center;gap:6px;font-size:8px;cursor:pointer}.certificate-toggle-row input{accent-color:var(--cert-primary)}.certificate-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.certificate-inspector-actions button{height:36px;border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:9px;color:var(--sk-ink);font-size:9px;font-weight:900;cursor:pointer}.certificate-inspector-actions button:hover{background:var(--sk-surface-2)}.certificate-inspector-actions button.is-danger{color:var(--cert-danger);border-color:var(--sk-danger-soft)}.certificate-inspector-field input[type=range]{width:100%;accent-color:var(--cert-primary)}

.certificate-layer-list{display:grid;gap:5px}.certificate-layer-item{border:1px solid transparent;border-radius:10px;padding:4px;display:grid;grid-template-columns:minmax(0,1fr) 27px 27px;align-items:center;gap:3px}.certificate-layer-item:hover{background:var(--sk-surface-2)}.certificate-layer-item.is-selected{border-color:var(--sk-amber-line);background:var(--cert-primary-soft)}.certificate-layer-main{border:0;background:transparent;display:flex;align-items:center;gap:7px;min-width:0;text-align:right;padding:4px;cursor:pointer;color:var(--sk-ink)}.certificate-layer-main>span:last-child{min-width:0}.certificate-layer-main strong,.certificate-layer-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certificate-layer-main strong{font-size:9px}.certificate-layer-main small{font-size:7px;color:var(--sk-ink-faint)}.certificate-layer-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--sk-surface);border:1px solid var(--cert-line);font-size:9px;color:var(--cert-primary);flex:0 0 auto}.certificate-layer-item>button:not(.certificate-layer-main){width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:var(--sk-ink-soft);font-size:9px;cursor:pointer}.certificate-layer-item>button:not(.certificate-layer-main):hover{background:var(--sk-surface)}

.certificate-readiness-summary{display:flex;align-items:center;gap:10px;border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);border-radius:13px;padding:11px;margin-bottom:12px}.certificate-readiness-summary>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--sk-amber-deep);color:var(--sk-surface);font-weight:900;flex:0 0 auto}.certificate-readiness-summary>span.is-ready{background:var(--cert-success)}.certificate-readiness-summary strong,.certificate-readiness-summary p{display:block}.certificate-readiness-summary strong{font-size:10px}.certificate-readiness-summary p{font-size:8px;color:var(--sk-ink-soft);margin:3px 0 0}.certificate-readiness-group{border:1px solid var(--cert-line);border-radius:12px;margin-bottom:8px;overflow:hidden}.certificate-readiness-group header{padding:9px;display:grid;grid-template-columns:27px minmax(0,1fr) 22px;align-items:center;gap:7px;background:var(--sk-surface-2)}.certificate-readiness-group header>span{width:27px;height:27px;border-radius:8px;background:var(--sk-surface);display:grid;place-items:center;color:var(--sk-ink-soft)}.certificate-readiness-group header strong{font-size:9px}.certificate-readiness-group header b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--sk-danger);color:var(--sk-surface);font-size:8px}.certificate-readiness-group.is-ready header b{background:var(--cert-success)}.certificate-readiness-group ul{margin:0;padding:9px 25px 9px 9px;color:var(--sk-danger);background:var(--sk-danger-soft)}.certificate-readiness-group li{font-size:8px;line-height:1.8;margin-bottom:3px}.certificate-readiness-group>p{margin:0;padding:8px 10px;color:var(--cert-success);font-size:8px;font-weight:900}.certificate-version-history{border-top:1px solid var(--cert-line);margin-top:16px;padding-top:14px}.certificate-history-item{display:grid;grid-template-columns:31px minmax(0,1fr) 45px;align-items:center;gap:7px;padding:7px;border-radius:9px;margin-bottom:4px}.certificate-history-item.is-current{background:var(--cert-primary-soft)}.certificate-history-item>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--sk-surface-2);font-size:8px;font-weight:900}.certificate-history-item strong,.certificate-history-item small{display:block}.certificate-history-item strong{font-size:8px}.certificate-history-item small{font-size:7px;color:var(--sk-ink-faint)}.certificate-history-item code{font-size:7px;color:var(--sk-ink-faint);direction:ltr;overflow:hidden}



/* Toasts and modals */

.certificate-editor-toast-region{position:fixed;left:20px;bottom:20px;z-index:10050;display:grid;gap:8px;width:min(360px,calc(100vw - 40px))}.certificate-toast{background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:13px;box-shadow:0 16px 40px rgba(16,24,40,.16);padding:10px;display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:8px;transform:translateY(15px);opacity:0;transition:.2s}.certificate-toast.is-visible{transform:none;opacity:1}.certificate-toast>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-weight:900}.certificate-toast.is-success>span{background:var(--sk-ok-soft);color:var(--cert-success)}.certificate-toast.is-error>span{background:var(--sk-danger-soft);color:var(--cert-danger)}.certificate-toast p{margin:0;font-size:10px;line-height:1.6;color:var(--sk-ink)}.certificate-toast button{border:0;background:transparent;color:var(--sk-ink-faint);font-size:17px;cursor:pointer}

.certificate-modal[hidden]{display:none}.certificate-modal{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:20px;opacity:0;transition:.18s}.certificate-modal.is-open{opacity:1}.certificate-modal-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.6);backdrop-filter:blur(3px)}.certificate-modal-card{position:relative;width:min(650px,100%);max-height:90vh;overflow:auto;background:var(--sk-surface);border-radius:20px;box-shadow:0 26px 80px rgba(16,24,40,.3);padding:22px;transform:translateY(10px) scale(.98);transition:.18s}.certificate-modal.is-open .certificate-modal-card{transform:none}.certificate-modal-card>header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--cert-line);padding-bottom:14px;margin-bottom:16px}.certificate-modal-card h2{margin:0;font-size:20px}.certificate-modal-card>header>button{width:34px;height:34px;border:0;border-radius:10px;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-size:20px;cursor:pointer}.certificate-modal-card>footer{border-top:1px solid var(--cert-line);padding-top:15px;margin-top:18px;display:flex;justify-content:flex-end;gap:9px}.certificate-shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.certificate-shortcut-grid>div{border:1px solid var(--cert-line);border-radius:11px;padding:10px;display:flex;align-items:center;gap:5px;font-size:9px}.certificate-shortcut-grid span{margin-right:auto;color:var(--sk-ink-soft)}.certificate-publish-status{display:flex;align-items:center;gap:12px;border-radius:14px;padding:13px;background:var(--sk-danger-soft);border:1px solid var(--sk-danger-soft)}.certificate-publish-status.is-ready{background:var(--sk-ok-soft);border-color:var(--sk-ok-line)}.certificate-publish-status>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--cert-danger);color:var(--sk-surface);font-weight:900}.certificate-publish-status.is-ready>span{background:var(--cert-success)}.certificate-publish-status strong{font-size:12px}.certificate-publish-status p{font-size:9px;color:var(--sk-ink-soft);margin:3px 0 0}.certificate-publish-errors{background:var(--sk-danger-soft);color:var(--sk-danger);border-radius:12px;padding:12px 30px 12px 12px}.certificate-publish-errors li{font-size:9px;line-height:1.9}.certificate-publish-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.certificate-publish-checks span{border:1px solid var(--sk-ok-line);background:var(--sk-ok-soft);color:var(--sk-ok);border-radius:10px;padding:9px;font-size:9px;font-weight:900}.certificate-conflict-modal{max-width:520px}.certificate-conflict-modal p{color:var(--sk-ink-soft);line-height:1.9;font-size:11px}.certificate-modal-open{overflow:hidden}



/* Modern template list cards */

.certificate-template-page{direction:rtl}.certificate-template-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.certificate-template-header h1{margin:0 0 5px;font-size:28px}.certificate-template-header p{margin:0;color:var(--cert-muted)}.certificate-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.certificate-template-card{background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:19px;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.05);transition:.18s}.certificate-template-card:hover{transform:translateY(-2px);box-shadow:var(--cert-shadow)}.certificate-template-thumb{display:block;position:relative;aspect-ratio:1.41;background:var(--sk-surface-2);overflow:hidden}.certificate-template-thumb img{width:100%;height:100%;object-fit:cover}.certificate-template-status{position:absolute;top:9px;right:9px;border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.93);font-size:9px;font-weight:900;box-shadow:0 3px 10px rgba(16,24,40,.12)}.certificate-template-status.is-published{color:var(--sk-ok)}.certificate-template-status.is-draft{color:var(--sk-amber-deep)}.certificate-template-body{padding:15px}.certificate-template-body h3{font-size:14px;margin:0 0 5px}.certificate-template-body>p{font-size:10px;color:var(--cert-muted);margin:0 0 12px}.certificate-template-chips{display:flex;gap:5px;flex-wrap:wrap}.certificate-template-chips span{background:var(--sk-surface-2);color:var(--sk-ink-soft);border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.certificate-template-version-row{margin-top:13px;border-top:1px solid var(--sk-surface-2);padding-top:11px;display:flex;justify-content:space-between;gap:8px;font-size:9px}.certificate-template-version-row span{color:var(--cert-muted)}.certificate-template-actions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}.certificate-template-actions a,.certificate-template-actions button{height:38px;border-radius:10px;border:1px solid var(--cert-line);background:var(--sk-surface);color:var(--sk-ink);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;cursor:pointer}.certificate-template-actions .is-primary{background:var(--cert-primary);color:var(--sk-surface);border-color:var(--cert-primary)}.certificate-list-owner-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.certificate-list-owner-tabs a{background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:999px;padding:8px 13px;font-size:10px;font-weight:900}.certificate-list-owner-tabs a:hover{border-color:var(--cert-primary);color:var(--cert-primary)}



@media(max-width:1350px){.certificate-editor-layout{grid-template-columns:254px minmax(360px,1fr) 290px}.certificate-editor-meta{display:none}.certificate-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:1100px){

  .certificate-setup-layout{grid-template-columns:1fr}.certificate-setup-aside{position:static}.certificate-summary-card{max-width:none}.certificate-choice-grid{grid-template-columns:1fr}.certificate-background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .certificate-editor-page{overflow:visible}.certificate-editor-layout{grid-template-columns:1fr;height:calc(100vh - 208px);min-height:520px}.certificate-editor-sidebar{position:fixed;top:0;bottom:0;width:min(340px,90vw);z-index:10030;box-shadow:0 0 50px rgba(16,24,40,.25);transition:transform .22s}.certificate-library-panel{right:0;transform:translateX(110%)}.certificate-inspector-panel{left:0;transform:translateX(-110%)}.certificate-editor-sidebar.is-mobile-open{transform:none}.certificate-panel-close{display:grid;place-items:center}.certificate-editor-mobilebar{display:flex;height:44px;background:var(--sk-surface);border-bottom:1px solid var(--cert-line);align-items:center;justify-content:center;gap:7px;padding:5px}.certificate-editor-mobilebar button{height:33px;border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:9px;color:var(--sk-ink);font-size:9px;font-weight:900;padding:0 11px}.certificate-panel-open:after{content:"";position:fixed;inset:0;background:rgba(16,24,40,.4);z-index:10020}.certificate-editor-header{height:78px}.certificate-editor-actions .certificate-secondary-button,.certificate-save-indicator{display:none}.certificate-editor-layout{height:calc(100vh - 206px)}

}

@media(max-width:860px){.certificate-editor-page{margin:-18px -18px -60px;min-height:calc(100vh - 84px)}.certificate-page-header{align-items:flex-start}.certificate-owner-chip{display:none}.certificate-stepper{grid-template-columns:1fr 1fr}.certificate-stepper li:nth-child(2):after{display:none}.certificate-editor-title-wrap{min-width:150px}.certificate-editor-brandmark{display:none}.certificate-editor-header{padding:9px}.certificate-history-actions{display:none}.certificate-publish-button span{display:none}.certificate-publish-button{width:40px;padding:0}.certificate-template-grid{grid-template-columns:1fr}}

@media(max-width:620px){.certificate-page-header{display:block}.certificate-page-heading h1{font-size:24px}.certificate-stepper{display:none}.certificate-section-card{padding:16px}.certificate-background-grid{grid-template-columns:1fr}.certificate-summary-card{padding:18px}.certificate-choice-card{min-height:90px}.certificate-editor-title-wrap{min-width:0;max-width:190px}.certificate-editor-actions{gap:4px}.certificate-editor-header{gap:6px}.certificate-editor-titlebar{gap:6px;min-width:0}.certificate-editor-back{width:34px;height:34px}.certificate-editor-title-wrap input{font-size:11px}.certificate-canvas-toolbar{padding:5px}.certificate-canvas-tools .certificate-toolbar-separator,.certificate-canvas-tools [data-action='select']{display:none}.certificate-tool-button{min-width:30px}.certificate-canvas-context-actions{position:absolute;top:54px;right:50%;transform:translateX(50%);z-index:5;background:var(--sk-surface);box-shadow:0 6px 18px rgba(16,24,40,.1)}.certificate-canvas-display-actions .certificate-preview-scope{max-width:105px}.certificate-canvas-footer span:not(:last-child){display:none}.certificate-shortcut-grid,.certificate-publish-checks{grid-template-columns:1fr}.certificate-modal-card{padding:16px}.certificate-template-header{display:block}.certificate-template-header .certificate-primary-button{margin-top:12px;width:100%}}

.cert-detail-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,420px);gap:16px;margin-bottom:18px}.cert-meta-card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:24px;padding:20px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.cert-meta-card h2{margin:0 0 14px;font-size:1.05rem;color:var(--sk-ink)}.cert-meta-card dl{display:grid;grid-template-columns:130px 1fr;gap:10px 14px;margin:0}.cert-meta-card dt{font-weight:900;color:var(--sk-ink-soft)}.cert-meta-card dd{margin:0;color:var(--sk-ink);word-break:break-word}.cert-action-stack{display:grid;gap:12px}.cert-action-stack form{margin:0}.tk-btn.danger{background:var(--sk-danger-soft);color:var(--sk-danger);box-shadow:none}.cert-revoke-form label{display:block;margin-bottom:7px;font-weight:900;color:var(--sk-ink)}.cert-revoke-form textarea{width:100%;border:1px solid var(--sk-line);border-radius:16px;padding:12px;resize:vertical;margin-bottom:10px}.cert-events{margin-top:18px}.cert-events ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cert-events li{display:grid;grid-template-columns:1fr auto;gap:6px;background:var(--sk-surface-2);border:1px solid var(--sk-surface-2);border-radius:16px;padding:11px}.cert-events li small{grid-column:1/-1;color:var(--sk-ink-soft)}.verify-badge.invalid{background:var(--sk-danger-soft);color:var(--sk-danger)}@media(max-width:860px){.cert-detail-grid{grid-template-columns:1fr}.cert-meta-card dl{grid-template-columns:1fr}.cert-events li{grid-template-columns:1fr}}



/* Phase 5 — certificate operations, audit and public verification */

.cert-page{direction:rtl}.cert-management-page,.cert-detail-page{max-width:1480px;margin:0 auto}.cert-management-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:18px;border:1px solid var(--sk-line);border-radius:24px;background:linear-gradient(135deg,var(--sk-surface) 0%,var(--sk-surface-2) 58%,var(--sk-amber-soft) 100%);box-shadow:0 12px 30px rgba(15,23,42,.055)}.cert-management-hero h1{margin:4px 0 8px;color:var(--sk-ink);font-size:clamp(1.45rem,2vw,2rem)}.cert-management-hero p{max-width:760px;margin:0;color:var(--sk-ink-soft);line-height:1.9}.cert-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-size:.72rem;font-weight:900}.cert-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cert-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.cert-kpi-card{display:flex;min-height:98px;flex-direction:column;justify-content:center;padding:16px;border:1px solid var(--sk-line);border-radius:19px;background:var(--sk-surface);color:var(--sk-ink-soft);box-shadow:0 8px 22px rgba(15,23,42,.04);transition:transform .16s,border-color .16s,box-shadow .16s}.cert-kpi-card:hover{transform:translateY(-2px);border-color:var(--sk-line-strong);box-shadow:0 14px 28px rgba(15,23,42,.08)}.cert-kpi-card strong{margin-top:6px;color:var(--sk-ink);font-size:1.65rem}.cert-kpi-card.is-success{border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}.cert-kpi-card.is-warning{border-color:var(--sk-amber-line);background:var(--sk-amber-soft)}.cert-kpi-card.is-danger{border-color:var(--sk-danger-soft);background:var(--sk-danger-soft)}.cert-filter-card,.cert-table-card,.cert-chain-card{border:1px solid var(--sk-line);border-radius:21px;background:var(--sk-surface);box-shadow:0 8px 22px rgba(15,23,42,.04)}.cert-filter-card{padding:18px;margin-bottom:16px}.cert-filter-form{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(125px,1fr));gap:13px;align-items:end}.cert-filter-field{display:grid;gap:6px}.cert-filter-field label{font-size:.76rem;font-weight:900;color:var(--sk-ink-soft)}.cert-filter-field input,.cert-filter-field select,.cert-action-stack input,.cert-action-stack select,.cert-action-stack textarea{width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);color:var(--sk-ink);outline:none;transition:border-color .15s,box-shadow .15s}.cert-filter-field input:focus,.cert-filter-field select:focus,.cert-action-stack input:focus,.cert-action-stack select:focus,.cert-action-stack textarea:focus{border-color:var(--sk-amber-deep);box-shadow:0 0 0 3px rgba(64,97,180,.12)}.cert-filter-check{display:flex;min-height:43px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--sk-line);border-radius:12px;color:var(--sk-ink-soft);font-size:.8rem;font-weight:800}.cert-filter-check input{width:17px;height:17px}.cert-filter-actions{display:flex;gap:8px;align-items:center}.cert-filter-errors{grid-column:1/-1;padding:9px 12px;border-radius:10px;background:var(--sk-danger-soft);color:var(--sk-danger);font-size:.8rem}.cert-bulk-toolbar{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 14px;margin-bottom:10px;border:1px solid var(--sk-line);border-radius:17px;background:var(--sk-surface-2)}.cert-bulk-toolbar>div{margin-left:auto;color:var(--sk-ink-soft)}.cert-bulk-toolbar strong{color:var(--sk-ink);font-size:1.12rem}.cert-bulk-toolbar select{min-width:190px;height:40px;border:1px solid var(--sk-line);border-radius:11px;padding:0 10px;background:var(--sk-surface)}.cert-bulk-toolbar button:disabled{opacity:.45;cursor:not-allowed}.cert-table-scroll{overflow:auto;border-radius:21px}.cert-management-table{width:100%;min-width:920px;border-collapse:collapse}.cert-management-table th{padding:13px 14px;background:var(--sk-surface-2);color:var(--sk-ink-soft);text-align:right;font-size:.76rem;font-weight:900;white-space:nowrap}.cert-management-table td{padding:14px;border-top:1px solid var(--sk-surface-2);color:var(--sk-ink);vertical-align:middle}.cert-management-table tbody tr:hover{background:var(--sk-surface-2)}.cert-management-table td strong,.cert-management-table td span,.cert-management-table td small{display:block}.cert-management-table td small{margin-top:4px;color:var(--sk-ink-faint);font-size:.71rem}.cert-row-link{display:inline-flex;padding:7px 11px;border-radius:10px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-weight:900;font-size:.77rem}.cert-mono{direction:ltr;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.015em}.cert-status{display:inline-flex!important;width:max-content;align-items:center;padding:5px 9px;border-radius:999px;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-size:.7rem;font-weight:900}.cert-status.is-success{background:var(--sk-ok-soft);color:var(--sk-ok)}.cert-status.is-warning{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}.cert-status.is-danger{background:var(--sk-danger-soft);color:var(--sk-danger)}.cert-status.is-info{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}.cert-status.is-muted{background:var(--sk-line);color:var(--sk-ink-soft)}.cert-error-code{direction:ltr;color:var(--sk-danger)!important}.cert-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.cert-pagination a,.cert-pagination span{padding:8px 12px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface);color:var(--sk-ink-soft);font-size:.8rem}.cert-empty{padding:34px 20px;border:1px dashed var(--sk-line-strong);border-radius:18px;background:var(--sk-surface-2);color:var(--sk-ink-soft);text-align:center}.cert-empty-danger{border-color:var(--sk-danger-soft);background:var(--sk-danger-soft);color:var(--sk-danger)}.cert-student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cert-card{display:grid;gap:10px;min-height:190px;padding:18px;border:1px solid var(--sk-line);border-radius:20px;background:var(--sk-surface);color:var(--sk-ink);box-shadow:0 8px 22px rgba(15,23,42,.045);transition:.16s}.cert-card:hover{transform:translateY(-2px);border-color:var(--sk-line-strong);box-shadow:0 14px 30px rgba(15,23,42,.08)}.cert-card>strong{color:var(--sk-ink);font-size:1rem}.cert-card>span,.cert-card>time,.cert-card>small{color:var(--sk-ink-soft);font-size:.78rem}.cert-card-top{display:flex;align-items:center;justify-content:space-between}.cert-detail-heading-line{display:flex;align-items:center;gap:9px;color:var(--sk-ink-soft);font-size:.78rem}.cert-chain-card{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 17px;margin-bottom:16px}.cert-chain-card a{padding:6px 9px;border-radius:9px;background:var(--sk-surface-2);color:var(--sk-amber-deep);font-size:.76rem}.cert-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;margin-bottom:18px}.cert-meta-card{padding:21px;border:1px solid var(--sk-line);border-radius:22px;background:var(--sk-surface);box-shadow:0 8px 22px rgba(15,23,42,.04)}.cert-meta-card h2{margin:0 0 16px;color:var(--sk-ink);font-size:1.03rem}.cert-meta-card dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:11px 16px;margin:0}.cert-meta-card dt{color:var(--sk-ink-soft);font-size:.78rem;font-weight:900}.cert-meta-card dd{margin:0;color:var(--sk-ink);word-break:break-word}.cert-action-stack{display:grid;gap:10px}.cert-action-stack details{border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface-2)}.cert-action-stack summary{padding:12px 14px;color:var(--sk-ink);font-size:.82rem;font-weight:900;cursor:pointer}.cert-action-stack form{display:grid;gap:9px;padding:0 14px 14px}.cert-action-stack label{color:var(--sk-ink-soft);font-size:.75rem;font-weight:900}.cert-confirm-check{display:flex!important;align-items:flex-start;gap:8px}.cert-confirm-check input{width:17px!important;min-height:17px!important;margin-top:2px}.cert-preview-frame{margin:0 0 18px;padding:12px;border:1px solid var(--sk-line);border-radius:22px;background:var(--sk-surface-2);text-align:center}.cert-preview-img{display:block;max-width:100%;max-height:760px;margin:0 auto;border-radius:13px;box-shadow:0 12px 34px rgba(15,23,42,.15)}.cert-preview-frame figcaption{margin-top:10px;color:var(--sk-ink-soft);font-size:.74rem}.cert-events ol{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}.cert-events li{position:relative;display:grid;grid-template-columns:16px 1fr;gap:11px;padding:4px 0 18px}.cert-events li:not(:last-child):before{content:"";position:absolute;top:15px;right:7px;bottom:-4px;width:1px;background:var(--sk-line)}.cert-event-dot{position:relative;z-index:1;width:15px;height:15px;margin-top:4px;border:4px solid var(--sk-amber-soft);border-radius:50%;background:var(--sk-amber-deep)}.cert-events b{color:var(--sk-ink);font-size:.81rem}.cert-events time{margin-right:8px;color:var(--sk-ink-faint);font-size:.7rem}.cert-events small,.cert-events p{display:block;margin:4px 0 0;color:var(--sk-ink-soft);font-size:.73rem;line-height:1.8}.tk-btn.danger{border-color:var(--sk-danger-soft);background:var(--sk-danger-soft);color:var(--sk-danger);box-shadow:none}

.certificate-public-body{min-height:100vh;margin:0;background:radial-gradient(circle at 12% 12%,var(--sk-amber-soft) 0,transparent 28%),radial-gradient(circle at 90% 88%,var(--sk-ok-soft) 0,transparent 27%),var(--sk-surface-2);color:var(--sk-ink)}.verify-shell{display:grid;min-height:100vh;place-items:center;padding:28px 16px}.verify-search-card,.verify-result-card{width:min(100%,760px);padding:30px;border:1px solid rgba(207,219,236,.92);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(34,52,86,.13);backdrop-filter:blur(10px)}.verify-search-card{max-width:590px;text-align:center}.verify-brand{display:inline-flex;align-items:center;gap:10px;color:var(--sk-ink);text-align:right}.verify-brand-mark{display:grid;width:45px;height:45px;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--sk-amber-deep),var(--sk-amber-deep));color:var(--sk-surface);font-weight:950;box-shadow:0 8px 20px rgba(41,77,164,.24)}.verify-brand strong,.verify-brand small{display:block}.verify-brand small{margin-top:2px;color:var(--sk-ink-faint);font-size:.67rem}.verify-search-icon,.verify-result-symbol{display:grid;width:72px;height:72px;place-items:center;margin:26px auto 16px;border-radius:24px;background:var(--sk-ok-soft);color:var(--sk-ok);font-size:2.15rem;font-weight:950}.verify-search-card h1,.verify-result-card h1{margin:0 0 10px;color:var(--sk-ink);font-size:clamp(1.35rem,3vw,2rem)}.verify-search-card>p,.verify-result-intro p,.verify-result-card.is-unavailable>p{margin:0 auto;color:var(--sk-ink-soft);line-height:2}.verify-form{display:grid;gap:8px;margin:24px 0 18px;text-align:right}.verify-form label{color:var(--sk-ink);font-size:.8rem;font-weight:900}.verify-form input{width:100%;height:50px;padding:0 14px;border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);color:var(--sk-ink);text-align:left;direction:ltr;outline:none}.verify-form input:focus{border-color:var(--sk-amber-deep);box-shadow:0 0 0 4px rgba(77,112,196,.13)}.verify-field-error{color:var(--sk-danger);font-size:.75rem}.verify-primary-button{display:flex;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--sk-amber-deep),var(--sk-amber-deep));color:var(--sk-surface);font-weight:900;cursor:pointer;box-shadow:0 10px 20px rgba(41,77,164,.2)}.verify-help{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface-2);color:var(--sk-ink-soft);text-align:right}.verify-help p{margin:0;font-size:.74rem;line-height:1.8}.verify-result-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:19px;border-bottom:1px solid var(--sk-surface-2)}.verify-result-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:.75rem;font-weight:900}.verify-result-pill b{font-size:1rem}.verify-result-pill.is-valid{background:var(--sk-ok-soft);color:var(--sk-ok)}.verify-result-pill.is-revoked{background:var(--sk-danger-soft);color:var(--sk-danger)}.verify-result-pill.is-superseded{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}.verify-result-intro{display:flex;align-items:center;gap:17px;padding:24px 0}.verify-result-intro .verify-result-symbol{flex:0 0 64px;width:64px;height:64px;margin:0;border-radius:20px}.verify-result-card.is-revoked .verify-result-symbol,.verify-result-card.is-unavailable .verify-result-symbol{background:var(--sk-danger-soft);color:var(--sk-danger)}.verify-result-card.is-superseded .verify-result-symbol{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}.verify-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;overflow:hidden;border:1px solid var(--sk-line);border-radius:18px;background:var(--sk-line)}.verify-data-grid>div{min-width:0;padding:13px 15px;background:var(--sk-surface)}.verify-data-grid dt{margin-bottom:5px;color:var(--sk-ink-faint);font-size:.69rem;font-weight:900}.verify-data-grid dd{margin:0;color:var(--sk-ink);font-size:.86rem;font-weight:800;word-break:break-word}.verify-alert{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding:13px 15px;border-radius:14px}.verify-alert.is-danger{border:1px solid var(--sk-danger-soft);background:var(--sk-danger-soft);color:var(--sk-danger)}.verify-alert.is-warning{border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}.verify-alert span{font-size:.77rem}.verify-alert a{margin-right:auto;text-decoration:underline;font-weight:900}.verify-result-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;padding-top:17px;border-top:1px solid var(--sk-surface-2)}.verify-result-footer p{margin:0;color:var(--sk-ink-soft);font-size:.74rem}.verify-result-footer a{color:var(--sk-amber-deep);font-size:.78rem;font-weight:900}.verify-result-card.is-unavailable{text-align:center}.verify-result-card.is-unavailable .verify-brand{margin-bottom:6px}.verify-result-card.is-unavailable .verify-primary-button{margin-top:21px}.verify-result-card.is-unavailable .verify-help{margin-top:16px}

@media(max-width:1200px){.cert-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cert-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.cert-filter-search{grid-column:span 2}.cert-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:820px){.cert-management-hero{display:grid;padding:20px}.cert-management-hero>.tk-btn,.cert-management-hero>.cert-actions{width:100%}.cert-actions{justify-content:flex-start}.cert-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-filter-form{grid-template-columns:1fr 1fr}.cert-filter-search{grid-column:1/-1}.cert-detail-grid{grid-template-columns:1fr}.cert-meta-card dl{grid-template-columns:1fr}.cert-bulk-toolbar{align-items:stretch;flex-direction:column}.cert-bulk-toolbar>div{margin-left:0}.cert-student-grid{grid-template-columns:1fr}.verify-result-header,.verify-result-footer{align-items:flex-start;flex-direction:column}.verify-data-grid{grid-template-columns:1fr}.verify-search-card,.verify-result-card{padding:22px}.verify-result-intro{align-items:flex-start}.verify-result-intro .verify-result-symbol{flex-basis:52px;width:52px;height:52px;border-radius:16px;font-size:1.6rem}}

@media(max-width:560px){.cert-kpi-grid,.cert-filter-form{grid-template-columns:1fr}.cert-filter-search{grid-column:auto}.cert-filter-actions{display:grid;grid-template-columns:1fr 1fr}.cert-management-hero{border-radius:18px}.cert-meta-card{padding:16px}.verify-shell{padding:14px}.verify-search-card,.verify-result-card{padding:18px;border-radius:21px}.verify-result-intro{display:block}.verify-result-intro .verify-result-symbol{margin-bottom:13px}.verify-result-pill{align-self:flex-start}.verify-brand-mark{width:40px;height:40px}}



/* Phase 5 management scopes */

.cert-scope-tabs{display:flex;gap:.55rem;overflow:auto;padding:.25rem 0 .4rem;scrollbar-width:thin}

.cert-scope-tabs a{white-space:nowrap;border:1px solid var(--tk-border,var(--sk-line));border-radius:999px;padding:.62rem .95rem;background:var(--sk-surface);color:var(--tk-muted,var(--sk-ink-soft));font-weight:700;text-decoration:none;transition:.18s ease}

.cert-scope-tabs a:hover{border-color:var(--tk-primary,var(--sk-amber-deep));color:var(--tk-primary,var(--sk-amber-deep))}

.cert-scope-tabs a.is-active{background:var(--tk-primary,var(--sk-amber-deep));border-color:var(--tk-primary,var(--sk-amber-deep));color:var(--sk-surface);box-shadow:0 8px 20px rgba(79,70,229,.18)}



/* Phase 5 — management scopes, integrity and student certificate UX */

.cert-management-page,.cert-detail-page,.cert-student-page{max-width:1480px;margin-inline:auto}

.cert-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.cert-scope-switch,.cert-student-filters{display:flex;align-items:center;gap:7px;overflow:auto;margin:0 0 16px;padding:6px;border:1px solid var(--sk-line);border-radius:16px;background:var(--sk-surface);box-shadow:0 7px 20px rgba(15,23,42,.035);scrollbar-width:thin}

.cert-scope-switch a,.cert-student-filters a{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:39px;padding:0 13px;border-radius:11px;color:var(--sk-ink-soft);font-size:.78rem;font-weight:900;transition:.16s ease}

.cert-scope-switch a:hover,.cert-student-filters a:hover{background:var(--sk-surface-2);color:var(--sk-amber-deep)}

.cert-scope-switch a.is-active,.cert-student-filters a.is-active{background:var(--sk-amber-soft);color:var(--sk-amber-deep);box-shadow:inset 0 0 0 1px var(--sk-line)}

.cert-student-filters b{display:grid;min-width:22px;height:22px;place-items:center;padding-inline:5px;border-radius:999px;background:rgba(255,255,255,.78);font-size:.68rem}

.cert-check-disabled{display:inline-grid;width:18px;height:18px;place-items:center;border-radius:5px;background:var(--sk-surface-2);color:var(--sk-ink-faint);font-size:.7rem}

.cert-detail-back{margin:0 0 10px}

.cert-detail-back a{display:inline-flex;align-items:center;min-height:34px;padding:0 9px;border-radius:9px;color:var(--sk-amber-deep);font-size:.77rem;font-weight:900}

.cert-detail-back a:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}

.cert-operation-empty{margin:0;padding:14px;border:1px dashed var(--sk-line);border-radius:13px;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-size:.78rem;line-height:1.8}

.cert-integrity-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:15px 18px;border:1px solid var(--sk-line);border-radius:18px;background:var(--sk-surface);box-shadow:0 7px 20px rgba(15,23,42,.035)}

.cert-integrity-card>div{display:flex;align-items:center;gap:12px}.cert-integrity-card>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;font-size:1.1rem;font-weight:950}.cert-integrity-card strong{display:block;color:var(--sk-ink);font-size:.88rem}.cert-integrity-card p,.cert-integrity-card small{margin:3px 0 0;color:var(--sk-ink-soft);font-size:.72rem}.cert-integrity-card.is-valid{border-color:var(--sk-ok-line);background:var(--sk-ok-soft)}.cert-integrity-card.is-valid>div>span{background:var(--sk-ok-soft);color:var(--sk-ok)}.cert-integrity-card.is-invalid{border-color:var(--sk-danger-soft);background:var(--sk-danger-soft)}.cert-integrity-card.is-invalid>div>span{background:var(--sk-danger-soft);color:var(--sk-danger)}

.verify-result-card.is-valid .verify-result-symbol{background:var(--sk-ok-soft);color:var(--sk-ok)}.verify-result-card.is-revoked .verify-result-symbol,.verify-result-card.is-unavailable .verify-result-symbol{background:var(--sk-danger-soft);color:var(--sk-danger)}.verify-result-card.is-superseded .verify-result-symbol{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}.verify-primary-button{text-decoration:none}.verify-result-card.is-unavailable .verify-data-grid{text-align:right}

.cert-page a:focus-visible,.cert-page button:focus-visible,.cert-page input:focus-visible,.cert-page select:focus-visible,.cert-page textarea:focus-visible,.certificate-public-body a:focus-visible,.certificate-public-body button:focus-visible,.certificate-public-body input:focus-visible{outline:3px solid rgba(41,77,164,.28);outline-offset:2px}

@media(max-width:820px){.cert-integrity-card{align-items:flex-start;flex-direction:column}.cert-student-filters,.cert-scope-switch{margin-inline:-2px}.cert-detail-back{margin-bottom:8px}}



/* Phase 5: public verification cards use border-box sizing on narrow screens. */

.certificate-public-body,.certificate-public-body *,.certificate-public-body *::before,.certificate-public-body *::after{box-sizing:border-box}

.certificate-public-body{overflow-x:hidden}

/* Keep wide RTL tables inside their own horizontal scroller on mobile. */

.cert-table-card{max-width:100%;overflow:hidden}

.cert-table-scroll{max-width:100%;direction:ltr;overscroll-behavior-inline:contain}

.cert-management-table{direction:rtl}

.certificate-upload-asset-button{width:100%;height:36px;border:1px solid var(--sk-amber-line);background:var(--cert-primary-soft);color:var(--cert-primary);border-radius:10px;font-size:10px;font-weight:900;cursor:pointer;margin:0 0 9px}.certificate-upload-asset-button:hover{background:var(--sk-amber);color:var(--sk-ink)}



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

   CERT-REFRESH v2 — بازطراحی فهرست قالب‌ها + خوانایی ادیتور + فرم ساخت

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



/* --- فهرست قالب‌ها (certlist) --- */

.certlist{display:flex;flex-direction:column;gap:12px;max-width:1440px;margin:0 auto}

.certlist-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:19px;padding:24px 26px}

.certlist-hero__text h1{margin:5px 0 7px;font-size:26px}

.certlist-hero__text p{margin:0;color:var(--cert-muted);font-size:13.5px;line-height:2;max-width:640px}

.certlist-hero .certificate-primary-button{flex:0 0 auto}

.certlist-section{background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:19px;padding:22px 24px}

.certlist-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}

.certlist-section__head h2{margin:0 0 5px;font-size:17px}

.certlist-section__head p{margin:0;color:var(--cert-muted);font-size:12.5px;line-height:1.9}

.certlist-count{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--cert-primary);background:var(--cert-primary-soft);border-radius:999px;padding:6px 13px}

.certlist-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;border:1px dashed var(--sk-line-strong);border-radius:16px;padding:38px 20px;background:var(--sk-surface-2)}

.certlist-empty__icon{font-size:26px;color:var(--sk-ink-faint)}

.certlist-empty strong{font-size:14.5px;color:var(--sk-ink)}

.certlist-empty p{margin:0 0 8px;color:var(--cert-muted);font-size:12.5px;line-height:1.9;max-width:420px}

/* گروه‌های قالب خام */

.certlist-blank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}

.certlist-blank-group{border:1px solid var(--cert-line);border-radius:15px;background:var(--sk-surface-2);padding:15px;display:flex;flex-direction:column;gap:11px}

.certlist-blank-group__head{display:flex;align-items:center;gap:10px}

.certlist-blank-group__head h3{margin:0;font-size:13.5px;color:var(--sk-ink)}

.certlist-blank-group__head small{display:block;margin-top:2px;font-size:11.5px;color:var(--cert-muted)}

.certlist-blank-ic{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--cert-primary-soft);color:var(--cert-primary);font-size:15px}

.certlist-blank-items{display:flex;flex-direction:column;gap:8px}

.certlist-blank-row{display:flex;align-items:center;gap:10px;background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:11px;padding:8px 10px}

.certlist-blank-thumb{flex:0 0 auto;width:56px;height:40px;border-radius:8px;overflow:hidden;background:var(--sk-surface-3);display:grid;place-items:center;color:var(--sk-ink-faint);border:1px solid var(--sk-line)}

.certlist-blank-thumb img{width:100%;height:100%;object-fit:cover}

.certlist-blank-name{min-width:0;display:flex;flex-direction:column;gap:2px}

.certlist-blank-name strong{font-size:12.5px;color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.certlist-blank-name small{font-size:11px;color:var(--cert-muted)}

.certlist-blank-del{margin-inline-start:auto}

.certlist-blank-del button{border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--cert-danger);border-radius:8px;padding:5px 11px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:.13s}

.certlist-blank-del button:hover{background:color-mix(in srgb,var(--cert-danger) 9%,transparent);border-color:var(--cert-danger)}

.certlist-blank-institute{font-size:12px;color:var(--sk-ink-soft);padding:3px 2px 0}

.certlist-blank-institute strong{font-weight:800}

.certlist-blank-empty{margin:0;font-size:12px;color:var(--sk-ink-faint);text-align:center;padding:14px 6px;border:1px dashed var(--sk-line);border-radius:11px;background:var(--sk-surface)}

/* آپلود قالب خام شخصی */

.certlist-upload{border:1px solid var(--cert-line);border-radius:12px;background:var(--sk-surface);overflow:hidden}

.certlist-upload>summary{list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;padding:11px 13px;font-size:12.5px;font-weight:700;color:var(--sk-ink)}

.certlist-upload>summary::-webkit-details-marker{display:none}

.certlist-upload[open]>summary{border-bottom:1px solid var(--cert-line)}

.certlist-upload__plus{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--cert-primary-soft);color:var(--cert-primary);font-size:14px;line-height:1}

.certlist-upload__form{padding:13px;display:flex;flex-direction:column;gap:11px}

.certlist-field{display:flex;flex-direction:column;gap:5px}

.certlist-field>span{font-size:11.5px;font-weight:700;color:var(--sk-ink-soft)}

.certlist-field input[type=text],.certlist-field select,.certlist-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--sk-line);border-radius:10px;padding:9px 11px;font:inherit;font-size:12.5px;background:var(--sk-surface-2);color:var(--sk-ink)}

.certlist-field input:focus,.certlist-field select:focus,.certlist-field textarea:focus{outline:none;border-color:var(--cert-primary);background:var(--sk-surface)}

.certlist-field input[type=file]{font-size:12px;color:var(--sk-ink-soft)}

.certlist-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.certlist-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sk-ink-soft)}

.certlist-advanced{border:1px dashed var(--sk-line);border-radius:10px;padding:0}

.certlist-advanced>summary{list-style:none;cursor:pointer;padding:9px 12px;font-size:11.5px;font-weight:700;color:var(--sk-ink-faint)}

.certlist-advanced>summary::-webkit-details-marker{display:none}

.certlist-advanced[open]{padding-bottom:11px}

.certlist-advanced[open]>summary{border-bottom:1px dashed var(--sk-line);margin-bottom:11px}

.certlist-advanced .certlist-field{padding:0 12px;margin-bottom:9px}

.certlist-advanced .certlist-check{padding:0 12px}

@media(max-width:1100px){.certlist-blank-grid{grid-template-columns:1fr}}

@media(max-width:760px){.certlist-hero{flex-direction:column;align-items:stretch}.certlist-hero .certificate-primary-button{width:100%;justify-content:center}}



/* --- خطاهای فرم (errorlist جنگو) --- */

.certificate-workspace ul.errorlist{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}

.certificate-workspace ul.errorlist li{font-size:12px;font-weight:600;color:var(--cert-danger);background:color-mix(in srgb,var(--cert-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--cert-danger) 28%,transparent);border-radius:9px;padding:7px 11px}



/* --- خوانایی ادیتور: بزرگ‌کردن متن‌های ۹ تا ۱۱ پیکسلی --- */

.certificate-editor-title-wrap label{font-size:10.5px}

.certificate-editor-meta span{font-size:11px}

.certificate-save-indicator{font-size:11.5px}

.certificate-editor-page .certificate-panel-tabs button,.certificate-workspace .certificate-panel-tabs button{font-size:12.5px;font-weight:700}

.certificate-tab-count{font-size:10.5px}

.certificate-sidebar-heading strong{font-size:13px}

.certificate-sidebar-heading small{font-size:11.5px;line-height:1.7}

.certificate-editor-search input{font-size:12.5px}

.certificate-library-group h3{font-size:11.5px;letter-spacing:.3px}

.certificate-library-item strong{font-size:12px}

.certificate-sidebar-label,.certificate-sidebar-label-row{font-size:11.5px}

.certificate-sidebar-select,.certificate-sidebar-section textarea{font-size:12.5px}

.certificate-background-card strong{font-size:11.5px}

.certificate-background-thumb i{font-size:10.5px}

.certificate-token-item strong{font-size:11.5px}

.certificate-token-help strong{font-size:11.5px}

.certificate-token-help p{font-size:11.5px;line-height:1.9}

.certificate-control-help{font-size:11.5px;line-height:1.8;color:var(--sk-ink-soft)}

.certificate-zoom-value{font-size:11.5px;min-width:46px}

.certificate-preview-scope{font-size:11.5px}

.certificate-inspector-section-title strong{font-size:12.5px}

.certificate-inspector-section-title span{font-size:11px}

.certificate-inspector-field>span{font-size:11.5px;font-weight:700;color:var(--sk-ink-soft)}

.certificate-inspector-field input,.certificate-inspector-field select{font-size:12.5px}

.certificate-sample-value span{font-size:11px}

.certificate-sample-value strong{font-size:12.5px}

.certificate-canvas-footer{font-size:11.5px}

.certificate-canvas-footer kbd{font-size:10.5px}

.certificate-layer-list{font-size:12.5px}

.certificate-editor-actions .certificate-secondary-button{font-size:12px}

/* وضعیت کارت قالب در فهرست */

.certificate-template-status{font-size:10.5px;padding:5px 10px}

.certificate-template-body h3{font-size:14.5px}

.certificate-template-body>p{font-size:12px;line-height:1.9}

/* کارت‌های انتخاب در فرم ساخت */

.certificate-choice-card small{font-size:11.5px;line-height:1.8}

.certificate-background-meta small{font-size:11px}

.certificate-summary-list li{font-size:12px;line-height:1.9}

.certificate-summary-note span{font-size:11.5px;line-height:1.8}

.certificate-stepper small{font-size:11.5px}

.certificate-form-field small{font-size:11.5px}

/* خنثی‌سازی .sk-body button{font-size:.75em!important} از skills.css در محدوده گواهینامه */

.sk-body .certificate-workspace .certificate-primary-button,.sk-body .certificate-editor-page .certificate-primary-button,.sk-body .certificate-template-page .certificate-primary-button{font-size:13.5px!important}

.sk-body .certificate-workspace .certificate-secondary-button,.sk-body .certificate-editor-page .certificate-secondary-button{font-size:12.5px!important}

.sk-body .certificate-panel-tabs button{font-size:12.5px!important}

.sk-body .certificate-tool-button{font-size:13px!important}

.sk-body .certificate-zoom-value{font-size:11.5px!important}

.sk-body .certificate-preview-scope{font-size:11.5px!important}

.sk-body .certificate-icon-button{font-size:14px!important}

.sk-body .certificate-inline-token-buttons button{font-size:11.5px!important}

.sk-body .certificate-upload-asset-button{font-size:12px!important}

.sk-body .certificate-panel-close{font-size:15px!important}

.sk-body .certlist-blank-del button{font-size:11.5px!important}

.sk-body .certlist-upload>summary{font-size:12.5px}

.sk-body .certificate-segment-control button{font-size:13px!important}



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

   CERT-REFRESH v3 — بازیابی دکمه‌ها از ریست سراسری + کارت خلاصه روشن + پر شدن ادیتور

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



/* --- بازیابی دکمه‌ها: skills.css با .sk-body button{border:none;background:none;color:inherit} همه را صاف می‌کرد --- */

.sk-body button.certificate-primary-button{background:linear-gradient(135deg,var(--cert-primary),var(--sk-amber));color:var(--sk-surface);border:0}

.sk-body button.certificate-secondary-button{background:var(--sk-surface);color:var(--sk-ink);border:1px solid var(--cert-line)}

.sk-body button.certificate-icon-button{background:var(--sk-surface);color:var(--sk-ink);border:1px solid var(--cert-line);border-radius:9px}

.sk-body button.certificate-tool-button,.sk-body button.certificate-zoom-value,.sk-body .certificate-canvas-context-actions button{background:transparent;color:var(--sk-ink-soft);border:0}

.sk-body .certificate-canvas-context-actions button.is-danger{color:var(--cert-danger)}

.sk-body .certificate-panel-tabs button{background:transparent;color:var(--sk-ink-soft);border:0}

.sk-body button.certificate-panel-close{background:var(--sk-surface-2);color:var(--sk-ink);border:0}

.sk-body button.certificate-library-item{background:var(--sk-surface);color:var(--sk-ink);border:1px solid var(--cert-line)}

.sk-body button.certificate-token-item{background:var(--sk-surface);color:var(--sk-ink);border:1px solid var(--cert-line)}

.sk-body button.certificate-background-card{background:var(--sk-surface);border:1px solid var(--cert-line);color:var(--sk-ink)}

.sk-body button.certificate-layer-main{background:transparent;border:0;color:var(--sk-ink)}

.sk-body button.certificate-upload-asset-button{background:var(--cert-primary-soft);color:var(--cert-primary);border:1px solid var(--sk-amber-line)}

.sk-body .certificate-inline-token-buttons button{background:var(--cert-primary-soft);color:var(--cert-primary);border:1px solid var(--sk-amber-soft)}

.sk-body .certificate-segment-control button{background:transparent;color:var(--sk-ink-soft);border:0}

.sk-body .certificate-history-actions button{background:var(--sk-surface);color:var(--sk-ink-soft);border:0}

.sk-body .certlist-blank-del button{background:var(--sk-surface);color:var(--cert-danger);border:1px solid var(--sk-line)}

.sk-body .certificate-editor-page button:disabled{opacity:.5;cursor:not-allowed}



/* --- کارت خلاصه فرم ساخت: از جعبه مشکی به کارت روشن استاندارد --- */

.certificate-summary-card{background:var(--sk-surface);color:var(--sk-ink);border:1px solid var(--cert-line);border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.06)}

.certificate-summary-card::before{display:none}

.certificate-summary-badge{background:var(--cert-primary-soft);border:1px solid var(--sk-amber-line);color:var(--cert-primary)}

.certificate-summary-card h3,.certificate-summary-card h4{color:var(--sk-ink)}

.certificate-summary-card dt{color:var(--sk-ink-faint)}

.certificate-summary-card dd{color:var(--sk-ink)}

.certificate-summary-divider{background:var(--sk-line)}

.certificate-summary-list li{color:var(--sk-ink-soft)}

.certificate-summary-list li span{color:var(--sk-ok)}

.certificate-summary-note{background:var(--sk-surface-2);border:1px solid var(--sk-line)}

.certificate-summary-note strong{color:var(--sk-ink)}

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

.certificate-summary-card .certificate-primary-button,.sk-body .certificate-summary-card button.certificate-primary-button{background:linear-gradient(135deg,var(--cert-primary),var(--sk-amber));color:var(--sk-surface);width:100%}



/* --- ادیتور: حذف نوار سفید زیر پنل‌ها + مرز تمیز بین پنل‌ها --- */

.certificate-editor-page{display:flex;flex-direction:column}

.certificate-editor-layout{flex:1 1 auto;height:auto;min-height:600px}

.certificate-editor-sidebar.certificate-library-panel{border-inline-end:1px solid var(--cert-line)}

.certificate-editor-sidebar.certificate-inspector-panel{border-inline-start:1px solid var(--cert-line)}

.certificate-canvas-toolbar{border-bottom:1px solid var(--cert-line);background:var(--sk-surface)}

.certificate-canvas-footer{border-top:1px solid var(--cert-line);background:var(--sk-surface)}



/* دکمه ارسال فرم آپلود قالب خام تمام‌عرض */

.certlist-upload__form .certificate-primary-button{width:100%;justify-content:center}



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

   CERT-REFRESH v4 — ریتم ۱۲px + هروی استاندارد + سلکت پیش‌نمایش + کنترل فایل فارسی

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



/* --- ریتم ۱۲px در صفحه ساخت و فهرست --- */

.certificate-setup-layout{gap:12px}

.certificate-stepper{margin:0 0 12px}

.certificate-page-header{margin-bottom:12px}

.certificate-setup-main{display:flex;flex-direction:column;gap:12px}

.certificate-setup-main .certificate-section-card{margin:0}

.certificate-alert{margin:0 0 12px}

.certificate-template-grid{gap:12px}

.certlist-blank-grid{gap:12px}

.certlist{gap:12px}



/* --- هروی استاندارد (هم‌سبک skd-hero) برای هدر صفحه ساخت و فهرست --- */

.certificate-page-header{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;padding:24px 26px;align-items:center}

.certificate-page-heading h1{font-size:clamp(21px,2.5vw,27px);font-weight:800;letter-spacing:-.4px;line-height:1.3}

.certificate-page-heading p{font-size:13.5px;color:var(--sk-ink-soft);line-height:1.75;max-width:62ch}

.certificate-page-header .certificate-eyebrow,.certlist-hero .certificate-eyebrow{background:var(--sk-amber-soft);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}

.certlist-hero{border-radius:18px}



/* --- سلکت پیش‌نمایش تولبار ادیتور: خنثی‌سازی min-height:46px فرم‌های سراسری --- */

.sk-body .certificate-canvas-display-actions .certificate-preview-scope{min-height:0;height:34px;padding:0 10px;border:1px solid var(--cert-line);border-radius:8px;background:var(--sk-surface);align-self:center;line-height:32px}



/* --- کنترل انتخاب فایل فارسی (جایگزین Choose File مرورگر) --- */

.certlist-file{position:relative;display:flex;align-items:center;gap:10px;border:1px dashed var(--sk-line-strong);border-radius:10px;background:var(--sk-surface-2);padding:9px 11px;cursor:pointer;transition:border-color .15s,background .15s}

.certlist-file:hover{border-color:var(--cert-primary);background:var(--sk-surface)}

.certlist-file.has-file{border-style:solid;border-color:var(--sk-amber-line);background:var(--sk-surface)}

.certlist-file input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}

.certlist-file__btn{flex:0 0 auto;background:var(--cert-primary-soft);color:var(--cert-primary);border:1px solid var(--sk-amber-line);border-radius:8px;padding:6px 13px;font-size:12px;font-weight:700}

.certlist-file__name{min-width:0;font-size:12px;color:var(--sk-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.certlist-file.has-file .certlist-file__name{color:var(--sk-ink)}



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

   CERT-REFRESH v5 — هدرهای واقعاً استاندارد (skd-hero/skd-panel) + تولبار منعطف

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



/* تولبار بوم: به‌جای بریدن، در تنگنا به سطر بعد می‌شکند و همه ابزارها دیده می‌شوند */

.certificate-canvas-toolbar{height:auto;min-height:49px;flex-wrap:wrap;row-gap:6px}

.certificate-canvas-tools{flex-wrap:wrap;row-gap:6px;min-width:0}

.certificate-canvas-display-actions{flex:0 0 auto}



/* متن مقدمه زیر سرتیتر پنل استاندارد */

.certlist-lead{margin:-4px 0 14px;font-size:12.5px;color:var(--sk-ink-soft);line-height:1.9;max-width:70ch}



/* چیپ مالک داخل هروی استاندارد: هم‌قد دکمه بازگشت */

.skd-hero__r .certificate-owner-chip{display:inline-flex;align-items:center;gap:9px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:5px 12px 5px 8px}

.skd-hero__r .certificate-owner-chip .certificate-owner-icon{width:30px;height:30px;border-radius:9px;font-size:14px}

.skd-hero__r .certificate-owner-chip small{display:block;font-size:10.5px;color:var(--sk-ink-faint)}

.skd-hero__r .certificate-owner-chip strong{font-size:12px;color:var(--sk-ink)}



/* استپر و لی‌اوت داخل ریتم skd (gap سراسری skd کافی است) */

.skd .certificate-stepper{margin:0}

.skd .certificate-page-header{margin:0}



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

   CERT-REFRESH v6 — سایدبارهای قابل تغییر عرض + هدر سبک‌تر ادیتور

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



/* گرید ادیتور با عرض متغیر پنل‌ها (دستگیره‌های skqd-rsz مثل طراح سوال) */

.certificate-editor-layout{grid-template-columns:var(--cert-lib-w,288px) 10px minmax(0,1fr) 10px var(--cert-insp-w,318px)}

.certificate-editor-layout .skqd-rsz{background:var(--cert-editor-bg)}

.certificate-editor-layout .skqd-rsz:hover{background:var(--sk-amber-soft)}

body.skqd-resizing .certificate-editor-sidebar,body.skqd-resizing .certificate-canvas-area{pointer-events:none}

@media(max-width:900px){.certificate-editor-layout .skqd-rsz{display:none}}



/* هدر سبک‌تر: متادیتا به‌صورت متن محو به‌جای چیپ‌های شلوغ */

.certificate-editor-meta span{border:0;background:transparent;padding:0;color:var(--sk-ink-faint)}

.certificate-editor-meta span+span::before{content:"·";margin-inline-end:7px;color:var(--sk-line-strong)}

.certificate-editor-meta{gap:7px}



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

   CERT-REFRESH v7 — حالت جمع‌وجور (responsive) پنل‌ها هنگام باریک شدن

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

.certificate-editor-sidebar{container-type:inline-size}

@container (max-width: 244px){

  .certificate-panel-tabs{height:44px;padding:5px}

  .sk-body .certificate-panel-tabs button{font-size:10.5px!important;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .certificate-tab-count{display:none}

  .certificate-sidebar-view{padding:10px}

  .certificate-sidebar-heading small{display:none}

  .certificate-sidebar-heading strong{font-size:12px}

  .certificate-editor-search input{font-size:11.5px}

  .certificate-library-group h3{font-size:10.5px}

  .certificate-library-item{min-height:66px;padding:7px 3px;gap:2px}

  .certificate-library-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

  .certificate-library-item small{display:none}

  .certificate-inspector-grid-2{grid-template-columns:1fr}

  .certificate-inspector-field>span{font-size:10.5px}

  .certificate-control-help{display:none}

  .certificate-token-help{display:none}

  .certificate-sample-value span{display:none}

  .sk-body .certificate-inline-token-buttons button{padding:3px 5px;font-size:10.5px!important}

  .certificate-token-item strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .certificate-background-meta small{display:none}

  .certificate-version-history{display:none}

  .certificate-readiness-summary{font-size:11px}

}



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

   CERT-REFRESH v8 — خنثی‌سازی فرم سراسری panel.css در ادیتور + عنوان‌های پشته‌ای

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



/* جستجو: حذف بردرِ دومِ تحمیلی روی input داخل جعبه جستجو */

.sk-content .certificate-editor-page input[type="search"]{border:0!important;background:transparent;min-height:0;height:auto;padding:0;box-shadow:none}



/* فیلدهای inspector و سایدبار: جمع‌وجور به‌جای ۴۶px تحمیلی */

.sk-content .certificate-editor-page .certificate-inspector-content input:not([type=checkbox]):not([type=range]):not([type=color]),

.sk-content .certificate-editor-page .certificate-inspector-content select,

.sk-content .certificate-editor-page .certificate-sidebar-select{border:1px solid var(--sk-line-strong)!important;background:var(--sk-surface);min-height:34px;height:34px;padding:4px 9px;border-radius:9px;font-size:12.5px}

.sk-content .certificate-editor-page .certificate-inspector-content textarea,

.sk-content .certificate-editor-page .certificate-sidebar-section textarea{border:1px solid var(--sk-line-strong)!important;background:var(--sk-surface);min-height:0;height:auto;padding:8px 10px;border-radius:9px;font-size:12.5px}

.sk-content .certificate-editor-page .certificate-editor-title-wrap input{border:1px solid var(--cert-line)!important;background:var(--sk-surface);min-height:38px;height:38px;padding:4px 11px;border-radius:10px}

.sk-content .certificate-editor-page .certificate-color-control input[type=color]{min-height:0;padding:0;border:1px solid var(--sk-line-strong)!important;border-radius:8px}

.sk-content .certificate-editor-page .certificate-color-control input[type=text]{min-height:34px;height:34px}



/* عنوان بخش‌های inspector: عنوان بالا، توضیح محو زیر آن — در هر عرضی تمیز */

.certificate-inspector-section-title{flex-direction:column;align-items:flex-start;gap:3px}

.certificate-inspector-section-title span{font-size:10.5px;color:var(--sk-ink-faint);line-height:1.6}



@container (max-width: 244px){

  .certificate-inspector-section-title span{display:none}

  .certificate-inline-token-buttons{gap:4px}

}



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

   CERT-REFRESH v9 — بزرگ‌کردن عناصر کتابخانه + استانداردسازی صفحه آموزشگاه

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



/* کارت‌های کتابخانه عناصر: آیکون و متن خوانا (قبلاً آیکون ۳۰px با گلیف ۱۳px و وضعیت ۸px بود) */

.certificate-library-item{min-height:100px;padding:12px 8px;gap:7px}

.certificate-library-item>span{width:42px;height:42px;border-radius:12px;font-size:20px}

.certificate-library-item strong{font-size:12.5px;line-height:1.4}

.certificate-library-item small{font-size:11px;color:var(--sk-ink-faint)}



/* آیتم‌های تگ و پس‌زمینه هم خواناتر */

.certificate-token-item small{font-size:11px}

.certificate-background-card small{font-size:11px}



/* حالت جمع‌وجور: کوچک ولی همچنان خوانا */

@container (max-width: 244px){

  .certificate-library-item{min-height:78px;padding:9px 4px;gap:4px}

  .certificate-library-item>span{width:34px;height:34px;border-radius:10px;font-size:16px}

  .certificate-library-item strong{font-size:11px}

}



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

   CERT-REFRESH v10 — متن خواناتر کارت‌های عناصر + کرسر پن روی بوم

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



/* کارت‌های عناصر: تک‌ستونی و افقی → متن بزرگ و کامل به‌جای دو ستون تنگ */

.certificate-library-group>div{grid-template-columns:1fr;gap:7px}

.certificate-library-item{flex-direction:row;justify-content:flex-start;text-align:start;min-height:56px;padding:9px 11px;gap:11px}

.certificate-library-item>span{flex:0 0 auto;width:38px;height:38px;border-radius:11px;font-size:18px}

.certificate-library-item strong{font-size:13px;line-height:1.5}

.certificate-library-item small{font-size:11.5px}

.certificate-library-item__text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}



/* کرسر: فضای خالی بوم قابل‌کشیدن است */

.certificate-stage{cursor:grab}

.certificate-stage.is-panning{cursor:grabbing}

.certificate-stage [data-element-id]{cursor:move}



@container (max-width: 244px){

  .certificate-library-item{flex-direction:column;justify-content:center;text-align:center;min-height:74px;padding:9px 4px;gap:5px}

  .certificate-library-item>span{width:32px;height:32px;font-size:16px}

  .certificate-library-item strong{font-size:11px}

}



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

   CERT-REFRESH v11 — پن عمودی بوم + بزرگ‌کردن متن جای‌گیرِ دارایی‌ها

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



/* بوم با flex:1 و min-height:auto تا ارتفاع محتوا کش می‌آمد و هرگز سرریز عمودی نداشت */

.certificate-canvas-area{min-height:0}

.certificate-stage{min-height:0}



/* جای‌گیر دارایی‌ها (لوگو/امضا) — خوانا در زوم‌های پایین */

.certificate-asset-placeholder span{font-size:60px;font-weight:900}

.certificate-asset-placeholder small{font-size:50px;font-weight:900;margin-top:4px}



/* ارتفاع قطعی زنجیره: صفحه → لی‌اوت → ناحیه بوم → بوم (لازم برای پن عمودی) */

.certificate-editor-layout{min-height:0}



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

   CERT-REFRESH v13 — صفحه صادرشده‌ها: رفع کادرهای غول‌پیکر تاریخ + نوار عملیات

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



/* ریشه: .skq-filters input{flex:1 1 168px} روی ورودی داخل .sk-datewrap (فلکس ستونی)

   اعمال می‌شد و flex-basis در محور عمودی ارتفاع را به ۱۶۸px می‌رساند. */

.skq-filters .sk-datewrap,.skp-filters .sk-datewrap,.skqp-filters .sk-datewrap{flex:1 1 190px;min-width:0;align-items:stretch}

.skq-filters .sk-datewrap input,.skp-filters .sk-datewrap input,.skqp-filters .sk-datewrap input{flex:0 0 auto!important;width:100%;height:40px!important;min-height:40px!important}

.skq-filters .sk-datewrap .sk-caltoggle,.skp-filters .sk-datewrap .sk-caltoggle{flex:0 0 auto;align-self:flex-start}

.sk-datewrap{position:relative}



/* برچسب «از»/«تا» بالای فیلد، هم‌راستا با بقیه فیلترها */

.skq-filters .cert-datefield{display:flex;flex-direction:column;gap:5px;flex:1 1 200px;min-width:0;font-size:11.5px;font-weight:700;color:var(--sk-ink-soft);white-space:nowrap}

.skq-filters .cert-datefield .sk-datewrap{flex:0 0 auto}

.skq-filters .cert-checkfield{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--sk-ink);white-space:nowrap;flex:0 0 auto}

.sk-body .skq-filters .cert-checkfield input[type=checkbox]{width:17px;height:17px;min-height:0!important;height:17px!important;flex:0 0 auto}



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

.cert-issued-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:12px}

.cert-issued-stats .skw-stat{text-decoration:none}

.cert-bulkbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 15px;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface-2);margin-bottom:12px}

.cert-bulkbar__count{font-size:12.5px;color:var(--sk-ink-soft)}

.cert-bulkbar__count strong{color:var(--sk-ink);font-size:13.5px}

.sk-body .cert-bulkbar select{max-width:280px;height:38px;min-height:38px!important;border:1px solid var(--sk-line)!important;border-radius:10px;background:var(--sk-surface);font-size:12.5px;padding:0 10px}

.cert-bulkbar .sk-btn{margin-inline-start:auto}



/* جدول: زدودن استایل‌های درجا */

.cert-issued-table{padding:0;overflow:hidden}

.cert-issued-table .skq-tablewrap{margin-top:0;border:0}

.cert-cell-mono{font-family:var(--sk-mono);font-size:12.5px}

.cert-cell-sub{color:var(--sk-ink-faint)}

.cert-cell-danger{color:var(--sk-danger)}

.cert-col-check{width:42px}

.cert-col-act{text-align:end}



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

   CERT-REFRESH v14 — «از تاریخ»/«تا تاریخ» همیشه در یک ردیف (موبایل: زیر هم)

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

.skq-filters .cert-daterow{display:flex;gap:9px;flex:1 1 430px;min-width:0;align-items:flex-end}

.skq-filters .cert-daterow .cert-datefield{flex:1 1 0;min-width:0}

@media(max-width:640px){

  .skq-filters .cert-daterow{flex-direction:column;align-items:stretch;flex-basis:100%}

  .skq-filters .cert-daterow .cert-datefield{flex:0 0 auto}

}



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

   CERT-REFRESH v15 — ردیف تاریخ‌ها اختصاصی: هیچ فیلد دیگری کنارشان نمی‌نشیند

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

.skq-filters .cert-daterow{flex:0 0 100%;max-width:none}

.skq-filters .cert-daterow .cert-datefield{max-width:320px}

@media(max-width:640px){.skq-filters .cert-daterow .cert-datefield{max-width:none}}



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

   CERT-REFRESH v16 — فیلتر بریف صادرشده‌ها: ردیف اصلی کوتاه + «فیلترهای بیشتر» تاشو

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



/* تاریخ‌ها دوباره جمع‌وجور داخل ردیف اصلی (نه ردیف تمام‌عرض) */

.skq-filters.cert-filters .cert-daterow{flex:1 1 340px;max-width:460px}



/* دکمه فیلترهای بیشتر */

.sk-body .cert-morebtn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border:1px dashed var(--sk-line-strong);background:transparent;border-radius:10px;font-size:12px!important;font-weight:800;color:var(--sk-ink-soft);cursor:pointer;transition:.14s}

.sk-body .cert-morebtn:hover{border-color:var(--sk-amber-line);color:var(--sk-amber-deep);background:var(--sk-amber-soft)}

.cert-morebtn svg{width:15px;height:15px;transition:transform .18s}

.cert-filters.is-adv-open .cert-morebtn svg{transform:rotate(180deg)}

.cert-morebtn__n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--sk-amber);color:#1a1306;font-size:10.5px;font-weight:800}



/* بخش پیشرفته: ردیف تمام‌عرض با جداکنندهٔ ظریف */

.cert-filters .cert-adv{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:9px;align-items:flex-end;margin-top:3px;padding-top:11px;border-top:1px dashed var(--sk-line)}

.cert-filters .cert-adv[hidden]{display:none}

.cert-filters .cert-adv .cert-datefield{flex:1 1 190px;max-width:250px}

@media(max-width:640px){.cert-filters .cert-adv .cert-datefield{max-width:none}}



/* CERT-REFRESH v17 — تراز فیلترها: کف فیلدها هم‌خط (برچسب تاریخ بالای فیلد تراز را نشکند) */

.skq-filters.cert-filters{align-items:flex-end}

.skq-filters.cert-filters .cert-checkfield{align-self:center}



/* CERT-REFRESH v18 — سلکت‌های فیلترهای بیشتر: مهار flex-basis عمودی (همان ریشه کادرهای غول‌پیکر) */

.skq-filters .cert-datefield>select,.skq-filters .cert-datefield>input{flex:0 0 auto!important;width:100%;height:40px!important;min-height:40px!important}


/* ========================================================================== 
   CERT-EDITOR v19 — latest-version cards, metadata management and creator tools
   ========================================================================== */
.certificate-template-version-badge{position:absolute;left:9px;top:9px;z-index:2;padding:5px 9px;border-radius:999px;background:rgba(17,24,39,.84);color:#fff;font-size:9px;font-weight:900;backdrop-filter:blur(4px)}
.certificate-template-actions--manage{grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch}
.certificate-template-actions--manage form{margin:0;display:flex}
.certificate-template-actions--manage form button{width:100%}
.certificate-template-actions .is-secondary{padding-inline:10px}
.certificate-template-actions .is-danger{color:var(--cert-danger);border-color:rgba(220,38,38,.24);background:rgba(254,242,242,.7);padding-inline:11px}
.certificate-template-actions .is-danger:hover{background:#fee2e2;border-color:#fca5a5}
.certificate-metadata-warning{display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;padding:15px 17px;border:1px solid var(--sk-amber-line);border-radius:16px;background:var(--sk-amber-soft);color:var(--sk-ink)}
.certificate-metadata-warning>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--sk-amber);font-size:18px;font-weight:950;color:#241805}
.certificate-metadata-warning strong{display:block;font-size:13px;margin:1px 0 4px}.certificate-metadata-warning p{margin:0;color:var(--sk-ink-soft);font-size:11.5px;line-height:1.9}
.certificate-library-hint{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;margin:0 0 12px;border:1px dashed var(--sk-amber-line);border-radius:11px;background:var(--sk-amber-soft);color:var(--sk-ink-soft)}
.certificate-library-hint>span{font-size:17px;line-height:1.4;color:var(--sk-amber-deep);font-weight:900}.certificate-library-hint p{margin:0;font-size:10.5px;line-height:1.85}
.certificate-quick-add{display:flex;align-items:center;gap:3px}.certificate-quick-add-button{min-width:45px!important;padding-inline:5px!important}.certificate-quick-add-button span{font-size:14px;font-weight:900}.certificate-quick-add-button small{display:block!important;font-size:8px!important}
.certificate-canvas-context-actions button:disabled,.certificate-inspector-actions button:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}
.certificate-canvas-element>*[data-inline-text-editor],.certificate-canvas-element>*[data-inline-edit]{pointer-events:auto!important}
.certificate-inline-edit-button{position:absolute;left:-16px;top:-17px;z-index:1010;width:32px;height:32px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--cert-primary);color:#fff;box-shadow:0 5px 16px rgba(15,23,42,.24);cursor:pointer;font-size:15px;font-weight:900}
.certificate-inline-edit-button:hover{transform:scale(1.06);background:var(--sk-amber-deep)}
.certificate-inline-text-editor{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:4px 6px!important;resize:none;overflow:auto;border:2px solid var(--cert-primary);border-radius:4px;outline:0;background:rgba(255,255,255,.94)!important;box-shadow:0 0 0 4px rgba(214,168,75,.2);box-sizing:border-box;cursor:text;white-space:pre-wrap;word-break:break-word;z-index:1005}
.certificate-canvas-element:has(.certificate-inline-text-editor){cursor:text;touch-action:auto}
.certificate-shape-content,.certificate-divider-content{pointer-events:none}
@media(max-width:980px){.certificate-quick-add-button small{display:none!important}.certificate-quick-add-button{min-width:34px!important}.certificate-template-actions--manage{grid-template-columns:1fr 1fr}.certificate-template-actions--manage form{grid-column:1/-1}.certificate-template-actions--manage form button{height:34px}}
@media(max-width:620px){.certificate-quick-add{display:none}.certificate-template-actions--manage{grid-template-columns:1fr}.certificate-template-actions--manage form{grid-column:auto}}


/* ===== EDITOR v9 — تمام‌صفحه مثل طراح سؤال + پرداخت چیدمان و اندازه‌ها ===== */
body:has(.certificate-editor-page) .sk-sidebar,
body:has(.certificate-editor-page) .sk-topbar{display:none}
body:has(.certificate-editor-page) .sk-content{max-width:none;padding:0 16px 12px!important}
body:has(.certificate-editor-page) .sk-main{padding-top:10px}
.certificate-editor-page{min-height:calc(100vh - 24px)}
@media (max-width:900px){body:has(.certificate-editor-page) .sk-content{padding:0 10px 10px!important}}

/* هدر: نوار چسبان شیشه‌ای با بخش‌بندی روشن */
.certificate-editor-header{position:sticky;top:8px;z-index:60;background:color-mix(in srgb,var(--sk-surface) 93%,transparent);backdrop-filter:blur(9px);border:1px solid var(--sk-line);border-radius:16px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:12px;box-shadow:0 8px 26px rgba(15,23,42,.05)}
.certificate-editor-titlebar{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 420px}
.certificate-editor-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface);color:var(--sk-ink);font-size:17px;text-decoration:none;flex:none}
.certificate-editor-back:hover{border-color:var(--sk-line-strong);background:var(--sk-surface-2)}
.certificate-editor-brandmark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--sk-ink);color:#fff;font-weight:900;font-size:13px;flex:none}
.certificate-editor-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.certificate-editor-title-wrap label{font-size:10.5px;font-weight:800;color:var(--sk-ink-faint)}
.certificate-editor-title-wrap input{border:1px solid transparent;border-radius:10px;background:transparent;padding:6px 8px;font:inherit;font-size:15px;font-weight:800;color:var(--sk-ink);min-height:36px;width:100%;min-width:0}
.certificate-editor-title-wrap input:hover{border-color:var(--sk-line)}
.certificate-editor-title-wrap input:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}
.certificate-editor-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.certificate-editor-meta span{font-size:10.5px;font-weight:800;color:var(--sk-ink-soft);border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:999px;padding:4px 10px;white-space:nowrap}
.certificate-editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.certificate-primary-button,.certificate-secondary-button{min-height:40px;border-radius:12px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px}
.certificate-icon-button{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}
.certificate-save-indicator{font-size:11.5px;font-weight:700}

/* پنل‌های کناری: عنوان‌بندی و کنترل‌های یکدست */
.certificate-panel-tabs{gap:6px;padding:5px;border:1px solid var(--sk-line);border-radius:13px;background:var(--sk-surface-2)}
.certificate-panel-tabs button{min-height:36px;border-radius:9px;font-size:12.5px;font-weight:800;flex:1}
.certificate-panel-tabs button.is-active{background:var(--sk-surface);box-shadow:0 1px 5px rgba(15,23,42,.07)}
.certificate-sidebar-heading{margin:12px 0 10px}
.certificate-sidebar-heading strong{font-size:13.5px;font-weight:900;color:var(--sk-ink)}
.certificate-sidebar-heading small{font-size:11px;color:var(--sk-ink-faint);font-weight:600}
.certificate-sidebar-section{border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);padding:12px;margin-bottom:10px}
.certificate-sidebar-label,.certificate-sidebar-label-row strong{font-size:11.5px;font-weight:800;color:var(--sk-ink-soft)}
.certificate-editor-search{border:1px solid var(--sk-line);border-radius:12px;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--sk-surface)}
.certificate-editor-search input{border:0;background:none;font:inherit;font-size:12.5px;flex:1;min-width:0}
.certificate-editor-search input:focus{outline:none}

/* اینسپکتور: مقیاس تایپی و ارتفاع کنترل‌های واحد */
.certificate-inspector-section{border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);padding:12px;margin-bottom:10px}
.certificate-inspector-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.certificate-inspector-section-title strong{font-size:12.5px;font-weight:900;color:var(--sk-ink)}
.certificate-inspector-section-title span{font-size:10px;font-weight:700;color:var(--sk-ink-faint)}
.certificate-inspector-field>span{font-size:11px;font-weight:800;color:var(--sk-ink-soft)}
.certificate-inspector-field input:not([type="color"]),.certificate-inspector-field select,.certificate-inspector-field textarea{min-height:36px;border-radius:10px;font-size:12.5px}
.certificate-segment-control{border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface-2);padding:3px;display:flex;gap:3px}
.certificate-segment-control button{min-height:32px;min-width:36px;border-radius:8px;font-size:14px;flex:1}
.certificate-segment-control button.is-active{background:var(--sk-surface);box-shadow:0 1px 4px rgba(15,23,42,.08);color:var(--sk-ink)}

/* بوم: نوار ابزار مرتب و دکمه‌های هم‌قد */
.certificate-canvas-toolbar{border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);padding:7px 9px;gap:8px;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.certificate-tool-button{min-width:40px;min-height:40px;border-radius:10px}
.certificate-zoom-value{min-height:40px;border-radius:10px;font-weight:800;font-size:12.5px;padding:0 10px}
.certificate-toolbar-separator{width:1px;align-self:stretch;background:var(--sk-line);margin:4px 2px}


/* ===== EDITOR v9.1 — اصلاح تمام‌صفحه: خنثی‌سازی مارجین منفی قدیمی (ریشهٔ چسبیدن به بالا و overflow افقی)،
   نوار ابزار منعطف، و بازطراحی کامل کتابخانه عناصر و نمای پنل‌های کناری ===== */
body:has(.certificate-editor-page) .sk-content{padding:12px 14px 14px!important;overflow-x:clip}
.certificate-editor-page{margin:0!important;min-height:calc(100vh - 26px);border:1px solid var(--cert-line);border-radius:18px}
.certificate-editor-header{position:static;height:auto!important;margin:0 0 0;border:0;border-bottom:1px solid var(--cert-line);border-radius:18px 18px 0 0;box-shadow:none;backdrop-filter:none;background:var(--sk-surface)}
.certificate-editor-layout{border-radius:0 0 18px 18px}
.certificate-canvas-toolbar{height:auto;min-height:52px;border-radius:0;border:0;border-bottom:1px solid var(--cert-line);box-shadow:none}
@media(max-width:1100px){.certificate-editor-page{margin:0!important}.certificate-editor-header{height:auto!important}}
@media(max-width:860px){.certificate-editor-page{margin:0!important}}

/* نمای پنل‌های کناری: تنفس و مقیاس یکنواخت */
.certificate-sidebar-view{padding:14px 14px 20px}
.certificate-sidebar-heading{align-items:center;margin:2px 0 12px}
.certificate-sidebar-heading small{margin-top:2px}
.certificate-library-group{margin-bottom:16px}
.certificate-library-group h3{font-size:11px;font-weight:800;color:var(--sk-ink-soft);margin:0 0 8px;letter-spacing:.2px}
.certificate-library-hint{display:flex;gap:9px;align-items:flex-start;border:1px dashed var(--sk-amber-line,#f2d9a0);background:var(--cert-primary-soft);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.certificate-library-hint span{flex:none;font-weight:900;color:var(--cert-primary)}
.certificate-library-hint p{margin:0;font-size:11px;line-height:1.9;color:var(--sk-ink-soft)}

/* کتابخانه عناصر: کارت افقی دو‌خطی — بدون هم‌پوشانی متن */
.certificate-library-group>div{display:grid;grid-template-columns:1fr;gap:8px}
.certificate-library-item{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;row-gap:1px;align-items:center;justify-items:start;text-align:start;min-height:58px;padding:9px 12px;border-radius:13px}
.certificate-library-item>span{grid-row:1/3;width:38px;height:38px;border-radius:11px;font-size:15px}
.certificate-library-item strong{font-size:12.5px;font-weight:800;line-height:1.5}
.certificate-library-item small{font-size:10.5px;line-height:1.7;color:var(--sk-ink-faint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.certificate-library-item:hover:not(:disabled){transform:none;border-color:var(--sk-amber)}

/* لیست قالب‌های خام و لیست تگ‌ها هم‌خانواده با کارت‌ها */
.certificate-background-list,.certificate-token-list{display:grid;gap:8px}
.certificate-token-help{border:1px solid var(--cert-line);border-radius:12px;background:var(--sk-surface-2);padding:11px 12px;margin-top:12px}
.certificate-token-help strong{font-size:11.5px}
.certificate-token-help p{margin:6px 0 0;font-size:10.5px;line-height:1.9;color:var(--sk-ink-soft)}
.certificate-token-help code{font-size:10px;background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:6px;padding:1px 5px}


/* ===== EDITOR v9.2 — راهنمای سه‌گام، آکاردئون‌ها و Popover راهنمای بوم ===== */
.certificate-guide{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(180deg,var(--cert-primary-soft),transparent 160%);border-bottom:1px solid var(--cert-line);padding:9px 14px}
.certificate-guide strong{font-size:12px;font-weight:900;color:var(--sk-ink)}
.certificate-guide>i{color:var(--sk-ink-faint);font-style:normal}
.certificate-guide button[data-guide-step]{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:999px;padding:6px 12px 6px 14px;font-size:11.5px;font-weight:700;color:var(--sk-ink);cursor:pointer;transition:.15s}
.certificate-guide button[data-guide-step]:hover{border-color:var(--sk-amber);background:var(--sk-surface-2)}
.certificate-guide button[data-guide-step] b{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--sk-ink);color:#fff;font-size:11px;flex:none}
.certificate-guide-close{margin-inline-start:auto;width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--sk-ink-faint);font-size:17px;cursor:pointer}
.certificate-guide-close:hover{background:var(--sk-surface-2);color:var(--sk-ink)}

/* آکاردئون بخش‌های ویژگی‌ها */
.certificate-inspector-section-title{cursor:pointer;user-select:none;position:relative;padding-inline-end:24px;margin-bottom:10px}
.certificate-inspector-section-title::after{content:"";position:absolute;inset-inline-end:4px;top:50%;width:8px;height:8px;border-inline-end:2px solid var(--sk-ink-faint);border-block-end:2px solid var(--sk-ink-faint);transform:translateY(-70%) rotate(45deg);transition:transform .16s}
.certificate-inspector-section.is-collapsed>*:not(.certificate-inspector-section-title){display:none!important}
.certificate-inspector-section.is-collapsed .certificate-inspector-section-title{margin-bottom:0}
.certificate-inspector-section.is-collapsed .certificate-inspector-section-title::after{transform:translateY(-30%) rotate(-135deg)}
.certificate-inspector-section-title:hover strong{color:var(--cert-primary)}

/* آکاردئون گروه‌های کتابخانه */
.certificate-library-group h3{cursor:pointer;user-select:none;position:relative;padding:8px 10px 8px 26px;margin:0 0 8px;border:1px solid var(--cert-line);border-radius:10px;background:var(--sk-surface-2)}
.certificate-library-group h3::after{content:"";position:absolute;inset-inline-start:12px;top:50%;width:7px;height:7px;border-inline-end:2px solid var(--sk-ink-faint);border-block-end:2px solid var(--sk-ink-faint);transform:translateY(-65%) rotate(45deg);transition:transform .16s}
.certificate-library-group.is-collapsed>div{display:none}
.certificate-library-group.is-collapsed h3{margin-bottom:0}
.certificate-library-group.is-collapsed h3::after{transform:translateY(-30%) rotate(-135deg)}
[data-element-library].is-searching .certificate-library-group h3::after{opacity:.35}

/* راهنمای بوم به‌صورت Popover کوچک */
.certificate-canvas-footer{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.certificate-hints-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--cert-line);background:var(--sk-surface);border-radius:999px;min-height:30px;padding:0 12px;font-size:11px;font-weight:800;color:var(--sk-ink-soft);cursor:pointer}
.certificate-hints-toggle span{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--sk-surface-2);font-size:11px}
.certificate-hints-toggle.is-open,.certificate-hints-toggle:hover{border-color:var(--sk-amber);color:var(--sk-ink)}
.certificate-canvas-hints{position:absolute;bottom:calc(100% + 8px);inset-inline-start:8px;z-index:40;background:var(--sk-surface);border:1px solid var(--cert-line);border-radius:13px;box-shadow:0 14px 34px rgba(15,23,42,.14);padding:11px 13px;display:flex;flex-direction:column;gap:8px;min-width:250px}
.certificate-canvas-hints span{font-size:11px;color:var(--sk-ink-soft);display:flex;align-items:center;gap:7px}
.certificate-canvas-footer [data-selection-summary]{margin-inline-start:auto;font-size:11px;color:var(--sk-ink-faint)}


/* ===== EDITOR v9.3 — مونوکرومِ مینیمال: رفع قطعی هم‌پوشانی کارت‌های کتابخانه، سرگروه‌های خطی،
   آیکون‌ها و حالت‌های فعال با رنگ مشکی، مقیاس فونت یکدست، و راهنمای سه‌گام بالای بوم ===== */

/* مقیاس یکدست */
.certificate-editor-page{font-size:12.5px}
.certificate-zoom-value{font-size:11.5px}
.certificate-preview-scope{font-size:11px;height:38px;border-radius:10px}
.certificate-tool-button small{font-size:9.5px}
.certificate-save-indicator{font-size:11px}
.certificate-editor-search input{font-size:12px}

/* حالت‌های فعال و تأکیدها: مشکی به‌جای کهربایی */
.certificate-tool-button.is-active{background:var(--sk-surface-2);color:var(--sk-ink)}
.certificate-panel-tabs button.is-active{color:var(--sk-ink)}
.certificate-library-hint span{color:var(--sk-ink)}
.certificate-library-hint{border-color:var(--cert-line);background:var(--sk-surface-2)}
.certificate-guide button[data-guide-step]:hover{border-color:var(--sk-ink-soft);background:var(--sk-surface-2)}
.certificate-hints-toggle.is-open,.certificate-hints-toggle:hover{border-color:var(--sk-ink-soft)}
.certificate-inspector-section-title:hover strong{color:var(--sk-ink)}

/* کارت آیتم کتابخانه — چیدمان قطعی flex؛ ظرف متن از قاعده چیپ مستثنا */
.certificate-library-item{display:flex;align-items:center;justify-content:flex-start;gap:11px;text-align:start;min-height:56px;padding:9px 12px;border-radius:13px;grid-template-columns:none}
.certificate-library-item>span:first-child{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--sk-surface-2);border:1px solid var(--cert-line);color:var(--sk-ink);font-size:15px;font-weight:900;grid-row:auto}
.certificate-library-item>span.certificate-library-item__text{flex:1 1 auto;min-width:0;width:auto;height:auto;background:none;border:0;border-radius:0;display:flex;flex-direction:column;gap:1px;place-items:initial;font-size:inherit;font-weight:400;grid-row:auto;color:inherit}
.certificate-library-item strong{font-size:12.5px;font-weight:800;color:var(--sk-ink);line-height:1.6}
.certificate-library-item small{font-size:10.5px;color:var(--sk-ink-faint);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.certificate-library-item:hover:not(:disabled){border-color:var(--sk-ink-soft);background:var(--sk-surface-2);transform:none}
.certificate-library-item:hover:not(:disabled)>span:first-child{border-color:var(--sk-ink-soft)}
.certificate-library-item.is-added>span:first-child{opacity:.5}

/* سرگروه‌های کتابخانه: خطیِ مینیمال — فلش سمت درستِ RTL و خط جداکننده */
.certificate-library-group h3{display:flex;align-items:center;gap:8px;padding:5px 2px;margin:0 0 8px;border:0;background:none;border-radius:0;font-size:11px;font-weight:800;color:var(--sk-ink-soft);cursor:pointer}
.certificate-library-group h3::before{content:"▾";font-size:10px;line-height:1;color:var(--sk-ink-faint);transition:transform .16s;flex:none}
.certificate-library-group.is-collapsed h3::before{transform:rotate(90deg)}
.certificate-library-group h3::after{content:"";position:static;flex:1 1 auto;height:1px;background:var(--cert-line);border:0;width:auto;transform:none;inset:auto}
.certificate-library-group.is-collapsed h3::after{transform:none}

/* راهنمای سه‌گام: نوار مستقل بالای بوم */
.certificate-canvas-area>.certificate-guide{flex:0 0 auto;width:100%;background:var(--sk-surface);border-bottom:1px solid var(--cert-line);padding:8px 12px}
.certificate-guide strong{font-size:11.5px}
.certificate-guide button[data-guide-step]{font-size:11px}
.certificate-guide button[data-guide-step] b{background:var(--sk-ink)}


/* ===== EDITOR v9.4 — تضمین نمایش ابزارهای بوم و زوم، آیکون‌های بزرگ‌تر اکشن‌های زمینه، دکمه «بازگشت» متنی ===== */
.certificate-canvas-toolbar{display:flex!important;flex-wrap:wrap;gap:6px 10px;justify-content:space-between}
.certificate-canvas-tools{display:flex!important;flex:1 1 auto;min-width:0;flex-wrap:wrap;row-gap:6px}
.certificate-canvas-tools .certificate-tool-button,.certificate-canvas-tools .certificate-zoom-value{display:flex!important}
.certificate-canvas-context-actions{flex:0 0 auto;gap:5px;padding:3px;border-radius:12px}
.certificate-canvas-context-actions button{height:40px!important;min-width:40px!important;font-size:16px;border-radius:10px}
.certificate-canvas-context-actions button.is-danger{font-size:15px}
/* دکمه بازگشت متنی */
.certificate-editor-back{width:auto;min-width:0;height:38px;padding:0 15px;border-radius:11px;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--sk-ink)}
.certificate-editor-back::after{content:"→";font-size:14px;line-height:1}
@media(max-width:620px){.certificate-editor-back{width:auto;height:34px;padding:0 10px;font-size:11.5px}}


/* ===== EDITOR v9.5 — زوم در نوار نمایش، آیکون‌های بزرگ‌تر اکشن‌های زمینه، تب‌ها بدون گردی، حذف راهنمای سه‌گام ===== */
.certificate-canvas-context-actions button{height:44px!important;min-width:44px!important;font-size:18px!important;border-radius:11px}
.certificate-panel-tabs{border-radius:0}
.certificate-display-zoom{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--cert-line);border-radius:11px;padding:2px;background:var(--sk-surface)}
.certificate-display-zoom .certificate-tool-button{height:36px;min-width:36px}
.certificate-display-zoom .certificate-zoom-value{height:36px;min-width:52px;font-size:12px;font-weight:800}
.certificate-canvas-display-actions{display:flex;align-items:center;gap:8px}
.certificate-guide{display:none!important}

/* ===== EDITOR v9.6 — ویرایشگر داخل‌بوم شفاف با قاب خط‌چین (WYSIWYG واقعی) ===== */
.certificate-inline-text-editor{background:transparent!important;border:2px dashed var(--cert-primary)!important;border-radius:6px;box-shadow:none!important;caret-color:var(--cert-primary);scrollbar-width:thin}
.certificate-inline-text-editor::selection{background:rgba(214,168,75,.45)}
.certificate-canvas-element:has(.certificate-inline-text-editor).is-selected::before{content:none}

/* ═══════════════════════════════════════════════════════════════════════════
   CERT DETAIL v2 · هم‌راستا کردن صفحهٔ جزئیات گواهینامه با استاندارد پنل
   ───────────────────────────────────────────────────────────────────────────
   ۱) هیرو از الگوی مشترک .skd-hero پیروی می‌کند (مثل بقیهٔ صفحات پنل)؛
      لینک بازگشت به‌جای یک ردیف جدا بالای صفحه، داخل خط عنوان نشسته است.
   ۲) وقتی کارت «عملیات مدیریتی» وجود ندارد (دید دانشجو)، کارت اطلاعات صدور
      نصف عرض می‌ماند چون گرید همیشه دوستونی بود. حالا تک‌فرزند تمام‌عرض می‌شود.
   ۳) تاریخچهٔ عملیات با <ol> رندر می‌شد ولی CSS فقط ul را هدف گرفته بود، پس
      لیست بدون ریست و با ترتیب ستونی وارونه نمایش داده می‌شد.
   بلوک انتهای فایل است، پس بدون !important بر قوانین بالادست غالب می‌شود.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ——— ۱) هیرو ——— */
.cert-detail-page .cert-detail-hero{margin-bottom:16px}
.cert-detail-hero .cert-detail-heading-line{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:2px}
.cert-detail-hero h1{
  font-size:clamp(21px,2.5vw,27px);font-weight:800;letter-spacing:-.4px;
  margin:0;line-height:1.35;color:var(--sk-ink)}
.cert-detail-hero p.cert-mono{
  margin:0;font-size:12.5px;color:var(--sk-ink-faint);direction:ltr;text-align:right}

/* لینک بازگشت فشرده داخل خط عنوان */
.cert-hero-back{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12px;font-weight:700;color:var(--sk-ink-faint);text-decoration:none;
  transition:color .15s}
.cert-hero-back::before{content:"→";font-size:13px;line-height:1}
.cert-hero-back:hover{color:var(--sk-amber-deep)}
.cert-hero-back::after{
  content:"";width:1px;height:13px;background:var(--sk-line-strong);
  margin-inline-start:4px}

.cert-subject-kind{font-size:12px;color:var(--sk-ink-faint);font-weight:600}
.cert-detail-hero .cert-actions{align-items:center}

/* ——— ۲) گرید جزئیات: تک‌فرزند تمام‌عرض ——— */
.cert-detail-grid:has(> section:only-child){grid-template-columns:1fr}
/* fallback برای مرورگرهای بدون :has — کارت اطلاعات هرگز باریک‌تر از این نشود */
.cert-detail-grid > .cert-meta-card{min-width:0}

/* ——— ۳) تاریخچهٔ عملیات ——— */
.cert-events :is(ul,ol),
.cert-event-list{
  list-style:none;margin:0;padding:0;display:grid;gap:9px}
.cert-events li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);   /* قبلاً 1fr auto بود: نقطه کش می‌آمد */
  align-items:start;gap:11px;
  background:var(--sk-surface-2);border:1px solid var(--sk-line);
  border-radius:14px;padding:11px 13px}
.cert-events li > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cert-events li b{font-size:13.5px;font-weight:800;color:var(--sk-ink)}
.cert-events li time{font-size:12px;color:var(--sk-ink-soft);direction:rtl}
.cert-events li small{grid-column:auto;font-size:11.5px;color:var(--sk-ink-faint)}
.cert-events li p{margin:2px 0 0;font-size:12.5px;color:var(--sk-ink-soft);line-height:1.8}

/* ——— اطلاعات صدور: ستون برچسب کمی پهن‌تر برای عنوان‌های فارسی بلند ——— */
.cert-meta-card dl{grid-template-columns:minmax(120px,150px) minmax(0,1fr);gap:11px 16px}
.cert-meta-card dd{direction:rtl}
.cert-meta-card dd.cert-mono{direction:ltr;text-align:right}

@media(max-width:860px){
  .cert-meta-card dl{grid-template-columns:1fr;gap:3px 0}
  .cert-meta-card dt{margin-top:9px}
  .cert-events li{grid-template-columns:auto minmax(0,1fr)}
}

/* ═══════════════════════════════════════════════════════════════════════════
   CERT v3 · ریتم ۱۲px، تاریخچهٔ عملیات، و بازطراحی صفحهٔ اعتبارسنجی عمومی
   ═══════════════════════════════════════════════════════════════════════════ */

/* ——— ۱) قاعدهٔ فاصله: بین همهٔ باکس‌ها ۱۲px، افقی و عمودی ——— */
.cert-detail-page .cert-detail-hero{margin-bottom:12px}
.cert-detail-grid{gap:12px;margin-bottom:12px}
.cert-events{margin-top:12px}
.cert-preview-frame{margin:0 0 12px}
.cert-chain-card{margin-bottom:12px}
.cert-integrity-card{margin-bottom:12px}
.cert-empty{margin-bottom:12px}
.cert-action-stack{gap:12px}

/* ——— ۲) تاریخچهٔ عملیات: تایم‌لاین واقعی ——— */
/* نسخهٔ قبل مشت کارت خاکستری پشت‌سرهم بود بدون هیچ حس توالی زمانی. */
.cert-events{padding:18px 20px}
.cert-events h2{margin:0 0 14px}
.cert-events :is(ul,ol),
.cert-event-list{position:relative;gap:0}
/* خط عمودی تایم‌لاین */
.cert-event-list::before{
  content:"";position:absolute;top:9px;bottom:9px;inset-inline-start:7px;
  width:2px;border-radius:2px;background:var(--sk-line)}
.cert-events li{
  position:relative;background:none;border:0;border-radius:0;
  padding:0 0 16px;gap:14px;align-items:start}
.cert-events li:last-child{padding-bottom:0}
.cert-event-dot{
  width:16px;height:16px;margin-top:2px;flex-shrink:0;
  border:3px solid var(--sk-surface);border-radius:50%;
  background:var(--sk-line-strong);
  box-shadow:0 0 0 2px var(--sk-line)}
/* جدیدترین رویداد بالای لیست است و برجسته می‌شود */
.cert-events li:first-child .cert-event-dot{
  background:var(--sk-amber);box-shadow:0 0 0 2px var(--sk-amber-line)}
.cert-events li:first-child b{color:var(--sk-ink)}
.cert-events li b{
  font-size:13.5px;font-weight:800;color:var(--sk-ink-soft);line-height:1.6}
.cert-events li time{
  font-size:12px;color:var(--sk-ink-faint);font-weight:600;direction:rtl}
.cert-events li small{font-size:11.5px;color:var(--sk-ink-faint)}

/* ——— ۳) دکمه‌های تأیید نام ——— */
.cert-confirm-actions{display:flex;gap:10px;align-items:center}

/* ═══════════════════════════════════════════════════════════════════════════
   ۴) صفحهٔ اعتبارسنجی عمومی — حس «سند» نه «صفحهٔ فرم»
   ───────────────────────────────────────────────────────────────────────────
   این صفحه اولین (و گاهی تنها) چیزی است که یک کارفرما از تست‌کاو می‌بیند، پس
   باید رسمی و قابل‌اعتماد به نظر برسد: کاغذ کرم، قاب دولایه، مهر دایره‌ای با
   متن دور تا دور، و جدول داده با خطوط مویی. همه CSS خالص است.
   ═══════════════════════════════════════════════════════════════════════════ */

.certificate-public-body{
  background:
    radial-gradient(1100px 620px at 50% -10%, rgba(255,194,24,.10), transparent 62%),
    linear-gradient(180deg,#faf8f3 0%,#f4f1e9 100%);
  min-height:100vh}

.verify-shell{
  max-width:940px;margin:0 auto;padding:40px 20px 56px}

.verify-result-card,
.verify-search-card{
  position:relative;
  background:#fffdf8;
  border:1px solid #e6dfcf;
  border-radius:20px;
  padding:38px 42px 30px;
  box-shadow:0 1px 2px rgba(60,50,25,.05), 0 30px 70px -34px rgba(60,50,25,.35)}

/* قاب داخلی دولایه — امضای بصری اسناد رسمی */
.verify-guilloche{
  position:absolute;inset:10px;pointer-events:none;border-radius:13px;
  border:1px solid rgba(180,140,40,.28);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.75), inset 0 0 0 4px rgba(180,140,40,.13)}

/* نوار وضعیت بالای سند */
.verify-result-card::before{
  content:"";position:absolute;inset-inline:0;top:0;height:5px;
  border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,var(--sk-amber,#ffc218),#e2b23a,var(--sk-amber,#ffc218))}
.verify-result-card.is-revoked::before{background:linear-gradient(90deg,#dc2626,#f87171,#dc2626)}
.verify-result-card.is-superseded::before{background:linear-gradient(90deg,#d97706,#fbbf24,#d97706)}
.verify-result-card.is-unavailable::before{background:linear-gradient(90deg,#94a3b8,#cbd5e1,#94a3b8)}

.verify-result-header{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-bottom:16px;margin-bottom:22px;
  border-bottom:1px solid rgba(180,140,40,.20)}

.verify-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.verify-brand-mark{
  width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(145deg,#1c1e24,#33373f);color:#ffd04a;
  font-weight:900;font-size:15px;letter-spacing:.5px}
.verify-brand strong{display:block;font-size:15px;color:#22242a;font-weight:900}
.verify-brand small{display:block;font-size:11.5px;color:#8b8577}

/* ——— مهر تأیید ——— */
.verify-result-intro{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:26px;
  padding:6px 0 26px;margin-bottom:22px;
  border-bottom:1px solid rgba(180,140,40,.20)}
.verify-seal{position:relative;width:118px;height:118px;flex-shrink:0}
.verify-seal__ring{width:100%;height:100%;animation:vsealSpin 44s linear infinite}
@keyframes vsealSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.verify-seal__ring{animation:none}}
.vseal-outer{fill:none;stroke:rgba(180,140,40,.45);stroke-width:1.5}
.vseal-inner{fill:none;stroke:rgba(180,140,40,.28);stroke-width:1;stroke-dasharray:3 4}
.vseal-text{font-size:8.2px;font-weight:800;fill:rgba(120,92,20,.75);letter-spacing:.4px}
.verify-seal__mark{
  position:absolute;inset:22px;border-radius:50%;display:grid;place-items:center;
  font-size:34px;font-weight:900;line-height:1;
  background:radial-gradient(circle at 34% 28%, #fff6d8, #f6dd9a 62%, #e6c469);
  color:#5d4708;
  box-shadow:inset 0 2px 6px rgba(255,255,255,.9), 0 6px 16px -6px rgba(120,92,20,.5)}
.is-revoked .verify-seal__mark{
  background:radial-gradient(circle at 34% 28%, #ffe4e4, #f8b4b4 62%, #ef8a8a);color:#7f1d1d}
.is-revoked .vseal-outer{stroke:rgba(190,50,50,.45)}
.is-revoked .vseal-text{fill:rgba(140,30,30,.75)}
.is-superseded .verify-seal__mark{
  background:radial-gradient(circle at 34% 28%, #fff0d4, #fbd58a 62%, #eab557);color:#78350f}
.is-unavailable .verify-seal__mark{
  background:radial-gradient(circle at 34% 28%, #f1f5f9, #d5dce4 62%, #b6c0cc);color:#334155}

.verify-result-intro h1{
  margin:0 0 8px;font-size:clamp(28px,4vw,40px);font-weight:900;
  letter-spacing:-.8px;color:#1d1f24;line-height:1.25}
.verify-result-intro p{
  margin:0;font-size:14px;line-height:2;color:#6b6559;max-width:52ch}

.verify-result-pill{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 15px;border-radius:999px;font-size:12.5px;font-weight:900;
  background:rgba(255,194,24,.16);color:#7a5c07;border:1px solid rgba(180,140,40,.32)}
.verify-result-pill.is-revoked{background:rgba(220,38,38,.10);color:#991b1b;border-color:rgba(220,38,38,.28)}
.verify-result-pill.is-superseded{background:rgba(217,119,6,.12);color:#92400e;border-color:rgba(217,119,6,.30)}

/* ——— جدول داده‌های سند ——— */
.verify-data-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;margin:0 0 22px;
  border:1px solid rgba(180,140,40,.20);border-radius:14px;overflow:hidden;
  background:rgba(255,255,255,.55)}
.verify-data-grid > div{
  padding:14px 18px;
  border-bottom:1px solid rgba(180,140,40,.14);
  border-inline-start:1px solid rgba(180,140,40,.14)}
.verify-data-grid > div:nth-child(2n+1){border-inline-start:0}
.verify-data-grid > div:nth-last-child(-n+2){border-bottom:0}
.verify-data-grid dt{
  margin:0 0 5px;font-size:11.5px;font-weight:800;color:#8b8577;
  letter-spacing:.2px}
.verify-data-grid dd{
  margin:0;font-size:14.5px;font-weight:800;color:#1d1f24;
  line-height:1.7;word-break:break-word}
.verify-data-grid dd[dir="ltr"]{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;letter-spacing:.3px}

.verify-result-footer{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding-top:16px;border-top:1px solid rgba(180,140,40,.20)}
.verify-result-footer p{margin:0;font-size:11.5px;color:#8b8577;line-height:1.9}
.verify-result-footer a{
  font-size:12.5px;font-weight:800;color:#7a5c07;text-decoration:none;
  padding:7px 14px;border-radius:999px;border:1px solid rgba(180,140,40,.32);
  transition:background .16s}
.verify-result-footer a:hover{background:rgba(255,194,24,.14)}

.verify-alert{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:13px 16px;border-radius:13px;margin-bottom:12px;font-size:13px;line-height:1.85}
.verify-alert.is-danger{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.24);color:#991b1b}
.verify-alert.is-warning{background:rgba(217,119,6,.10);border:1px solid rgba(217,119,6,.26);color:#92400e}

/* ——— فرم جست‌وجوی کد ——— */
.verify-search-card{max-width:560px;margin:0 auto;text-align:center}
.verify-search-card .verify-brand{justify-content:center;margin-bottom:22px}
.verify-search-icon{
  width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;
  font-size:28px;font-weight:900;color:#5d4708;
  background:radial-gradient(circle at 34% 28%, #fff6d8, #f6dd9a 62%, #e6c469);
  box-shadow:inset 0 2px 6px rgba(255,255,255,.9), 0 8px 20px -8px rgba(120,92,20,.5)}
.verify-search-card h1{margin:0 0 8px;font-size:26px;font-weight:900;color:#1d1f24}
.verify-search-card > p{margin:0 0 22px;font-size:13.5px;color:#6b6559;line-height:1.9}
.verify-form{display:grid;gap:9px;text-align:start;margin-bottom:18px}
.verify-form label{font-size:12.5px;font-weight:800;color:#4a453c}
.verify-form input{
  width:100%;min-height:48px;padding:0 15px;border-radius:13px;
  border:1px solid #ddd4c0;background:#fff;font:inherit;font-size:14.5px;
  direction:ltr;text-align:center;letter-spacing:1px}
.verify-form input:focus{outline:2px solid var(--sk-amber,#ffc218);outline-offset:1px;border-color:transparent}
.verify-primary-button{
  min-height:48px;border:0;border-radius:13px;cursor:pointer;font:inherit;
  font-size:14.5px;font-weight:900;color:#221d0e;
  background:linear-gradient(180deg,#ffd04a,#ffc218);
  box-shadow:0 12px 26px -12px rgba(255,194,24,.8);transition:transform .16s}
.verify-primary-button:hover{transform:translateY(-1px)}
.verify-field-error{font-size:12px;color:#b91c1c;font-weight:700}
.verify-help{
  display:flex;align-items:flex-start;gap:9px;text-align:start;
  padding:12px 14px;border-radius:13px;background:rgba(180,140,40,.07);
  border:1px solid rgba(180,140,40,.18)}
.verify-help p{margin:0;font-size:11.5px;line-height:1.9;color:#6b6559}

@media(max-width:720px){
  .verify-shell{padding:22px 14px 40px}
  .verify-result-card,.verify-search-card{padding:26px 20px 22px;border-radius:17px}
  .verify-guilloche{inset:7px}
  .verify-result-intro{flex-direction:column;align-items:flex-start;gap:16px}
  .verify-seal{width:92px;height:92px}
  .verify-data-grid{grid-template-columns:1fr}
  .verify-data-grid > div{border-inline-start:0}
  .verify-data-grid > div:nth-last-child(2){border-bottom:1px solid rgba(180,140,40,.14)}
  .verify-result-header{flex-direction:column;align-items:flex-start}
}