/* =============================== SLIDE BUILDER =============================== */
.slidebuilder-card{padding:24px}
.slidebuilder-card .form-section-sub{margin:6px 0 18px}
.slidebuilder-card .sb-meta-row{gap:12px}
.slidebuilder-card .sb-meta-row>div{flex:1 1 0}
.slidebuilder-card .sb-title-note{margin-top:8px;font-size:12px;line-height:1.45;color:var(--gray-500)}
.slidebuilder-card .sb-title-note code{font:700 12px/1.2 var(--font);color:var(--red);background:rgba(196,22,43,.06);padding:2px 6px;border-radius:7px}
.slidebuilder-card .sb-sheet-shell{border:1px solid var(--gray-200);border-radius:18px;background:var(--white);box-shadow:var(--shadow-sm);overflow:hidden}
.slidebuilder-card .sb-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}
.slidebuilder-card .sb-reset-btn{min-width:auto}
.slidebuilder-card .sb-sheet-wrap{resize:vertical;overflow:auto;min-height:420px;max-height:560px;background:#fff}
.slidebuilder-card .sb-data-grid{border-collapse:collapse;width:max-content;min-width:100%;font-family:var(--font);table-layout:fixed;user-select:none}
.slidebuilder-card .sb-data-grid th,.slidebuilder-card .sb-data-grid td{border:1px solid #D4D7DD;padding:0;background:#fff}
.slidebuilder-card .sb-data-grid .sb-corner,.slidebuilder-card .sb-data-grid .sb-row-head,.slidebuilder-card .sb-data-grid .sb-col-head{background:#66707F;color:#fff;border-color:#7D8694;position:relative}
.slidebuilder-card .sb-data-grid .sb-corner{width:30px;min-width:30px;position:sticky;left:0;top:0;z-index:6;cursor:pointer}
.slidebuilder-card .sb-data-grid .sb-row-head{width:30px;min-width:30px;text-align:center;font:700 10.5px/1 var(--font);position:sticky;left:0;z-index:5;cursor:pointer}
.slidebuilder-card .sb-data-grid .sb-col-head{position:sticky;top:0;z-index:4;font:700 10.5px/1 var(--font);cursor:pointer}
.slidebuilder-card .sb-data-grid .sb-row-head span,.slidebuilder-card .sb-data-grid .sb-col-head span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.slidebuilder-card .sb-data-grid .sb-row-head.is-selected,.slidebuilder-card .sb-data-grid .sb-col-head.is-selected,.slidebuilder-card .sb-data-grid .sb-corner.is-selected{background:#7A8391}
.slidebuilder-card .sb-cell{position:relative;background:#fff}
.slidebuilder-card .sb-cell:hover{background:#FFF8F9}
.slidebuilder-card .sb-cell.is-selected{background:rgba(233,160,167,.25)}
.slidebuilder-card .sb-cell.is-active{box-shadow:inset 0 0 0 2px rgba(196,22,43,.95);z-index:2}
.slidebuilder-card .sb-cell.sb-fill-preview{background:rgba(233,160,167,.4)}
.slidebuilder-card .sb-data-grid textarea{width:100%;height:100%;border:none;padding:0 4px 0;font:500 10.5px/1 var(--font);background:transparent;outline:none;color:var(--gray-900);resize:none;overflow:hidden;white-space:pre-wrap}
.slidebuilder-card .sb-fill-handle{position:absolute;right:-4px;bottom:-4px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#C4162B;box-shadow:0 0 0 1px rgba(196,22,43,.95);cursor:crosshair;opacity:0;pointer-events:none}
.slidebuilder-card .sb-cell.is-fill-edge .sb-fill-handle,.slidebuilder-card .sb-cell.is-active .sb-fill-handle{opacity:1;pointer-events:auto}
body.sb-is-filling .slidebuilder-card .sb-fill-handle{opacity:1;pointer-events:auto}
.slidebuilder-card .sb-col-resizer,.slidebuilder-card .sb-row-resizer{position:absolute;border:none;background:transparent;padding:0;margin:0;cursor:col-resize;opacity:0;transition:opacity .12s ease}
.slidebuilder-card .sb-col-resizer{top:0;right:-3px;width:6px;height:100%;cursor:col-resize}
.slidebuilder-card .sb-row-resizer{left:0;bottom:-3px;width:100%;height:6px;cursor:row-resize}
.slidebuilder-card .sb-col-head:hover .sb-col-resizer,.slidebuilder-card .sb-row-head:hover .sb-row-resizer{opacity:1}
.slidebuilder-card .sb-col-resizer::after,.slidebuilder-card .sb-row-resizer::after{content:'';position:absolute;background:rgba(196,22,43,.88);border-radius:999px}
.slidebuilder-card .sb-col-resizer::after{top:4px;bottom:4px;left:2px;width:2px}
.slidebuilder-card .sb-row-resizer::after{left:4px;right:4px;top:2px;height:2px}
body.sb-is-resizing-col,body.sb-is-resizing-col *{cursor:col-resize!important}
body.sb-is-resizing-row,body.sb-is-resizing-row *{cursor:row-resize!important}
.slidebuilder-card .sb-data-hint{margin-top:10px;line-height:1.55}
.slidebuilder-card .sb-toolbar-block{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.slidebuilder-card .sb-switch-label{display:block;margin-bottom:8px;font-weight:700;font-size:13px;color:var(--gray-700)}
.slidebuilder-card .sb-switch-group .platform-switch-btn{font-weight:700}
.slidebuilder-card .sb-preview-box{margin-top:18px;border:1px solid var(--gray-200);border-radius:18px;background:var(--white);box-shadow:var(--shadow-sm);padding:16px}
.slidebuilder-card .sb-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.slidebuilder-card .sb-preview-top h4{margin:0;font-size:18px;line-height:1.1}
.slidebuilder-card .sb-preview-logo-img{display:none}
.slidebuilder-card .sb-preview-stage{border:1px solid var(--gray-200);border-radius:16px;background:#ffffff;padding:10px;min-height:220px}
.slidebuilder-card .sb-preview-canvas{min-height:200px;display:flex;align-items:center;justify-content:center}
.slidebuilder-card .sb-preview-canvas svg,.slidebuilder-card .sb-preview-canvas .sb-preview-table-shell{width:100%;height:100%}
.slidebuilder-card .sb-preview-table-shell{overflow:auto;border-radius:10px;background:rgba(255,255,255,.82)}
.slidebuilder-card .sb-preview-table-shell table{width:100%;border-collapse:collapse;font-size:10px;font-family:var(--font);background:rgba(255,255,255,.96)}
.slidebuilder-card .sb-preview-table-shell th,.slidebuilder-card .sb-preview-table-shell td{border:1px solid rgba(26,23,27,.08);padding:7px 8px;text-align:left;white-space:pre-wrap}
.slidebuilder-card .sb-preview-table-shell th{background:#4C1428;color:#fff}
.slidebuilder-card .sb-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.slidebuilder-card .sb-stat{border:1px solid var(--gray-200);border-radius:14px;background:var(--white);padding:10px 12px;box-shadow:var(--shadow-sm)}
.slidebuilder-card .sb-stat strong{display:block;font-size:16px;line-height:1;margin-bottom:5px;color:var(--gray-900)}
.slidebuilder-card .sb-stat span{font-size:11px;color:var(--gray-500)}
.slidebuilder-card .sb-empty-state{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:190px;border:1.5px dashed var(--gray-300);border-radius:14px;color:var(--gray-500);font:600 13px/1.6 var(--font);padding:16px;background:rgba(255,255,255,.42)}
@media (max-width:860px){
  .slidebuilder-card .sb-meta-row{display:grid;grid-template-columns:1fr}
  .slidebuilder-card .sb-preview-top{align-items:flex-start;flex-direction:column}
  .slidebuilder-card .sb-quick-stats{grid-template-columns:1fr}
  .slidebuilder-card .sb-sheet-head{flex-direction:column;align-items:flex-start}
}


.slidebuilder-card .sb-sheet-shell{position:relative}
.slidebuilder-card .sb-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}
.slidebuilder-card .sb-formula-row{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.slidebuilder-card .sb-name-box{flex:0 0 72px;height:34px;padding:0 10px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;font:700 13px/1 var(--font);color:var(--gray-900)}
.slidebuilder-card .sb-fx-preset{flex:0 0 128px;height:34px;padding:0 10px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;font:700 13px/1 var(--font);color:var(--gray-900)}
.slidebuilder-card .sb-fx-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(196,22,43,.22);border-radius:10px;background:rgba(196,22,43,.05);color:var(--red);font:800 13px/1 var(--font)}
.slidebuilder-card .sb-formula-input{flex:1 1 auto;min-width:0;height:34px;padding:0 12px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;font:600 13px/1.2 var(--font);color:var(--gray-900)}
.slidebuilder-card .sb-formula-input:focus,.slidebuilder-card .sb-name-box:focus,.slidebuilder-card .sb-fx-preset:focus{outline:none;box-shadow:0 0 0 2px rgba(196,22,43,.18);border-color:rgba(196,22,43,.35)}
.slidebuilder-card .sb-sheet-wrap{position:relative;resize:vertical;overflow:auto;min-height:356px;max-height:556px;background:#fff}
.slidebuilder-card .sb-sheet-wrap::after{content:'';position:absolute;right:8px;bottom:8px;width:13px;height:13px;pointer-events:none;background:linear-gradient(135deg, transparent 0 42%, rgba(120,120,120,.32) 42% 51%, transparent 51% 64%, rgba(120,120,120,.55) 64% 73%, transparent 73% 86%, rgba(120,120,120,.8) 86% 100%)}
.slidebuilder-card .sb-data-grid th,.slidebuilder-card .sb-data-grid td{border:1px solid #D4D7DD;padding:0;background:#fff;box-sizing:border-box}
.slidebuilder-card .sb-data-grid .sb-corner{width:30px;min-width:30px}
.slidebuilder-card .sb-data-grid .sb-row-head{width:30px;min-width:30px;font:700 10px/1 var(--font)}
.slidebuilder-card .sb-cell{position:relative;background:#fff;overflow:hidden}
.slidebuilder-card .sb-data-grid textarea{display:block;box-sizing:border-box;width:100%;height:100%;min-height:0;border:none;margin:0;padding:1px 4px 0;font:600 13px/1.1 var(--font);background:transparent;outline:none;color:var(--gray-900);resize:none;overflow:hidden;white-space:pre-wrap}
.slidebuilder-card .sb-preview-stage{background:#fff}
@media (max-width:960px){
  .slidebuilder-card .sb-sheet-head{flex-direction:column;align-items:stretch}
  .slidebuilder-card .sb-formula-row{width:100%}
  .slidebuilder-card .sb-name-box{flex:0 0 64px}
  .slidebuilder-card .sb-fx-preset{flex:0 0 112px}
}


/* ===== Slide Builder v12 refinements ===== */
.slidebuilder-card .sb-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:10px 14px;
}
.slidebuilder-card .sb-formula-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
}
.slidebuilder-card .sb-name-box{
  flex:0 0 72px;
  height:36px;
  padding:0 12px;
  border:1px solid var(--gray-200);
  border-radius:10px;
  background:#fff;
  font:700 13px/1 var(--font);
  color:var(--gray-900);
}
.slidebuilder-card .sb-fx-preset{
  flex:0 0 142px;
  height:36px;
  padding:0 12px;
  border:1px solid var(--gray-200);
  border-radius:10px;
  background:#fff;
  font:700 13px/1 var(--font);
  color:var(--gray-900);
}
.slidebuilder-card .sb-fx-badge{
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(196,22,43,.18);
  border-radius:10px;
  background:rgba(196,22,43,.05);
  color:var(--red);
  font:800 14px/1 var(--font);
}
.slidebuilder-card .sb-formula-input{
  flex:1 1 auto;
  min-width:0;
  height:36px;
  padding:0 12px;
  border:1px solid var(--gray-200);
  border-radius:10px;
  background:#fff;
  font:600 13px/1.2 var(--font);
  color:var(--gray-900);
}
.slidebuilder-card .sb-reset-btn{
  height:36px;
  min-width:84px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  margin:0;
}
.slidebuilder-card .sb-name-box:focus,
.slidebuilder-card .sb-fx-preset:focus,
.slidebuilder-card .sb-formula-input:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(196,22,43,.16);
  border-color:rgba(196,22,43,.32);
}
.slidebuilder-card .sb-sheet-wrap{
  position:relative;
  resize:none;
  overflow:auto;
  min-height:248px;
  height:248px;
  max-height:528px;
  background:#fff;
}
.slidebuilder-card .sb-sheet-resizer{
  position:absolute;
  right:7px;
  bottom:7px;
  width:16px;
  height:16px;
  border:1px solid rgba(196,22,43,.95);
  background:linear-gradient(135deg, transparent 0 47%, rgba(196,22,43,.35) 47% 55%, transparent 55% 68%, rgba(196,22,43,.55) 68% 76%, transparent 76% 87%, rgba(196,22,43,.9) 87% 100%);
  border-radius:2px;
  cursor:ns-resize;
  z-index:8;
}
body.sb-is-resizing-sheet,
body.sb-is-resizing-sheet *{ cursor:ns-resize !important; }
.slidebuilder-card .sb-data-grid .sb-corner,
.slidebuilder-card .sb-data-grid .sb-col-head{
  height:26px;
  min-height:26px;
}
.slidebuilder-card .sb-data-grid .sb-col-head{
  font:700 10.5px/1 var(--font);
}
.slidebuilder-card .sb-data-grid .sb-row-head span,
.slidebuilder-card .sb-data-grid .sb-col-head span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.slidebuilder-card .sb-data-grid .sb-corner{ width:30px; min-width:30px; }
.slidebuilder-card .sb-data-grid .sb-row-head{ width:30px; min-width:30px; }
.slidebuilder-card .sb-data-grid textarea{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-height:0;
  border:none;
  margin:0;
  padding:1px 4px 0;
  font:600 13px/1.1 var(--font);
  background:transparent;
  outline:none;
  color:var(--gray-900);
  resize:none;
  overflow:hidden;
  white-space:pre-wrap;
}
.slidebuilder-card .sb-preview-stage{ background:#fff; }
@media (max-width:960px){
  .slidebuilder-card .sb-sheet-head{ flex-direction:column; align-items:stretch; }
  .slidebuilder-card .sb-formula-row{ width:100%; }
  .slidebuilder-card .sb-reset-btn{ align-self:flex-end; }
}


/* ===== Slide Builder v13 refinements ===== */
.slidebuilder-card .sb-sheet-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:8px 14px;
}
.slidebuilder-card .sb-formula-row{
  display:grid;
  grid-template-columns:72px 148px 38px minmax(0,1fr);
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
}
.slidebuilder-card .sb-name-box,
.slidebuilder-card .sb-fx-preset,
.slidebuilder-card .sb-fx-badge,
.slidebuilder-card .sb-formula-input,
.slidebuilder-card .sb-reset-btn{
  box-sizing:border-box;
  height:38px;
  margin:0;
}
.slidebuilder-card .sb-name-box{padding:0 12px;font:700 13px/1 var(--font)}
.slidebuilder-card .sb-fx-preset{padding:0 12px;font:700 13px/1 var(--font)}
.slidebuilder-card .sb-fx-badge{width:38px;display:inline-flex;align-items:center;justify-content:center;font:800 14px/1 var(--font)}
.slidebuilder-card .sb-formula-input{padding:0 12px;font:600 13px/1.2 var(--font)}
.slidebuilder-card .sb-reset-btn{min-width:84px;display:inline-flex;align-items:center;justify-content:center;align-self:center}
.slidebuilder-card .sb-sheet-wrap{
  position:relative;
  resize:none;
  overflow:auto;
  min-height:268px;
  height:268px;
  max-height:548px;
  background:#fff;
}
.slidebuilder-card .sb-sheet-resizer{
  position:absolute;
  right:8px;
  bottom:8px;
  width:14px;
  height:14px;
  border:none;
  background:
    linear-gradient(135deg, transparent 0 58%, rgba(120,120,120,.85) 58% 63%, transparent 63% 100%),
    linear-gradient(135deg, transparent 0 72%, rgba(120,120,120,.65) 72% 77%, transparent 77% 100%),
    linear-gradient(135deg, transparent 0 86%, rgba(120,120,120,.45) 86% 91%, transparent 91% 100%);
  cursor:ns-resize;
  z-index:12;
  pointer-events:auto;
}
.slidebuilder-card .sb-data-grid .sb-corner,
.slidebuilder-card .sb-data-grid .sb-col-head{
  height:28px !important;
  min-height:28px !important;
}
.slidebuilder-card .sb-data-grid .sb-col-head{font:700 10.5px/1 var(--font)}
.slidebuilder-card .sb-data-grid .sb-row-head,
.slidebuilder-card .sb-data-grid tbody td{
  height:20px !important;
  min-height:20px !important;
}
.slidebuilder-card .sb-data-grid tbody tr{height:20px !important}
.slidebuilder-card .sb-data-grid .sb-row-head span,
.slidebuilder-card .sb-data-grid .sb-col-head span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.slidebuilder-card .sb-data-grid textarea{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-height:0;
  border:none;
  margin:0;
  padding:1px 4px 0;
  font:600 13px/1.1 var(--font);
  background:transparent;
  outline:none;
  color:var(--gray-900);
  resize:none;
  overflow:hidden;
  white-space:pre-wrap;
}
@media (max-width:960px){
  .slidebuilder-card .sb-sheet-head{grid-template-columns:1fr}
  .slidebuilder-card .sb-formula-row{grid-template-columns:68px 120px 36px minmax(0,1fr)}
  .slidebuilder-card .sb-reset-btn{justify-self:end}
}
