/* CERTCORE_TEMPLATE_CONTRACT_STUDIO_V19_0 */
.cc-template-card-v2{cursor:pointer;position:relative;overflow:hidden}
.cc-template-card-v2.selected{outline:2px solid #2563eb;outline-offset:-2px;box-shadow:0 14px 38px rgba(37,99,235,.14)}
.cc-template-card-v2 .template-preview{position:relative;overflow:hidden;background:#f8fafc;aspect-ratio:1.414/1}
.cc-template-card-v2 .cc-template-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cc-template-card-v2 .cc-template-empty{position:absolute;inset:0;display:grid;place-items:center;color:#94a3b8;background:linear-gradient(135deg,#fff,#f3f6f9);font-weight:700;font-size:12px}
.cc-template-card-v2 .cc-template-overlay{position:absolute;inset:0;pointer-events:none}
.cc-template-card-v2 .cc-template-overlay .cc-mini-name{position:absolute;left:28%;right:28%;top:35%;font-family:Georgia,serif;font-weight:800;font-size:8px;text-align:center;color:#172033;text-transform:uppercase}
.cc-template-card-v2 .cc-template-overlay .cc-mini-meta{position:absolute;left:12%;right:12%;bottom:11%;display:flex;justify-content:space-between;font-size:4.7px;color:#475569}
.cc-template-card-v2 .cc-card-actions{display:flex;gap:7px;padding:0 12px 12px}
.cc-template-card-v2 .cc-card-actions .btn{flex:1;justify-content:center;min-height:34px;font-size:11px}
.cc-template-card-v2 .cc-card-actions .btn.isg{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.cc-template-card-v2 .cc-card-menu{width:36px;flex:0 0 36px}
.cc-contract-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#eef2ff;color:#3730a3}
.cc-contract-chip.required{background:#fff7ed;color:#c2410c}
.cc-studio-contractbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;margin:0 0 10px;background:#fff;border:1px solid #dfe7ef;border-radius:12px;box-shadow:0 5px 16px rgba(15,23,42,.04)}
.cc-studio-contractbar .cc-side-group{display:flex;gap:4px;padding:3px;background:#f1f5f9;border-radius:10px}
.cc-studio-contractbar button{border:0;background:transparent;border-radius:8px;padding:7px 11px;font:inherit;font-size:11px;font-weight:800;color:#64748b;cursor:pointer}
.cc-studio-contractbar button.active{background:#fff;color:#0f172a;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.cc-studio-contractbar button.primary-lite{background:#eff6ff;color:#1d4ed8}
.cc-studio-contractbar .cc-contract-label{display:flex;align-items:center;gap:7px;padding:0 6px;font-size:11px;color:#475569}
.cc-studio-contractbar .cc-contract-label b{color:#0f172a}
.cc-studio-contractbar .spacer{flex:1}
.cc-studio-bg-actions{display:flex;gap:6px}
.cc-studio-bg-actions button{border:1px solid #dbe4ec;background:#fff}
#proCanvas.cc-contract-canvas{position:relative;overflow:hidden;background:#fff}
#proCanvas .cc-design-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
#proCanvas .cc-design-pdf{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none}
#proCanvas .cc-contract-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
#proCanvas .cc-contract-field{position:absolute;display:flex;align-items:center;justify-content:center;padding:2px 4px;text-align:center;color:#172033;font-size:11px;line-height:1.15;overflow:hidden;box-sizing:border-box}
#proCanvas .cc-contract-field[data-binding="holder_name"]{font-family:Georgia,serif;font-size:18px;font-weight:800;text-transform:uppercase}
#proCanvas .cc-contract-field[data-binding="training_name"]{font-size:13px;font-weight:800}
#proCanvas .cc-contract-field.cc-logo{border:1px dashed rgba(37,99,235,.38);font-size:8px;color:#2563eb;background:rgba(255,255,255,.78)}
#proCanvas .cc-contract-field.cc-signature{border-top:1px solid rgba(51,65,85,.45);font-size:8px;align-items:flex-start;padding-top:4px}
#proCanvas .cc-contract-field.cc-qr{border:1px dashed rgba(51,65,85,.35);font-size:16px;background:rgba(255,255,255,.75)}
#proCanvas .cc-topic-table{position:absolute;background:rgba(255,255,255,.95);border:1px solid #cbd5e1;overflow:hidden;font-size:7px;color:#1e293b;box-sizing:border-box}
#proCanvas .cc-topic-table .head{display:grid;grid-template-columns:1fr 58px;background:#eef2f6;font-weight:800;color:#0f172a;border-bottom:1px solid #cbd5e1}
#proCanvas .cc-topic-table .head span,#proCanvas .cc-topic-table .row span{padding:4px 6px}
#proCanvas .cc-topic-table .row{display:grid;grid-template-columns:1fr 58px;border-bottom:1px solid #e2e8f0}
#proCanvas .cc-topic-table .row.group{background:#f8fafc;font-weight:800}
#proCanvas .cc-topic-table .row:last-child{border-bottom:0}
#proCanvas .cc-topic-table .duration{text-align:center;border-left:1px solid #e2e8f0}
.cc-contract-note{font-size:10px;color:#64748b;padding:7px 9px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0}
.cc-contract-note strong{color:#0f172a}
.cc-required-field-list{display:grid;gap:6px;margin-top:8px}
.cc-required-field-list .item{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:10px}
.cc-required-field-list .item span:last-child{color:#16a34a;font-weight:800}
.cc-template-import-input{display:none}
@media (max-width:1180px){.cc-studio-contractbar .spacer{display:none}.cc-studio-contractbar{align-items:flex-start}}

/* v18.3 movable studio objects */
#proCanvas .cc-contract-layer{pointer-events:auto}
#proCanvas .cc-studio-object{position:absolute;box-sizing:border-box;cursor:move;user-select:none;touch-action:none;pointer-events:auto;transition:box-shadow .12s ease,outline-color .12s ease}
#proCanvas .cc-studio-object:hover{outline:1px dashed rgba(37,99,235,.38);outline-offset:1px}
#proCanvas .cc-studio-object.selected{outline:2px solid #2563eb;outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
#proCanvas .cc-studio-object.locked{cursor:not-allowed;outline-color:rgba(245,158,11,.65)}
#proCanvas .cc-studio-object .cc-object-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:pre-line;overflow:hidden;pointer-events:none}
#proCanvas .cc-resize-handle{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;border-radius:3px;background:#2563eb;border:2px solid #fff;box-shadow:0 1px 4px rgba(15,23,42,.25);cursor:nwse-resize;opacity:0;pointer-events:auto}
#proCanvas .cc-studio-object.selected .cc-resize-handle{opacity:1}
#proCanvas .cc-contract-field.cc-title-field{font-family:Georgia,serif;font-weight:800;font-size:21px;letter-spacing:.4px}
#proCanvas .cc-contract-field.cc-body-field{font-family:Georgia,serif;font-size:8.5px;line-height:1.35;text-align:center;padding:6px 10px}
#proCanvas .cc-custom-object{border:1px dashed rgba(100,116,139,.45);background:rgba(255,255,255,.72);font-size:10px;color:#334155}
#proCanvas .cc-topic-table{display:block;background:rgba(255,255,255,.90);border:1px solid #b98c2f;border-radius:2px;overflow:auto;font-size:7px;color:#1e293b}
#proCanvas .cc-topic-table-title{font-family:Georgia,serif;font-weight:800;font-size:11px;letter-spacing:.5px;text-align:center;padding:7px 8px;border-bottom:1px solid #c6a253;background:rgba(250,247,239,.95)}
#proCanvas .cc-topic-table-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);height:calc(100% - 30px)}
#proCanvas .cc-topic-col{min-width:0;border-right:1px solid #d9c58f;overflow:auto}
#proCanvas .cc-topic-col:last-child{border-right:0}
#proCanvas .cc-topic-table .row{display:grid;grid-template-columns:minmax(0,1fr) 52px;border-bottom:1px solid #eadfbe;background:rgba(255,255,255,.75)}
#proCanvas .cc-topic-table .row.group{background:#f7f1df;font-weight:800;color:#172033}
#proCanvas .cc-topic-table .row span{padding:4px 5px}
#proCanvas .cc-topic-table .duration{text-align:center;border-left:1px solid #eadfbe;white-space:nowrap}
.layers-pro .layer-pro button{border:0;background:transparent;color:#64748b;width:24px;height:24px;border-radius:6px;cursor:pointer;display:grid;place-items:center;padding:0}
.layers-pro .layer-pro button:hover{background:#eef2ff;color:#1d4ed8}
.layers-pro .layer-pro span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.layers-pro .layer-pro{grid-template-columns:16px 16px minmax(0,1fr) 24px 24px 24px;gap:5px}
.coord-grid input{font-variant-numeric:tabular-nums}
@media (max-width:1180px){#proCanvas .cc-topic-table-grid{grid-template-columns:1fr 1fr}}
.cc-template-card-v2 .cc-template-overlay .cc-mini-title{position:absolute;left:22%;right:22%;top:15%;font-family:Georgia,serif;font-weight:800;font-size:7px;text-align:center;color:#172033;letter-spacing:.3px}
#proCanvas .cc-studio-object{overflow:visible!important}
#proCanvas .cc-topic-table{overflow:visible!important}
#proCanvas .cc-topic-table-grid{overflow:auto}
#proCanvas .cc-studio-object.selected{z-index:9999!important}

/* v18.4 live topic sync + inline edit */
.cc-topic-empty{height:calc(100% - 34px);display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;color:#64748b;background:rgba(248,250,252,.9);border:1px dashed #cbd5e1;border-radius:10px;font-size:12px}
.cc-studio-object[data-binding]:not([data-binding="company_logo"]):not([data-binding="organizer_logo"]):not([data-binding="verification_qr"]):not([data-binding="training_topics"]) .cc-object-content{cursor:text}
.cc-studio-object.selected .cc-object-content{outline:1px dashed rgba(37,99,235,.22);outline-offset:2px}

/* CERTCORE STUDIO PRO v18.5 - PRINT BALANCE + ACTIVE TOOLS */
#proCanvas .cc-topic-table{overflow:hidden!important;background:rgba(255,255,255,.96);}
#proCanvas .cc-topic-table-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:hidden!important;height:calc(100% - 28px);align-items:start;}
#proCanvas .cc-topic-col{min-width:0;overflow:hidden;border-right:1px solid #c6a253;}
#proCanvas .cc-topic-col:last-child{border-right:0;}
#proCanvas .cc-topic-table .row{grid-template-columns:minmax(0,1fr) 46px!important;line-height:1.08;break-inside:avoid;}
#proCanvas .cc-topic-table .row span{padding:3px 4px!important;overflow-wrap:anywhere;}
#proCanvas .cc-topic-table[data-density="compact"]{font-size:6.15px;}
#proCanvas .cc-topic-table[data-density="compact"] .row span{padding:2px 3px!important;}
#proCanvas .cc-topic-table[data-density="compact"] .cc-topic-table-title{font-size:9px;padding:5px 6px;}
#proCanvas .cc-topic-table[data-density="ultra"]{font-size:5.35px;}
#proCanvas .cc-topic-table[data-density="ultra"] .row span{padding:1.5px 2.5px!important;}
#proCanvas .cc-topic-table[data-density="ultra"] .cc-topic-table-title{font-size:8px;padding:4px 5px;}
#proCanvas .cc-topic-table .cc-resize-handle{display:block;}

#proCanvas .cc-shape{width:100%;height:100%;box-sizing:border-box;background:#173149;border:1px solid #173149;}
#proCanvas .cc-shape-circle{border-radius:50%;}
#proCanvas .cc-shape-line{height:3px;position:absolute;top:50%;left:0;right:0;border:0;border-radius:999px;transform:translateY(-50%);}
#proCanvas .cc-shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);border:0;}
#proCanvas .cc-shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 95%,50% 72%,21% 95%,32% 57%,2% 35%,39% 35%);border:0;}
#proCanvas .cc-shape-badge{clip-path:polygon(50% 0,61% 12%,78% 8%,85% 24%,100% 31%,94% 50%,100% 69%,85% 76%,78% 92%,61% 88%,50% 100%,39% 88%,22% 92%,15% 76%,0 69%,6% 50%,0 31%,15% 24%,22% 8%,39% 12%);border:0;}
#proCanvas .cc-media-object{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;}
#proCanvas .cc-icon-object{gap:6px;font-size:clamp(10px,1.2vw,22px);flex-direction:column;text-align:center;}
#proCanvas .cc-icon-object i{font-size:1.55em;}
#proCanvas.cc-grid-visible{background-image:linear-gradient(rgba(37,99,235,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.10) 1px,transparent 1px);background-size:20px 20px;}
#proCanvas.cc-hand-tool{cursor:grab!important;}
.studio-icon.active{background:#e8f0ff!important;color:#1746d1!important;border-color:#bcd0ff!important;}
.studio-pro-page.cc-preview-mode .cc-resize-handle,
.studio-pro-page.cc-preview-mode .cc-studio-object.selected{outline:0!important;box-shadow:none!important;}
.studio-pro-page.cc-preview-mode .cc-studio-object:hover{outline:0!important;}
.asset-upload{cursor:pointer;}
.asset-thumb{cursor:pointer;}

@media print{
  #proCanvas .cc-topic-table{overflow:hidden!important;box-shadow:none!important;outline:0!important;}
  #proCanvas .cc-topic-table-grid,#proCanvas .cc-topic-col{overflow:hidden!important;}
  #proCanvas .cc-resize-handle{display:none!important;}
  #proCanvas .cc-studio-object{outline:0!important;box-shadow:none!important;}
}


/* CERTCORE STUDIO OFFICE / PRINT POLISH V18.6 */
#proCanvas [data-binding="back_title"] .cc-object-content{font-family:Georgia,serif!important;font-size:18px!important;font-weight:800!important;letter-spacing:.04em!important}
#proCanvas .cc-topic-table{font-size:11.6px!important;display:flex!important;flex-direction:column!important;background:rgba(255,255,255,.94)!important}
#proCanvas .cc-topic-table-title{font-size:15px!important;padding:8px 9px!important;flex:0 0 auto!important}
#proCanvas .cc-topic-table-grid{flex:1 1 auto!important;height:auto!important;min-height:0!important;align-items:stretch!important;grid-template-columns:1fr 1fr!important}
#proCanvas .cc-topic-col{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important}
#proCanvas .cc-topic-table .row{flex:1 1 0!important;min-height:0!important;display:grid!important;align-items:center!important;line-height:1.15!important}
#proCanvas .cc-topic-table .row.group{flex:.92 1 0!important;font-size:1.08em!important}
#proCanvas .cc-topic-table .row span{padding:4px 6px!important;display:flex;align-items:center}
#proCanvas .cc-topic-table .duration{justify-content:center}
#proCanvas .cc-topic-table[data-density="compact"]{font-size:10.2px!important}
#proCanvas .cc-topic-table[data-density="compact"] .cc-topic-table-title{font-size:13px!important;padding:6px 7px!important}
#proCanvas .cc-topic-table[data-density="ultra"]{font-size:9px!important}
#proCanvas .cc-topic-table[data-density="ultra"] .cc-topic-table-title{font-size:12px!important;padding:5px 6px!important}
.cc-assigned-media{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
#proCanvas .cc-has-media .cc-object-content{padding:0!important;background:transparent!important;border:0!important}
.cc-media-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-media-action-row button{border:1px solid #dbe3ef;background:#fff;border-radius:9px;padding:8px 7px;font-size:11px;cursor:pointer}.cc-media-action-row button:hover{border-color:#2563eb;color:#1d4ed8}
.cc-studio-context-menu,.cc-studio-menu-popup{position:fixed;z-index:100000;background:#fff;border:1px solid #dbe3ef;border-radius:11px;box-shadow:0 18px 50px rgba(15,23,42,.22);padding:6px;min-width:205px;display:none}.cc-studio-context-menu.open,.cc-studio-menu-popup.open{display:block}.cc-studio-context-menu button,.cc-studio-menu-popup button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 10px;border-radius:7px;text-align:left;color:#243447;cursor:pointer;font-size:12px}.cc-studio-context-menu button:hover,.cc-studio-menu-popup button:hover{background:#f1f5f9}.cc-studio-context-menu button.danger{color:#dc2626}.cc-studio-context-menu hr,.cc-studio-menu-popup hr{border:0;border-top:1px solid #e5e7eb;margin:5px 3px}.cc-studio-menu-popup kbd{margin-left:auto;color:#94a3b8;font-size:10px}
.cc-preview-modal{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.78);display:none;flex-direction:column}.cc-preview-modal.open{display:flex}.cc-preview-toolbar{height:58px;display:flex;align-items:center;gap:10px;padding:0 20px;background:#fff;border-bottom:1px solid #dbe3ef}.cc-preview-toolbar span{flex:1}.cc-preview-toolbar button{border:1px solid #dbe3ef;background:#fff;border-radius:9px;padding:8px 12px;cursor:pointer}.cc-preview-stage{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:28px}.cc-preview-canvas{position:relative;width:min(1188px,92vw)!important;aspect-ratio:297/210;height:auto!important;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.35);overflow:hidden!important}.cc-preview-canvas .cc-studio-object,.cc-preview-canvas .cc-studio-object:hover{outline:0!important;box-shadow:none!important;cursor:default!important}.cc-preview-canvas .cc-resize-handle,.cc-preview-canvas .guide-v,.cc-preview-canvas .guide-h,.cc-preview-canvas .safe-area{display:none!important}.cc-preview-canvas .cc-topic-table-grid,.cc-preview-canvas .cc-topic-col{overflow:hidden!important}
.studio-pro-menu{position:relative}.studio-pro-menu button{cursor:pointer}.cc-shape-circle{border-radius:50%!important;clip-path:none!important}.cc-preview-mode #proCanvas.cc-grid-visible{background-image:none!important}
@media print{body>*:not(#ccStudioPreviewModal){display:none!important}#ccStudioPreviewModal{display:block!important;position:static!important;background:#fff!important}.cc-preview-toolbar{display:none!important}.cc-preview-stage{padding:0!important;display:block!important}.cc-preview-canvas{width:297mm!important;height:210mm!important;box-shadow:none!important;margin:0!important}}


/* CERTCORE STUDIO CANVAS-FIRST LAYOUT V18.7 */
body.cc-studio-layout-v187 .topbar-welcome{height:44px!important;min-height:44px!important;padding:0 12px!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-kicker{display:none!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line{gap:8px!important;font-size:11px!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line strong{font-size:12px!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-quote{display:none!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-context{min-width:auto!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-date{gap:8px!important;font-size:9px!important}
body.cc-studio-layout-v187 .topbar-welcome .profile .pname{font-size:9px!important}
body.cc-studio-layout-v187 .topbar-welcome .profile .prole{font-size:7px!important}
body.cc-studio-layout-v187 .clean-page.studio-pro-page{padding:3px 7px 5px!important;gap:4px!important}
body.cc-studio-layout-v187 .studio-pro-topbar{height:30px!important;min-height:30px!important;grid-template-columns:minmax(230px,1fr) auto minmax(300px,1fr)!important}
body.cc-studio-layout-v187 .studio-pro-menu button{height:24px!important;padding:0 6px!important;font-size:8px!important}
body.cc-studio-layout-v187 .studio-pro-docname{font-size:8px!important}
body.cc-studio-layout-v187 .studio-pro-actions>.btn{height:28px!important;padding:0 9px!important;font-size:8px!important}
body.cc-studio-layout-v187 .cc-studio-contractbar{min-height:35px!important;padding:4px 7px!important;margin:0!important;border-radius:9px!important;flex-wrap:nowrap!important}
body.cc-studio-layout-v187 .cc-studio-contractbar button{padding:5px 8px!important;font-size:9px!important}
body.cc-studio-layout-v187 .cc-studio-contractbar .cc-contract-label{font-size:9px!important}
body.cc-studio-layout-v187 .cc-contract-chip{padding:3px 7px!important;font-size:8px!important}
body.cc-studio-layout-v187 .studio-pro-toolbar{min-height:34px!important;padding:3px 5px!important;border-radius:9px!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important}
body.cc-studio-layout-v187 .studio-icon{width:27px!important;height:27px!important;border-radius:7px!important}
body.cc-studio-layout-v187 .studio-pro-select,body.cc-studio-layout-v187 .studio-number{height:27px!important}
body.cc-studio-layout-v187 .tool-divider{height:19px!important;margin:0 2px!important}
body.cc-studio-layout-v187 .studio-pro-workspace{grid-template-columns:190px minmax(0,1fr) 220px!important;gap:4px!important}
body.cc-studio-layout-v187 .studio-pro-workspace .studio-pro-left,body.cc-studio-layout-v187 .studio-pro-workspace .inspector-card,body.cc-studio-layout-v187 .studio-pro-canvas-shell{border-radius:9px!important}
body.cc-studio-layout-v187 .left-tabs button{height:39px!important}
body.cc-studio-layout-v187 .left-panel{height:calc(100% - 39px)!important;padding:7px!important}
body.cc-studio-layout-v187 .inspector-tabs button{height:32px!important}
body.cc-studio-layout-v187 .inspector-panel{height:calc(100% - 32px)!important;padding:7px!important}
body.cc-studio-layout-v187 .canvas-top-ruler{height:14px!important}
body.cc-studio-layout-v187 .canvas-left-ruler{top:14px!important;width:17px!important}
body.cc-studio-layout-v187 .canvas-stage{padding:8px 13px 8px 20px!important}
body.cc-studio-layout-v187 .canvas-status{height:19px!important}
body.cc-studio-layout-v187 #proCanvas{transition:width .16s ease,box-shadow .16s ease;max-height:calc(100% - 1px)}
body.cc-studio-layout-v187 .cc-v187-layout-actions{display:flex;gap:4px;align-items:center;margin-right:3px}
body.cc-studio-layout-v187 .cc-v187-icon{width:30px!important;padding:0!important;display:grid!important;place-items:center!important}
body.cc-studio-layout-v187 .cc-v187-icon:not(.active){opacity:.52}
body.cc-studio-layout-v187 .cc-v187-focus{display:flex!important;align-items:center!important;gap:5px!important}
body.cc-studio-layout-v187 .cc-v187-focus.active{background:#eaf2ff!important;color:#2357d9!important;border-color:#bfd3ff!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed .studio-pro-workspace{grid-template-columns:minmax(0,1fr) 220px!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed .studio-pro-left{display:none!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-right-collapsed .studio-pro-workspace{grid-template-columns:190px minmax(0,1fr)!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-right-collapsed .studio-pro-right{display:none!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed.cc-right-collapsed .studio-pro-workspace{grid-template-columns:minmax(0,1fr)!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-menu,body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-docname{display:none!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-topbar{grid-template-columns:1fr!important;height:29px!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-actions{justify-content:flex-end!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-left,body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-right{display:none!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-workspace{grid-template-columns:minmax(0,1fr)!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .cc-studio-contractbar{position:absolute;z-index:50;left:16px;top:35px;right:16px;box-shadow:0 8px 24px rgba(15,23,42,.12);opacity:.97}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-toolbar{position:absolute;z-index:49;left:16px;right:16px;top:75px;box-shadow:0 8px 24px rgba(15,23,42,.12);opacity:.97}
body.cc-studio-layout-v187 .studio-pro-page.cc-focus-mode .studio-pro-workspace{padding-top:80px}
body.cc-studio-focus-v187 .topbar-welcome{display:none!important}
body.cc-studio-focus-v187 .main{height:100vh!important}
@media(max-width:1400px){body.cc-studio-layout-v187 .studio-pro-workspace{grid-template-columns:170px minmax(0,1fr) 205px!important}body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed .studio-pro-workspace{grid-template-columns:minmax(0,1fr) 205px!important}body.cc-studio-layout-v187 .studio-pro-page.cc-right-collapsed .studio-pro-workspace{grid-template-columns:170px minmax(0,1fr)!important}}
body.cc-studio-layout-v187 .studio-pro-page{position:relative!important}
body.cc-studio-focus-v187 #sidebar{display:none!important}
body.cc-studio-focus-v187 .main{width:100vw!important;max-width:none!important}

/* CERTCORE STUDIO STANDARD HEADER + DIRECT MOUSE ZOOM V18.8 */
/* Studio uses the same global route header language as every other CertCore section. */
body.cc-studio-layout-v187 .topbar-welcome{
  height:68px!important;min-height:68px!important;padding:0 18px!important;gap:16px!important;
}
body.cc-studio-layout-v187 .topbar-welcome .welcome-kicker{
  display:flex!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.06em!important;color:#1f56db!important;
}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line{
  gap:10px!important;margin-top:3px!important;align-items:baseline!important;
}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line strong{font-size:17px!important;color:#102235!important;}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line span{display:inline!important;font-size:11px!important;color:#61768d!important;}
body.cc-studio-layout-v187 .topbar-welcome .welcome-quote{display:block!important;font-size:10.5px!important;}
body.cc-studio-layout-v187 .topbar-welcome .welcome-context{min-width:0!important;display:flex!important;}
body.cc-studio-layout-v187 .topbar-welcome .welcome-date{gap:0!important;font-size:inherit!important;}
body.cc-studio-layout-v187 .topbar-welcome .welcome-date strong{font-size:12.5px!important;}
body.cc-studio-layout-v187 .topbar-welcome .welcome-date span{font-size:9.5px!important;}
body.cc-studio-layout-v187 .topbar-welcome .profile .pname{font-size:12px!important;}
body.cc-studio-layout-v187 .topbar-welcome .profile .prole{font-size:10.5px!important;}

/* v23.4 free-pan zoom surface */
body.cc-studio-layout-v187 .canvas-stage.cc-studio-zoomed{place-items:start!important;overflow:auto!important;overscroll-behavior:contain!important}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-zoomed #proCanvas{margin:12px 24px 24px 12px!important;transform-origin:top left!important}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-zoomed:not(.cc-studio-panning){cursor:grab}

/* Mouse wheel zoom is enabled only over the certificate itself; surrounding workspace keeps native scrolling. */
body.cc-studio-layout-v187 #proCanvas{cursor:default;}
body.cc-studio-layout-v187 .canvas-stage:has(#proCanvas:hover){overscroll-behavior:contain;}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-pan-mode,body.cc-studio-layout-v187 .canvas-stage.cc-studio-pan-mode #proCanvas{cursor:grab!important}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-panning,body.cc-studio-layout-v187 .canvas-stage.cc-studio-panning *{cursor:grabbing!important;user-select:none!important}


/* CERTCORE STUDIO PREVIEW SAFE + BIGGER CANVAS V18.9 */
/* Keep the standard CertCore header language while returning more vertical room to the editor. */
body.cc-studio-layout-v187 .topbar-welcome{
  height:60px!important;min-height:60px!important;padding:0 16px!important;gap:14px!important;
}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line{margin-top:1px!important;gap:9px!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line strong{font-size:16.5px!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-line span{font-size:10.5px!important}
body.cc-studio-layout-v187 .topbar-welcome .welcome-quote{font-size:10px!important}
body.cc-studio-layout-v187 .clean-page.studio-pro-page{padding:2px 5px 4px!important;gap:3px!important}
body.cc-studio-layout-v187 .studio-pro-topbar{height:28px!important;min-height:28px!important}
body.cc-studio-layout-v187 .cc-studio-contractbar{min-height:32px!important;padding:3px 6px!important}
body.cc-studio-layout-v187 .studio-pro-toolbar{min-height:31px!important;padding:2px 4px!important}
body.cc-studio-layout-v187 .studio-icon{width:25px!important;height:25px!important}
body.cc-studio-layout-v187 .studio-pro-select,body.cc-studio-layout-v187 .studio-number{height:25px!important}
body.cc-studio-layout-v187 .studio-pro-workspace{grid-template-columns:178px minmax(0,1fr) 205px!important;gap:3px!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed .studio-pro-workspace{grid-template-columns:minmax(0,1fr) 205px!important}
body.cc-studio-layout-v187 .studio-pro-page.cc-right-collapsed .studio-pro-workspace{grid-template-columns:178px minmax(0,1fr)!important}
body.cc-studio-layout-v187 .canvas-top-ruler{height:12px!important}
body.cc-studio-layout-v187 .canvas-left-ruler{top:12px!important;width:15px!important}
body.cc-studio-layout-v187 .canvas-stage{padding:4px 8px 4px 12px!important}
body.cc-studio-layout-v187 .canvas-status{height:17px!important}
body.cc-studio-layout-v187 #proCanvas{max-height:calc(100% - 1px)!important}
@media(max-width:1400px){
  body.cc-studio-layout-v187 .studio-pro-workspace{grid-template-columns:160px minmax(0,1fr) 190px!important}
  body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed .studio-pro-workspace{grid-template-columns:minmax(0,1fr) 190px!important}
  body.cc-studio-layout-v187 .studio-pro-page.cc-right-collapsed .studio-pro-workspace{grid-template-columns:160px minmax(0,1fr)!important}
}

/* Preview-safe renderer: editor chrome must never leak into preview/print. */
.cc-preview-canvas .cc-studio-object,
.cc-preview-canvas .cc-studio-object:hover,
.cc-preview-canvas .cc-studio-object.selected,
.cc-preview-canvas .cc-studio-object.locked{
  outline:0!important;outline-offset:0!important;box-shadow:none!important;cursor:default!important;
}
.cc-preview-canvas .cc-object-content,
.cc-preview-canvas .cc-studio-object.selected .cc-object-content{
  outline:0!important;outline-offset:0!important;
}
.cc-preview-canvas .cc-custom-object{
  border:0!important;background:transparent!important;
}
.cc-preview-canvas .cc-resize-handle,
.cc-preview-canvas .guide-v,
.cc-preview-canvas .guide-h,
.cc-preview-canvas .safe-area,
.cc-preview-canvas [data-editor-only="1"]{
  display:none!important;
}
.cc-preview-canvas.cc-grid-visible{background-image:none!important}
#ccStudioPreviewModal .cc-preview-canvas *{caret-color:transparent!important}
@media print{
  #ccStudioPreviewModal .cc-custom-object{border:0!important;background:transparent!important}
  #ccStudioPreviewModal .cc-object-content{outline:0!important}
  #ccStudioPreviewModal .cc-studio-object{outline:0!important;box-shadow:none!important}
  #ccStudioPreviewModal .cc-resize-handle,#ccStudioPreviewModal .guide-v,#ccStudioPreviewModal .guide-h,#ccStudioPreviewModal .safe-area{display:none!important}
}


/* ===== CertCore FULL CORE v19 : template cards + back-table finish ===== */
.cc-template-card-v2 .cc-card-actions{display:flex;align-items:center;gap:7px;padding:0 12px 12px}
.cc-template-card-v2 .cc-card-actions .btn{min-height:34px;font-size:8.7px;border-radius:9px;font-weight:850}
.cc-template-card-v2 .cc-card-actions .cc-open-studio{flex:1;justify-content:center}
.cc-template-card-v2 .cc-card-actions .cc-use-isg{flex:0 1 auto;justify-content:center;background:#f0fdf4;color:#15803d;border-color:#ccebd4}
.cc-template-card-v2 .cc-card-actions .cc-card-menu{width:36px;flex:0 0 36px;color:#8a99aa;background:#fff}.cc-template-card-v2 .cc-card-actions .cc-card-menu:hover{color:#dc2626;border-color:#fecaca;background:#fffafa}
#proCanvas .cc-topic-table{border-radius:8px;border:1px solid #d5bd7a!important;box-shadow:0 4px 14px rgba(107,82,28,.08)}
#proCanvas .cc-topic-table-title{letter-spacing:.035em;background:linear-gradient(180deg,#faf6e9,#f5edd8)!important;color:#5f4a1c!important;border-bottom:1px solid #d8c48d!important}
#proCanvas .cc-topic-table .row.group{font-weight:850;background:#fbf7eb!important;color:#5f4a1c}
#proCanvas .cc-topic-table .row .duration{font-variant-numeric:tabular-nums;font-weight:800;color:#52606f;border-left:1px solid #eadfbe}


/* CertCore dynamic training-title policy */
.cc-title-visibility-setting{margin-top:10px}.cc-title-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer}.cc-title-toggle span{min-width:0}.cc-title-toggle b{display:block;font-size:11px;color:#1e293b}.cc-title-toggle small{display:block;margin-top:2px;font-size:9px;line-height:1.35;color:#64748b}.cc-title-toggle input{width:17px;height:17px;accent-color:#2563eb;flex:0 0 auto}

/* v24.1 canonical Studio viewport behavior: zoomed canvas occupies a true scrollable surface. */
body.cc-studio-layout-v187 .canvas-stage.cc-studio-zoomed{
  display:block!important;place-items:initial!important;overflow:auto!important;padding:0!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges;
}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-zoomed #proCanvas{
  display:block!important;margin:40px!important;transform-origin:top left!important;max-height:none!important;flex:none!important;
}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-zoomed:not(.cc-studio-panning){cursor:grab!important}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-panning,body.cc-studio-layout-v187 .canvas-stage.cc-studio-panning *{cursor:grabbing!important;user-select:none!important}

/* CertCore v24.2 canonical 1120x792 scene — Studio and runtime use identical geometry. */
body.cc-studio-layout-v187 .canvas-stage{display:block!important;position:relative!important;overflow:auto!important;padding:0!important;place-items:initial!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges;background:#dfe6ee!important}
body.cc-studio-layout-v187 .cc-studio-canvas-surface{position:relative;display:block;min-width:100%;min-height:100%}
body.cc-studio-layout-v187 #proCanvas{width:1120px!important;height:792px!important;max-width:none!important;max-height:none!important;margin:0!important;flex:none!important;transition:none!important;will-change:transform;box-shadow:0 18px 42px -24px rgba(15,23,42,.45)}
body.cc-studio-layout-v187 .canvas-stage.cc-studio-zoomed #proCanvas{margin:0!important}

#proCanvas .cc-contract-field,.cc-contract-render-canvas .cc-contract-field{position:absolute;display:flex;align-items:center;justify-content:center;padding:3px 6px;text-align:center;color:#172033;font-size:16.2px;line-height:1.15;overflow:hidden;box-sizing:border-box}
#proCanvas .cc-contract-field[data-binding="holder_name"],.cc-contract-render-canvas .cc-contract-field[data-binding="holder_name"]{font-family:Georgia,serif;font-size:26.5px;font-weight:800;text-transform:uppercase}
#proCanvas .cc-contract-field[data-binding="training_name"],.cc-contract-render-canvas .cc-contract-field[data-binding="training_name"]{font-size:19.2px;font-weight:800}
#proCanvas .cc-contract-field.cc-title-field,.cc-contract-render-canvas .cc-contract-field.cc-title-field{font-family:Georgia,serif;font-weight:800;font-size:31px;letter-spacing:.6px}
#proCanvas .cc-contract-field.cc-body-field,.cc-contract-render-canvas .cc-contract-field.cc-body-field{font-family:Georgia,serif;font-size:12.5px;line-height:1.35;text-align:center;padding:9px 15px}
#proCanvas .cc-contract-field.cc-logo,.cc-contract-render-canvas .cc-contract-field.cc-logo{border:1.5px dashed rgba(37,99,235,.38);font-size:11.8px;color:#2563eb;background:rgba(255,255,255,.78)}
#proCanvas .cc-contract-field.cc-signature,.cc-contract-render-canvas .cc-contract-field.cc-signature{border-top:1.5px solid rgba(51,65,85,.45);font-size:11.8px;align-items:flex-start;padding-top:6px}
#proCanvas .cc-contract-field.cc-qr,.cc-contract-render-canvas .cc-contract-field.cc-qr{border:1.5px dashed rgba(51,65,85,.35);font-size:23.6px;background:rgba(255,255,255,.75)}
#proCanvas .cc-contract-layer,.cc-contract-render-canvas .cc-contract-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
#proCanvas .cc-design-background,.cc-contract-render-canvas .cc-design-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
#proCanvas .cc-design-pdf,.cc-contract-render-canvas .cc-design-pdf{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none}
.cc-contract-render-canvas{position:relative;overflow:hidden;background:#fff;box-sizing:border-box}
.cc-contract-render-canvas .cc-runtime-object{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:visible;white-space:pre-line}
.cc-contract-render-canvas .cc-runtime-object .cc-object-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:pre-line;overflow:hidden;pointer-events:none;text-align:inherit}
.cc-contract-render-canvas .cc-media-object{width:100%;height:100%;object-fit:contain;display:block}
.cc-contract-render-canvas .cc-custom-object{border:0;background:transparent;color:#334155}
.cc-contract-render-canvas .cc-shape{width:100%;height:100%;box-sizing:border-box;background:#173149;border:1.5px solid #173149}
.cc-contract-render-canvas .cc-shape-circle{border-radius:50%}.cc-contract-render-canvas .cc-shape-line{height:4px;position:absolute;top:50%;left:0;right:0;border:0;border-radius:999px;transform:translateY(-50%)}

#proCanvas .cc-topic-table,.cc-contract-render-canvas .cc-topic-table{position:absolute;display:block;background:rgba(255,255,255,.96);border:1.5px solid #d5bd7a!important;border-radius:8px;box-shadow:0 4px 14px rgba(107,82,28,.08);overflow:hidden!important;font-size:10.3px;color:#1e293b;box-sizing:border-box}
#proCanvas .cc-topic-table-title,.cc-contract-render-canvas .cc-topic-table-title{font-family:Georgia,serif;font-weight:800;font-size:16.2px;letter-spacing:.6px;text-align:center;padding:10px 12px;border-bottom:1.5px solid #d8c48d;background:linear-gradient(180deg,#faf6e9,#f5edd8)!important;color:#5f4a1c!important}
#proCanvas .cc-topic-table-grid,.cc-contract-render-canvas .cc-topic-table-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;height:calc(100% - 42px);overflow:hidden!important;align-items:stretch}
#proCanvas .cc-topic-col,.cc-contract-render-canvas .cc-topic-col{min-width:0;overflow:hidden;border-right:1.5px solid #c6a253;display:flex;flex-direction:column}
#proCanvas .cc-topic-col:last-child,.cc-contract-render-canvas .cc-topic-col:last-child{border-right:0}
#proCanvas .cc-topic-table .row,.cc-contract-render-canvas .cc-topic-table .row{display:grid;grid-template-columns:minmax(0,1fr) 68px!important;border-bottom:1px solid #eadfbe;background:rgba(255,255,255,.75);line-height:1.08;flex:1 1 0;min-height:0;align-items:center}
#proCanvas .cc-topic-table .row.group,.cc-contract-render-canvas .cc-topic-table .row.group{font-weight:850;background:#fbf7eb!important;color:#5f4a1c;flex:.86 1 0}
#proCanvas .cc-topic-table .row span,.cc-contract-render-canvas .cc-topic-table .row span{padding:4px 6px!important;overflow-wrap:anywhere;display:flex;align-items:center}
#proCanvas .cc-topic-table .duration,.cc-contract-render-canvas .cc-topic-table .duration{text-align:center;border-left:1px solid #eadfbe;white-space:nowrap;justify-content:center;font-variant-numeric:tabular-nums;font-weight:800;color:#52606f}
#proCanvas .cc-topic-table[data-density="compact"],.cc-contract-render-canvas .cc-topic-table[data-density="compact"]{font-size:9.3px}
#proCanvas .cc-topic-table[data-density="ultra"],.cc-contract-render-canvas .cc-topic-table[data-density="ultra"]{font-size:8.2px}
.cc-contract-render-canvas .cc-topic-empty{height:calc(100% - 42px);display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#64748b}

/* Canonical runtime QR: real code only; editor guide border stays inside #proCanvas. */
.cc-contract-render-canvas .cc-contract-field.cc-qr,
.cc-contract-render-canvas .cc-custom-object.cc-custom-qr{
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.cc-contract-render-canvas .cc-generated-qr{
  width:100%;height:100%;object-fit:contain;display:block;
  image-rendering:pixelated;
}


/* CertCore v28.11 canonical tablet/mobile Studio layout */
@media(max-width:1100px) and (min-width:761px){
  body.cc-studio-layout-v187 .studio-pro-workspace{grid-template-columns:150px minmax(0,1fr)!important;gap:3px!important}
  body.cc-studio-layout-v187 .studio-pro-right{display:none!important}
  body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed .studio-pro-workspace{grid-template-columns:minmax(0,1fr)!important}
  body.cc-studio-layout-v187 .studio-pro-menu,body.cc-studio-layout-v187 .studio-pro-actions,body.cc-studio-layout-v187 .cc-studio-contractbar,body.cc-studio-layout-v187 .studio-pro-toolbar{overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:thin}
  body.cc-studio-layout-v187 .canvas-stage{min-height:520px!important}
}
@media(max-width:760px){
  body.cc-studio-layout-v187 .topbar-welcome{height:58px!important;min-height:58px!important}
  body.cc-studio-layout-v187 .clean-page.studio-pro-page{padding:2px!important;gap:2px!important}
  body.cc-studio-layout-v187 .studio-pro-topbar{height:31px!important;min-height:31px!important;overflow-x:auto!important;overflow-y:hidden!important;grid-template-columns:max-content minmax(100px,1fr) max-content!important;scrollbar-width:none}
  body.cc-studio-layout-v187 .studio-pro-topbar::-webkit-scrollbar{display:none}
  body.cc-studio-layout-v187 .studio-pro-menu,body.cc-studio-layout-v187 .studio-pro-actions,body.cc-studio-layout-v187 .cc-studio-contractbar,body.cc-studio-layout-v187 .studio-pro-toolbar{overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none}
  body.cc-studio-layout-v187 .studio-pro-menu::-webkit-scrollbar,body.cc-studio-layout-v187 .studio-pro-actions::-webkit-scrollbar,body.cc-studio-layout-v187 .cc-studio-contractbar::-webkit-scrollbar,body.cc-studio-layout-v187 .studio-pro-toolbar::-webkit-scrollbar{display:none}
  body.cc-studio-layout-v187 .studio-pro-workspace,body.cc-studio-layout-v187 .studio-pro-page.cc-left-collapsed .studio-pro-workspace,body.cc-studio-layout-v187 .studio-pro-page.cc-right-collapsed .studio-pro-workspace{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  body.cc-studio-layout-v187 .studio-pro-left,body.cc-studio-layout-v187 .studio-pro-right{display:none!important}
  body.cc-studio-layout-v187 .studio-pro-canvas{min-width:0!important}
  body.cc-studio-layout-v187 .canvas-stage{min-height:calc(100dvh - 190px)!important;padding:4px!important;overflow:auto!important;place-items:start!important;overscroll-behavior:contain!important}
  body.cc-studio-layout-v187 #proCanvas{transform-origin:top left!important;margin:8px!important}
  body.cc-studio-layout-v187 .canvas-status{height:20px!important;font-size:8px!important}
}