/* Phase 2 CRM engine controls */
.ssp-mini-input {
  min-height: 38px;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 999px;
  padding: 8px 13px;
  background: rgba(255, 255, 255, .88);
  color: var(--ssp-text, #0f172a);
  font: inherit;
  max-width: 260px;
}

.ssp-mini-input:focus {
  outline: 2px solid rgba(12, 198, 222, .28);
  border-color: rgba(12, 198, 222, .45);
}

.ssp-project-pane__grid > section {
  min-width: 0;
}

.ssp-inline-warning {
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(245, 158, 11, .22);
  background: rgba(255, 251, 235, .78);
  color: #7c4a03;
  font-size: 13px;
}

.ssp-command {
  gap: 14px;
  padding: 2px 0 0;
}

.ssp-command input {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: rgba(255, 255, 255, .82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 32px rgba(15,23,42,.045);
  padding: 0 16px;
  color: var(--ssp-text);
  font-size: 15px;
  outline: none;
}

.ssp-command input:focus {
  border-color: rgba(12, 198, 222, .42);
  box-shadow: 0 0 0 4px rgba(12, 198, 222, .12), 0 14px 34px rgba(15,23,42,.055);
}

.ssp-command__results {
  gap: 4px;
  padding: 6px;
  border-radius: 20px;
  border: 1px solid rgba(15, 23, 42, .055);
  background: rgba(255, 255, 255, .70);
  backdrop-filter: blur(18px) saturate(140%);
  box-shadow: 0 22px 60px rgba(15,23,42,.08);
}

.ssp-command-result {
  position: relative;
  grid-template-columns: 1fr;
  gap: 2px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  padding: 11px 12px 11px 44px;
  box-shadow: none;
  transition: background .14s ease, transform .14s ease;
}

.ssp-command-result::before {
  content: "⌕";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  color: rgba(0, 65, 101, .66);
  background: rgba(0, 65, 101, .06);
  font-size: 13px;
}

.ssp-command-result:hover,
.ssp-command-result:focus,
.ssp-command-result:focus-visible {
  border-color: transparent;
  background: rgba(15, 23, 42, .055);
  box-shadow: none;
  outline: none;
  transform: translateY(-1px);
}

.ssp-command-result strong {
  color: #0f2433;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -.01em;
}

.ssp-command-result span {
  color: rgba(15, 36, 51, .58);
  font-size: 12.5px;
}

.ssp-modal:has(.ssp-command--spotlight) {
  width: min(680px, calc(100vw - 40px));
  border-radius: 24px;
  background: rgba(248, 250, 252, .94);
  border: 1px solid rgba(255,255,255,.76);
  box-shadow: 0 28px 90px rgba(8,25,36,.24), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(24px) saturate(160%);
}

.ssp-modal:has(.ssp-command--spotlight) .ssp-modal__header {
  padding: 16px 18px 8px;
  border-bottom: 0;
  background: transparent;
}

.ssp-modal:has(.ssp-command--spotlight) .ssp-modal__header h2 {
  font-size: 14px;
  font-weight: 650;
  color: rgba(15, 36, 51, .72);
}

.ssp-modal:has(.ssp-command--spotlight) .ssp-modal__body {
  padding: 8px 14px 14px;
}

.ssp-command--spotlight {
  display: grid;
  gap: 10px;
  padding: 0;
}

.ssp-command--spotlight input {
  min-height: 54px;
  border: 0;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.06), 0 12px 36px rgba(8,25,36,.06);
  padding: 0 18px;
  font-size: 16px;
  letter-spacing: -.01em;
}

.ssp-command--spotlight input:focus {
  box-shadow: inset 0 0 0 1px rgba(0,65,101,.16), 0 0 0 4px rgba(0,65,101,.06), 0 14px 38px rgba(8,25,36,.08);
}

.ssp-command--spotlight .ssp-command__results {
  display: grid;
  gap: 2px;
  max-height: 430px;
  overflow: auto;
  padding: 6px;
  border-radius: 18px;
  border: 0;
  background: rgba(255,255,255,.64);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.045);
}

.ssp-command--spotlight .ssp-command-result,
.ssp-command--spotlight .ssp-command-result:visited {
  appearance: none;
  -webkit-appearance: none;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 0 10px;
  align-items: center;
  width: 100%;
  min-height: 54px;
  padding: 8px 12px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  color: #0f2433;
  text-align: left;
}

.ssp-command--spotlight .ssp-command-result::before {
  content: "⌕";
  position: static;
  transform: none;
  width: 28px;
  height: 28px;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: rgba(0,65,101,.62);
  background: rgba(15,23,42,.045);
  font-size: 13px;
}

.ssp-command--spotlight .ssp-command-result:hover,
.ssp-command--spotlight .ssp-command-result:focus,
.ssp-command--spotlight .ssp-command-result:focus-visible {
  border: 0;
  background: rgba(15,23,42,.055);
  background-color: rgba(15,23,42,.055);
  box-shadow: none;
  outline: none;
  transform: none;
}

.ssp-command--spotlight .ssp-command-result strong {
  grid-column: 2;
  color: #0f2433;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
}

.ssp-command--spotlight .ssp-command-result span {
  grid-column: 2;
  color: rgba(15,36,51,.56);
  font-size: 12.5px;
  line-height: 1.25;
}

/* Phase 3 project pane engine */
.ssp-project-edit-form {
  display: grid;
  gap: 12px;
}
.ssp-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}
.ssp-project-edit-form label {
  display: grid;
  gap: 6px;
  font-size: 12px;
  color: rgba(0, 65, 101, .72);
  font-weight: 650;
}
.ssp-project-edit-form input,
.ssp-project-edit-form select {
  width: 100%;
  border: 1px solid rgba(0, 65, 101, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .84);
  color: #003b5c;
  font: inherit;
  padding: 9px 10px;
  min-height: 38px;
}
.ssp-project-edit-form input:focus,
.ssp-project-edit-form select:focus {
  outline: none;
  border-color: rgba(12, 198, 222, .55);
  box-shadow: 0 0 0 4px rgba(12, 198, 222, .12);
}
.ssp-jobs-card--details {
  grid-column: span 2;
}
@media (max-width: 900px) {
  .ssp-form-grid { grid-template-columns: 1fr; }
  .ssp-jobs-card--details { grid-column: auto; }
}

/* Phase 12 training delivery engine */
.ssp-mini-row--stacked{align-items:stretch;gap:12px;}
.ssp-mini-row--stacked>div:first-child{min-width:180px;}
.ssp-inline-form--tight{display:grid;grid-template-columns:minmax(120px,160px) minmax(160px,1fr) auto auto;gap:8px;align-items:center;width:100%;}
.ssp-inline-form--tight input,.ssp-inline-form--tight select{min-height:36px;border:1px solid rgba(0,65,101,.14);border-radius:12px;padding:7px 10px;background:#fff;}
@media(max-width:760px){.ssp-inline-form--tight{grid-template-columns:1fr}.ssp-mini-row--stacked{display:block}.ssp-mini-row--stacked>div:first-child{margin-bottom:8px}}

/* Phase 16 commercial engine */
.ssp-commercial-panel{display:grid;gap:12px}.ssp-commercial-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ssp-commercial-summary>div{border:1px solid var(--ssp-border,#dfe7ee);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.72)}.ssp-commercial-summary span{display:block;font-size:11px;font-weight:700;color:var(--ssp-muted,#6b7a90);text-transform:uppercase;letter-spacing:.04em}.ssp-commercial-summary strong{display:block;margin-top:4px;font-size:16px;color:var(--ssp-ink,#003b5c)}.ssp-payment-form{border-top:1px solid var(--ssp-border,#dfe7ee);padding-top:12px}.ssp-commercial-records{display:grid;gap:8px}.ssp-commercial-records .ssp-mini-row{align-items:flex-start}

/* Phase 17 email engine pass 1 */
.ssp-settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:16px;align-items:start}.ssp-settings-card{border:1px solid rgba(0,65,101,.10);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 18px 60px rgba(0,34,53,.08);padding:18px}.ssp-settings-card h2,.ssp-settings-card h3{margin:4px 0 8px;color:var(--ssp-ink,#003b5c)}.ssp-muted-copy{color:var(--ssp-muted,#6b7a90);font-size:13px;line-height:1.45;margin:0 0 14px}.ssp-settings-card textarea{width:100%;border:1px solid rgba(0,65,101,.12);border-radius:14px;background:#fff;color:#003b5c;font:inherit;padding:10px;resize:vertical}.ssp-placeholder-cloud{display:flex;flex-wrap:wrap;gap:8px}.ssp-placeholder-cloud code{border:1px solid rgba(0,65,101,.10);border-radius:999px;background:rgba(246,248,251,.86);padding:6px 9px;color:#004165;font-size:12px}@media(max-width:900px){.ssp-settings-grid{grid-template-columns:1fr}}


/* v3.8.147 Global Settings Shell + Training Courses */
.ssp-global-settings{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;min-height:min(720px,80vh)}
.ssp-settings-nav{border:1px solid rgba(0,65,101,.10);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 18px 60px rgba(0,34,53,.07);padding:16px;align-self:start;position:sticky;top:0}.ssp-settings-nav h2{margin:4px 0 14px;color:var(--ssp-ink,#003b5c);font-size:22px}.ssp-settings-nav button{width:100%;border:0;border-radius:16px;background:transparent;color:var(--ssp-ink,#003b5c);font-weight:850;text-align:left;padding:11px 12px;cursor:pointer}.ssp-settings-nav button:hover,.ssp-settings-nav button.is-active{background:rgba(0,65,101,.07)}
.ssp-settings-content{min-width:0}.ssp-settings-card--wide{grid-column:span 1}.ssp-training-course-form{display:grid;gap:14px}.ssp-training-course-list{display:grid;gap:10px}.ssp-training-course-row{display:grid;grid-template-columns:110px minmax(220px,1fr) 130px 92px 40px;gap:10px;align-items:end;border:1px solid rgba(0,65,101,.10);border-radius:18px;background:#fff;padding:12px}.ssp-training-course-row label{display:grid;gap:6px;font-size:12px;font-weight:850;color:var(--ssp-muted,#64748b)}.ssp-training-course-row input{width:100%;border:1px solid rgba(0,65,101,.12);border-radius:12px;background:#fff;color:var(--ssp-ink,#003b5c);font:inherit;padding:9px 10px}.ssp-training-course-row .ssp-toggle-line{display:flex;align-items:center;gap:8px;padding-bottom:9px;color:var(--ssp-ink,#003b5c)}.ssp-training-course-row .ssp-toggle-line input{width:auto}.ssp-settings-next-list{display:flex;flex-wrap:wrap;gap:8px}.ssp-settings-next-list span{border:1px solid rgba(0,65,101,.10);border-radius:999px;background:rgba(246,248,251,.9);padding:7px 10px;color:var(--ssp-ink,#003b5c);font-size:12px;font-weight:850}
@media(max-width:980px){.ssp-global-settings{grid-template-columns:1fr}.ssp-settings-nav{position:static}.ssp-settings-nav{display:flex;flex-wrap:wrap;align-items:center}.ssp-settings-nav h2,.ssp-settings-nav .ssp-eyebrow{width:100%}.ssp-settings-nav button{width:auto}.ssp-training-course-row{grid-template-columns:1fr}.ssp-training-course-row .ssp-icon-button{justify-self:end}}

/* v3.8.148 Certificate Builder Foundation */
.ssp-certificate-builder{grid-column:1/-1;border:1px solid rgba(0,65,101,.10);border-radius:18px;background:rgba(246,248,251,.72);padding:14px;display:grid;gap:12px}.ssp-certificate-builder__controls{display:grid;grid-template-columns:minmax(170px,.35fr) minmax(240px,1fr);gap:12px;align-items:end}.ssp-certificate-builder__controls label{display:grid;gap:6px;font-size:12px;font-weight:850;color:var(--ssp-muted,#64748b)}.ssp-certificate-builder__controls input:not([type="checkbox"]){width:100%;border:1px solid rgba(0,65,101,.12);border-radius:12px;background:#fff;color:var(--ssp-ink,#003b5c);font:inherit;padding:9px 10px}.ssp-certificate-preview{position:relative;min-height:280px;border:1px solid rgba(0,65,101,.12);border-radius:18px;background:#fff;background-size:cover;background-position:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.ssp-certificate-preview::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.30));pointer-events:none}.ssp-certificate-titlebar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(0,65,101,.10);background:rgba(255,255,255,.82);backdrop-filter:blur(8px);color:var(--ssp-ink,#003b5c)}.ssp-certificate-titlebar strong{font-size:18px;line-height:1.2}.ssp-certificate-titlebar span{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--ssp-muted,#64748b)}.ssp-certificate-canvas{position:absolute;inset:52px 0 0}.ssp-certificate-field{position:absolute;z-index:2;transform:translate(-50%,-50%);border:1px solid rgba(0,65,101,.14);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(0,34,53,.12);color:var(--ssp-ink,#003b5c);font-size:12px;font-weight:900;padding:8px 11px;cursor:grab;touch-action:none}.ssp-certificate-field:active,.ssp-certificate-field.is-dragging{cursor:grabbing;box-shadow:0 14px 36px rgba(0,34,53,.18)}
@media(max-width:980px){.ssp-certificate-builder__controls{grid-template-columns:1fr}.ssp-certificate-preview{min-height:230px}}


/* v3.8.149 Certificate Layout Designer */
.ssp-certificate-builder__controls{grid-template-columns:minmax(170px,.28fr) minmax(260px,1fr);align-items:center}
.ssp-certificate-media-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ssp-certificate-media-control small{width:100%;color:var(--ssp-muted,#64748b);font-size:12px;font-weight:650}
.ssp-certificate-preview{aspect-ratio:1.414/1;min-height:auto;background-color:#fff;background-size:cover;background-position:center}
.ssp-certificate-preview::before{display:none}
.ssp-certificate-canvas{position:absolute;inset:0}
.ssp-certificate-titlebar{display:none}
.ssp-certificate-field{transform:translate(-50%,-50%);border:1px dashed rgba(0,65,101,.24);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(0,34,53,.10);padding:7px 10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%;min-width:72px}
.ssp-certificate-field span{display:block;overflow:hidden;text-overflow:clip}
.ssp-certificate-field--course_title{border-radius:16px;background:rgba(255,255,255,.70)}
.ssp-certificate-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ssp-certificate-field-control{border:1px solid rgba(0,65,101,.10);border-radius:16px;background:#fff;padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}
.ssp-certificate-field-control strong{grid-column:1/-1;color:var(--ssp-ink,#003b5c);font-size:13px}
.ssp-certificate-field-control label{display:grid;gap:5px;color:var(--ssp-muted,#64748b);font-size:11px;font-weight:800}
.ssp-certificate-field-control input:not([type="checkbox"]),.ssp-certificate-field-control select{width:100%;border:1px solid rgba(0,65,101,.12);border-radius:10px;background:#fff;color:var(--ssp-ink,#003b5c);font:inherit;padding:7px 8px}
.ssp-certificate-field-control .ssp-toggle-line{align-self:center}
@media(max-width:980px){.ssp-certificate-style-grid{grid-template-columns:1fr}.ssp-certificate-field-control{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ssp-certificate-field-control{grid-template-columns:1fr}}

/* v3.8.150 Certificate Portrait Preview Pass */
.ssp-certificate-builder {
  --ssp-certificate-preview-width: min(100%, 440px);
  overflow: visible;
}
.ssp-certificate-preview {
  width: var(--ssp-certificate-preview-width);
  max-width: 100%;
  max-height: min(68vh, 760px);
  aspect-ratio: 210 / 297;
  min-height: 0;
  margin: 0 auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
}
.ssp-certificate-preview::before { display: none; }
.ssp-certificate-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.ssp-certificate-field {
  background: transparent;
  background-color: transparent;
  border: 1px dashed transparent;
  box-shadow: none;
  border-radius: 6px;
  padding: 2px 4px;
  min-width: 40px;
  color: var(--ssp-ink, #003b5c);
  line-height: 1.12;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.ssp-certificate-field:hover,
.ssp-certificate-field:focus-visible,
.ssp-certificate-field.is-dragging {
  border-color: rgba(0, 65, 101, .28);
  background: rgba(255, 255, 255, .10);
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
  outline: none;
}
.ssp-certificate-field span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: clip;
  pointer-events: none;
}
.ssp-certificate-field--course_title {
  background: transparent;
  border-radius: 6px;
}
.ssp-certificate-style-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (min-width: 1180px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(360px, 440px) minmax(0, 1fr);
    align-items: start;
  }
  .ssp-training-course-row .ssp-certificate-builder__controls,
  .ssp-training-course-row .ssp-certificate-preview {
    grid-column: 1;
  }
  .ssp-training-course-row .ssp-certificate-style-grid,
  .ssp-training-course-row .ssp-mini-note {
    grid-column: 2;
  }
  .ssp-training-course-row .ssp-certificate-style-grid { align-self: start; }
}
@media (max-width: 760px) {
  .ssp-certificate-preview { max-height: 62vh; }
  .ssp-certificate-style-grid { grid-template-columns: 1fr; }
}

/* v3.8.151 Certificate Autosave and Template UX Pass */
.ssp-training-course-settings .ssp-pane-card__head { align-items: start; }
.ssp-training-course-workspace {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.ssp-training-course-picker {
  position: sticky;
  top: 0;
  display: grid;
  gap: 8px;
  max-height: min(68vh, 760px);
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(0, 65, 101, .10);
  border-radius: 16px;
  background: var(--ssp-surface, #fff);
}
.ssp-training-course-picker button {
  appearance: none;
  width: 100%;
  display: grid;
  gap: 2px;
  text-align: left;
  border: 1px solid rgba(0, 65, 101, .10);
  border-radius: 13px;
  background: transparent;
  color: var(--ssp-ink, #003b5c);
  padding: 10px 11px;
  cursor: pointer;
}
.ssp-training-course-picker button:hover,
.ssp-training-course-picker button.is-active {
  background: rgba(0, 65, 101, .045);
  border-color: rgba(0, 65, 101, .18);
}
.ssp-training-course-picker strong { font-size: 13px; font-weight: 850; line-height: 1.2; }
.ssp-training-course-picker span { color: var(--ssp-muted, #64748b); font-size: 12px; font-weight: 650; line-height: 1.25; }
.ssp-training-course-list { min-width: 0; }
.ssp-training-course-row[hidden] { display: none; }
.ssp-training-course-form .ssp-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid rgba(0, 65, 101, .08);
  padding-top: 12px;
}
.ssp-training-course-form .ssp-form-actions small {
  margin-right: auto;
  color: var(--ssp-muted, #64748b);
  font-size: 12px;
  font-weight: 750;
}
.ssp-training-course-form .ssp-form-actions small[data-tone="saving"],
.ssp-training-course-form .ssp-form-actions small[data-tone="dirty"] { color: var(--ssp-primary, #004165); }
.ssp-training-course-form .ssp-form-actions small[data-tone="saved"] { color: #166534; }
.ssp-training-course-form .ssp-form-actions small[data-tone="error"] { color: #991b1b; }
@media (max-width: 980px) {
  .ssp-training-course-workspace { grid-template-columns: 1fr; }
  .ssp-training-course-picker { position: static; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); max-height: none; }
}

/* v3.8.152 Certificate Controls Width Pass */
@media (min-width: 1180px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(340px, 430px) minmax(560px, 1fr);
    column-gap: 18px;
  }

  .ssp-training-course-row .ssp-certificate-style-grid {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .ssp-training-course-row .ssp-certificate-field-control {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(132px, 1.2fr) minmax(84px, .75fr) minmax(92px, .8fr) minmax(118px, .9fr) minmax(104px, .8fr) minmax(92px, .7fr);
    gap: 9px;
    align-items: end;
  }

  .ssp-training-course-row .ssp-certificate-field-control strong {
    grid-column: auto;
    align-self: center;
    line-height: 1.2;
  }

  .ssp-training-course-row .ssp-certificate-field-control label {
    min-width: 0;
  }

  .ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
    align-self: end;
    justify-content: flex-start;
    padding-bottom: 7px;
  }
}

@media (min-width: 1180px) and (max-width: 1320px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(320px, 390px) minmax(500px, 1fr);
  }

  .ssp-training-course-row .ssp-certificate-field-control {
    grid-template-columns: minmax(120px, 1fr) repeat(2, minmax(82px, .75fr)) repeat(2, minmax(104px, .85fr));
  }

  .ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
    grid-column: 1 / -1;
    padding-bottom: 0;
  }
}

/* v3.8.153 Certificate Fine Tune Layout Pass */
.ssp-certificate-preview.is-snap-x::after,
.ssp-certificate-preview.is-snap-y::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.ssp-certificate-preview.is-snap-x::after {
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid rgba(12, 198, 222, .75);
}
.ssp-certificate-preview.is-snap-y::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid rgba(12, 198, 222, .75);
}
@media (min-width: 1180px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(330px, 430px) minmax(0, 1fr);
    column-gap: 18px;
  }
  .ssp-training-course-row .ssp-certificate-style-grid {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .ssp-training-course-row .ssp-certificate-field-control {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(130px, 1.25fr) repeat(3, minmax(70px, .62fr)) minmax(88px, .72fr) minmax(116px, .92fr) minmax(104px, .84fr) minmax(82px, .62fr);
    gap: 8px;
    align-items: end;
    padding: 9px 10px;
  }
  .ssp-training-course-row .ssp-certificate-field-control strong {
    grid-column: auto;
    align-self: center;
    line-height: 1.2;
    min-width: 0;
  }
  .ssp-training-course-row .ssp-certificate-field-control label {
    min-width: 0;
  }
  .ssp-training-course-row .ssp-certificate-field-control input:not([type="checkbox"]),
  .ssp-training-course-row .ssp-certificate-field-control select {
    min-height: 34px;
    padding: 6px 8px;
  }
  .ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
    align-self: end;
    justify-content: flex-start;
    padding: 0 0 7px;
    white-space: nowrap;
  }
}
@media (min-width: 1180px) and (max-width: 1460px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(310px, 390px) minmax(0, 1fr);
  }
  .ssp-training-course-row .ssp-certificate-field-control {
    grid-template-columns: minmax(120px, 1fr) repeat(3, minmax(66px, .62fr)) repeat(3, minmax(88px, .82fr));
  }
  .ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
    grid-column: 1 / -1;
    padding-bottom: 0;
  }
}
@media (max-width: 1179px) {
  .ssp-certificate-field-control {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* v3.8.154 Certificate Layout and Colour Controls Pass */
.ssp-training-course-list,
.ssp-training-course-row,
.ssp-training-course-row .ssp-certificate-builder {
  min-width: 0;
  max-width: 100%;
}
.ssp-training-course-row .ssp-certificate-builder {
  grid-column: 1 / -1;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.ssp-training-course-row .ssp-certificate-builder__controls {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}
.ssp-training-course-row .ssp-certificate-preview,
.ssp-training-course-row .ssp-certificate-style-grid {
  min-width: 0;
  max-width: 100%;
}
.ssp-certificate-field,
.ssp-certificate-field:hover,
.ssp-certificate-field:focus-visible,
.ssp-certificate-field.is-dragging {
  background: transparent;
  background-color: transparent;
}
@media (min-width: 1180px) {
  .ssp-training-course-row .ssp-certificate-builder {
    display: grid;
    grid-template-columns: minmax(300px, 410px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }
  .ssp-training-course-row .ssp-certificate-preview {
    grid-column: 1;
    width: min(100%, 410px);
    margin: 0 auto;
  }
  .ssp-training-course-row .ssp-certificate-style-grid,
  .ssp-training-course-row .ssp-mini-note {
    grid-column: 2;
  }
  .ssp-training-course-row .ssp-certificate-field-control {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(126px, 1.4fr) repeat(2, minmax(62px, .65fr)) repeat(3, minmax(82px, .85fr));
    gap: 8px;
    align-items: end;
    box-sizing: border-box;
  }
  .ssp-training-course-row .ssp-certificate-field-control strong,
  .ssp-training-course-row .ssp-certificate-field-control label,
  .ssp-training-course-row .ssp-certificate-field-control input,
  .ssp-training-course-row .ssp-certificate-field-control select {
    min-width: 0;
  }
  .ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
    grid-column: 1 / -1;
    padding: 0;
  }
}
@media (min-width: 1180px) and (max-width: 1420px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  }
  .ssp-training-course-row .ssp-certificate-preview {
    width: min(100%, 360px);
  }
  .ssp-training-course-row .ssp-certificate-field-control {
    grid-template-columns: minmax(112px, 1fr) repeat(2, minmax(60px, .65fr)) repeat(2, minmax(78px, .8fr));
  }
  .ssp-training-course-row .ssp-certificate-field-control label:nth-of-type(6),
  .ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
    grid-column: 1 / -1;
  }
}
@media (max-width: 1179px) {
  .ssp-training-course-row .ssp-certificate-builder,
  .ssp-training-course-row .ssp-certificate-style-grid {
    grid-template-columns: 1fr;
  }
}

/* v3.8.155 Certificate Width and Email Shortcut Pass */
.ssp-global-settings,
.ssp-settings-content,
.ssp-settings-grid--training,
.ssp-training-course-settings,
.ssp-training-course-form,
.ssp-training-course-workspace,
.ssp-training-course-list,
.ssp-training-course-row {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.ssp-settings-grid--training {
  grid-template-columns: 1fr;
}
.ssp-settings-grid--training .ssp-training-course-settings {
  grid-column: 1 / -1;
}
.ssp-training-course-workspace {
  grid-template-columns: minmax(178px, 220px) minmax(0, 1fr);
}
.ssp-training-course-row {
  grid-template-columns: minmax(92px, .8fr) minmax(220px, 1.8fr) minmax(112px, .9fr) minmax(84px, .65fr) 40px;
  overflow: hidden;
}
.ssp-training-course-row .ssp-certificate-builder {
  grid-column: 1 / -1;
  width: 100%;
  overflow: hidden;
  background: var(--ssp-surface-subtle, #f8fafc);
}
.ssp-training-course-row .ssp-certificate-builder__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 14px;
}
.ssp-training-course-row .ssp-certificate-media-control {
  margin-left: auto;
}
.ssp-training-course-row .ssp-certificate-style-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.ssp-training-course-row .ssp-certificate-field-control {
  display: grid;
  grid-template-columns: minmax(118px, 1.1fr) repeat(4, minmax(64px, .68fr)) minmax(96px, .9fr) minmax(96px, .9fr) minmax(74px, .6fr);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.ssp-training-course-row .ssp-certificate-field-control strong,
.ssp-training-course-row .ssp-certificate-field-control label,
.ssp-training-course-row .ssp-certificate-field-control input,
.ssp-training-course-row .ssp-certificate-field-control select {
  min-width: 0;
  max-width: 100%;
}
.ssp-training-course-row .ssp-certificate-field-control input:not([type="checkbox"]),
.ssp-training-course-row .ssp-certificate-field-control select {
  height: 34px;
  padding: 6px 7px;
}
.ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
  white-space: nowrap;
  align-self: end;
  padding: 0 0 7px;
}
.ssp-cockpit-smart-item .ssp-activity-favicon {
  margin-bottom: 2px;
}
@media (min-width: 1180px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);
    gap: 14px;
  }
  .ssp-training-course-row .ssp-certificate-preview {
    width: min(100%, 430px);
    justify-self: center;
  }
  .ssp-training-course-row .ssp-certificate-style-grid,
  .ssp-training-course-row .ssp-mini-note {
    grid-column: 2;
  }
}
@media (min-width: 1180px) and (max-width: 1500px) {
  .ssp-training-course-row .ssp-certificate-builder {
    grid-template-columns: minmax(285px, 38%) minmax(0, 1fr);
  }
  .ssp-training-course-row .ssp-certificate-preview {
    width: min(100%, 370px);
  }
  .ssp-training-course-row .ssp-certificate-field-control {
    grid-template-columns: minmax(112px, 1fr) repeat(3, minmax(58px, .65fr)) repeat(2, minmax(82px, .82fr));
  }
  .ssp-training-course-row .ssp-certificate-field-control label:nth-of-type(6),
  .ssp-training-course-row .ssp-certificate-field-control .ssp-toggle-line {
    grid-column: 1 / -1;
  }
}
@media (max-width: 1179px) {
  .ssp-training-course-row,
  .ssp-training-course-workspace,
  .ssp-training-course-row .ssp-certificate-builder,
  .ssp-training-course-row .ssp-certificate-style-grid {
    grid-template-columns: 1fr;
  }
  .ssp-training-course-row .ssp-certificate-field-control {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* v4.3.32 Commercial Settings Terms Library */
.ssp-commercial-settings{display:grid;gap:14px}
.ssp-commercial-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.ssp-commercial-tabs button{appearance:none;border:1px solid rgba(0,65,101,.10);border-radius:999px;background:#fff;color:var(--ssp-ink,#003b5c);font:inherit;font-size:13px;font-weight:800;padding:8px 12px;cursor:pointer;box-shadow:none}
.ssp-commercial-tabs button:hover,.ssp-commercial-tabs button.is-active{border-color:rgba(12,198,222,.38);background:rgba(12,198,222,.08);color:var(--ssp-ink,#003b5c)}
.ssp-wysiwyg-shell{border:1px solid rgba(0,65,101,.12);border-radius:18px;background:#fff;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.ssp-wysiwyg-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:9px;border-bottom:1px solid rgba(0,65,101,.10);background:rgba(246,248,251,.72)}
.ssp-wysiwyg-toolbar button{appearance:none;border:1px solid rgba(0,65,101,.10);border-radius:11px;background:#fff;color:var(--ssp-ink,#003b5c);font:inherit;font-size:12px;font-weight:800;padding:7px 10px;cursor:pointer}
.ssp-wysiwyg-toolbar button:hover{border-color:rgba(12,198,222,.35);background:rgba(12,198,222,.08)}
.ssp-wysiwyg-editor{min-height:340px;padding:18px;color:var(--ssp-ink,#003b5c);line-height:1.55;outline:none;background:#fff;overflow:auto}
.ssp-wysiwyg-editor:focus{box-shadow:inset 0 0 0 2px rgba(12,198,222,.28)}
.ssp-wysiwyg-editor h2,.ssp-commercial-preview h2{margin:0 0 12px;color:var(--ssp-ink,#003b5c);font-size:20px;line-height:1.25}
.ssp-wysiwyg-editor p,.ssp-commercial-preview p{margin:0 0 12px}.ssp-wysiwyg-editor ul,.ssp-commercial-preview ul{margin:0 0 12px 20px;padding:0}.ssp-wysiwyg-editor li,.ssp-commercial-preview li{margin:5px 0}
.ssp-settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ssp-settings-actions span{color:var(--ssp-muted,#64748b);font-size:12px;font-weight:700}.ssp-commercial-preview{padding:6px 2px;color:var(--ssp-ink,#003b5c);line-height:1.55}
@media(max-width:720px){.ssp-wysiwyg-editor{min-height:260px}.ssp-commercial-tabs{display:grid;grid-template-columns:1fr}.ssp-settings-actions{align-items:stretch}.ssp-settings-actions .ssp-button{width:100%}}
.ssp-wysiwyg-editor blockquote,.ssp-commercial-preview blockquote{margin:0 0 14px;padding:14px 16px;border-left:3px solid var(--ssp-accent,#0CC6DE);border-radius:14px;background:rgba(0,65,101,.04);color:var(--ssp-ink,#003b5c)}
.ssp-wysiwyg-editor blockquote p,.ssp-commercial-preview blockquote p{margin:0 0 8px;font-weight:650}
.ssp-wysiwyg-editor cite,.ssp-commercial-preview cite{display:block;color:var(--ssp-muted,#64748b);font-style:normal;font-size:13px;font-weight:800}
