/* ClokIt USA | Isolated New Delivery Studio (draft only). No changes to existing dashboard layouts. */
.v220-sidebar .clokit-new-delivery-nav{width:100%;text-align:left;cursor:pointer}
.v220-sidebar .clokit-new-delivery-nav .ico{font-size:19px}
body.cds-modal-open{overflow:hidden!important}
#clokit-delivery-studio,#clokit-delivery-studio *{box-sizing:border-box}
#clokit-delivery-studio{--cds-ink:#12263d;--cds-navy:#193b4d;--cds-blue:#087cde;--cds-line:#dce8f2;--cds-muted:#60788c;position:fixed;inset:0;z-index:2147483500;font-family:Arial,Helvetica,sans-serif;color:var(--cds-ink);isolation:isolate}
#clokit-delivery-studio .cds-backdrop{position:absolute;inset:0;background:rgba(11,29,45,.73);backdrop-filter:blur(4px)}
#clokit-delivery-studio .cds-window{position:absolute;inset:3.2vh 3vw;width:94vw;max-width:1510px;margin:auto;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d5e4ed;border-radius:22px;background:#f5faff;box-shadow:0 30px 90px rgba(7,30,49,.35)}
#clokit-delivery-studio .cds-head{display:flex;align-items:center;gap:16px;flex:none;padding:18px 24px;background:#fff;border-bottom:1px solid var(--cds-line)}
#clokit-delivery-studio .cds-brand-icon{width:47px;height:47px;border-radius:14px;background:linear-gradient(135deg,#048dfe,#1456ae);color:white;font-weight:900;display:grid;place-items:center;font-size:29px}
#clokit-delivery-studio .cds-title-group{flex:1;min-width:0}
#clokit-delivery-studio .cds-kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#2f719d;margin-bottom:4px}
#clokit-delivery-studio h1{font:bold 27px/1.1 Arial,Helvetica,sans-serif;color:#091f37;margin:0 0 6px}
#clokit-delivery-studio .cds-title-group p{font-size:12px;color:var(--cds-muted);margin:0}
#clokit-delivery-studio #cds-close{border:0;border-radius:12px;background:#edf4f9;color:#203d55;min-width:40px;height:40px;font-size:26px;cursor:pointer}
#clokit-delivery-studio .cds-content{display:grid;grid-template-columns:minmax(380px,.87fr) minmax(450px,1.13fr);min-height:0;flex:1;overflow:hidden}
#clokit-delivery-studio .cds-editor{overflow-y:auto;padding:21px 24px 34px;border-right:1px solid var(--cds-line);background:#f8fbff;scrollbar-width:thin}
#clokit-delivery-studio .cds-rail{display:flex;gap:7px;margin-bottom:17px}
#clokit-delivery-studio .cds-rail span{border-radius:100px;background:#e9f2fa;color:#58758b;font-size:11px;font-weight:800;padding:8px 11px}
#clokit-delivery-studio .cds-rail .is-current{background:#d8efff;color:#0869b0}
#clokit-delivery-studio .cds-workspace{background:white;padding:13px 15px;border:1px solid #dce8f2;border-radius:13px;font-size:12px;font-weight:700;color:#627e94;margin-bottom:15px}
#clokit-delivery-studio .cds-workspace strong{display:block;margin-top:6px;color:#13304a;font-size:15px}
#clokit-delivery-studio .cds-workspace small{display:block;margin-top:4px;font-weight:400;line-height:1.5}
#clokit-delivery-studio fieldset{display:flex;flex-direction:column;gap:12px;margin:0 0 16px;background:white;border:1px solid var(--cds-line);border-radius:15px;padding:18px}
#clokit-delivery-studio legend{display:block;float:none;width:auto;margin:0 0 4px;color:#132a41;font-weight:900;font-size:16px;padding:0}
#clokit-delivery-studio label{display:flex;flex-direction:column;gap:6px;color:#385670;font-size:11px;font-weight:800;letter-spacing:.1px;min-width:0}
#clokit-delivery-studio input[type=text],#clokit-delivery-studio input[type=email],#clokit-delivery-studio input[type=url],#clokit-delivery-studio input[type=tel],#clokit-delivery-studio textarea{width:100%;border:1px solid #d6e2ec;border-radius:9px;outline:none;padding:11px 12px;min-height:40px;box-shadow:none;background:#fff;color:#152e43;font:13px/1.5 Arial,Helvetica,sans-serif}
#clokit-delivery-studio textarea{resize:vertical;min-height:70px}
#clokit-delivery-studio input:focus-visible,#clokit-delivery-studio textarea:focus-visible,#clokit-delivery-studio button:focus-visible{outline:2px solid #1287e4;outline-offset:2px}
#clokit-delivery-studio input[type=color]{border:1px solid #d6e2ec;border-radius:10px;padding:3px;width:100%;height:43px;background:white;cursor:pointer}
#clokit-delivery-studio .cds-fields-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#clokit-delivery-studio .cds-upload input{font-size:11px;padding:8px;background:#f6fbff;border:1px dashed #b9d2e6;border-radius:10px;width:100%;max-width:100%}
#clokit-delivery-studio .cds-upload span{font-weight:500;color:#608097}
#clokit-delivery-studio .cds-save{background:#edf7ff;border:1px solid #b8dcf6;color:#125d95;border-radius:9px;padding:11px 12px;cursor:pointer;font-size:12px;font-weight:900}
#clokit-delivery-studio .cds-subheading{font-weight:900;font-size:12px;color:#193b4d;margin-top:6px}
#clokit-delivery-studio .cds-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#clokit-delivery-studio .cds-check-grid label,#clokit-delivery-studio .cds-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-size:12px;color:#314e66;font-weight:600;letter-spacing:0;line-height:1.4}
#clokit-delivery-studio input[type=checkbox]{width:16px;height:16px;accent-color:#087cde;flex:0 0 16px;margin:0}
#clokit-delivery-studio .cds-guard{background:#e9f3f9;border-left:3px solid #308bc8;color:#466981;font-size:11px;line-height:1.65;padding:12px 14px;border-radius:6px}
#clokit-delivery-studio .cds-right{min-width:0;min-height:0;overflow-y:auto;padding:21px 23px 25px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin}
#clokit-delivery-studio .cds-status{display:flex;justify-content:space-between;align-items:center;gap:10px}
#clokit-delivery-studio .cds-status strong{display:block;font-size:15px;color:#122c44}
#clokit-delivery-studio .cds-status small{display:block;color:#7690a5;font-size:11px;margin-top:4px}
#clokit-delivery-studio .cds-status-pill{background:#e6f3ff;color:#076cbb;font-size:10px;font-weight:900;letter-spacing:1px;padding:8px 9px;border-radius:20px}
#clokit-delivery-studio .cds-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#clokit-delivery-studio .cds-progress div{border:1px solid #dce8f2;background:white;border-radius:10px;font-size:11px;line-height:1.5;font-weight:800;padding:10px;color:#2c526b;min-height:58px}
#clokit-delivery-studio .cds-progress span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#e6f3ff;color:#087cde;margin-right:6px}
#clokit-delivery-studio .cds-progress .cds-muted{color:#92a7b6}
#clokit-delivery-studio .cds-frame-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
#clokit-delivery-studio .cds-frame-head strong{font-size:13px}
#clokit-delivery-studio .cds-frame-head span{font-size:10px;color:#637c90;text-align:right}
#clokit-delivery-studio iframe{border:1px solid #dce7ee;border-radius:13px;background:#FFFFFF;display:block;width:100%;height:590px;min-height:420px;flex:none;box-shadow:0 5px 18px rgba(15,57,86,.055)}
#clokit-delivery-studio .cds-validation{font-size:11px;line-height:1.5;color:#657f93;margin:0}
#clokit-delivery-studio .cds-actions{display:flex;gap:10px;flex-wrap:wrap}
#clokit-delivery-studio .cds-actions button{border:1px solid #d1dfed;border-radius:10px;padding:13px 15px;cursor:pointer;font-size:12px;font-weight:900;background:white;color:#21475f}
#clokit-delivery-studio #cds-download{background:#087cde;color:white;border-color:#087cde}
#clokit-delivery-studio #cds-download:disabled{background:#e2eaf0;border-color:#e2eaf0;color:#73889c;cursor:not-allowed}
#clokit-delivery-studio .cds-note{margin:0;padding:10px;border-radius:8px;background:#e4f5ff;color:#114669;line-height:1.5;font-size:12px}
@media(max-width:920px){#clokit-delivery-studio .cds-window{inset:0;width:100vw;height:100dvh;border-radius:0}#clokit-delivery-studio .cds-content{grid-template-columns:1fr;overflow-y:auto}#clokit-delivery-studio .cds-editor,#clokit-delivery-studio .cds-right{overflow:visible;border-right:0}#clokit-delivery-studio .cds-editor{border-bottom:1px solid #dce8f2}#clokit-delivery-studio iframe{height:700px}#clokit-delivery-studio .cds-head{padding:13px 16px}#clokit-delivery-studio .cds-title-group p{display:none}#clokit-delivery-studio .cds-editor,#clokit-delivery-studio .cds-right{padding:15px 16px}}
@media(max-width:530px){#clokit-delivery-studio .cds-fields-2{grid-template-columns:1fr}#clokit-delivery-studio .cds-rail{flex-wrap:wrap}#clokit-delivery-studio .cds-progress{grid-template-columns:1fr}#clokit-delivery-studio .cds-progress div{min-height:0}#clokit-delivery-studio h1{font-size:21px}}


/* v2: FULL IN-APP PAGE, never a popup. The existing authenticated header/sidebar remain visible. */
.v220-dashboard.cds-page-active{
  display:grid!important;
  grid-template-columns:clamp(184px,15vw,224px) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  min-height:0!important;
  gap:0!important;
}
.v220-dashboard.cds-page-active > .v220-center,
.v220-dashboard.cds-page-active > .v220-right{display:none!important}
.v220-dashboard.cds-page-active > .v220-sidebar{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  min-width:0!important;
  min-height:0!important;
}
.v220-dashboard .v220-nav-btn.clokit-new-delivery-nav.active{
  color:#0877d8!important;
  background:#fff!important;
  box-shadow:inset 4px 0 0 #138bfa,0 4px 14px rgba(16,94,154,.06)!important;
}
.v220-dashboard.cds-page-active > #clokit-delivery-studio{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  display:flex!important;
  grid-column:2!important;
  grid-row:1!important;
  height:100%!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:9px 11px!important;
  background:linear-gradient(155deg,#f5faff,#eaf3fa)!important;
  isolation:auto!important;
}
.v220-dashboard.cds-page-active #clokit-delivery-studio .cds-window{
  position:relative!important;
  inset:auto!important;
  top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid #dce8f2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 6px 22px rgba(14,55,83,.045)!important;
}
#clokit-delivery-studio .cds-head{
  background:#fff!important;
  padding:17px 22px!important;
  flex:0 0 auto!important;
}
#clokit-delivery-studio .cds-title-group h1{font-size:25px!important;line-height:1.1!important}
#clokit-delivery-studio .cds-content{
  grid-template-columns:minmax(340px,.88fr) minmax(390px,1.12fr)!important;
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
#clokit-delivery-studio .cds-editor{
  min-height:0!important;
  height:100%!important;
  background:#f8fbfe!important;
  padding:19px 19px 22px!important;
}
#clokit-delivery-studio .cds-right{
  min-height:0!important;
  height:100%!important;
  padding:19px!important;
  gap:10px!important;
  overflow-y:auto!important;
}
#clokit-delivery-studio #cds-close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:151px!important;
  width:auto!important;
  height:40px!important;
  flex:0 0 auto!important;
  padding:8px 15px!important;
  font-size:12px!important;
  font-weight:850!important;
  background:#edf6fd!important;
  border:1px solid #d0e5f4!important;
  color:#1d567d!important;
  border-radius:10px!important;
}
#clokit-delivery-studio .cds-rail{display:grid!important;grid-template-columns:repeat(3, minmax(0,1fr))!important;gap:8px!important}
#clokit-delivery-studio .cds-rail button{
  border:1px solid #d7e5ef!important;
  background:#fff!important;
  border-radius:10px!important;
  color:#54748b!important;
  padding:11px 7px!important;
  cursor:pointer!important;
  font-size:11px!important;
  font-weight:900!important;
  text-align:center!important;
  min-height:41px!important;
  white-space:nowrap!important;
}
#clokit-delivery-studio .cds-rail button.is-current{
  background:#e4f4ff!important;
  color:#075c99!important;
  border-color:#aad6f4!important;
  box-shadow:0 3px 12px rgba(7,124,222,.06)!important;
}
#clokit-delivery-studio fieldset[data-cds-panel][hidden]{display:none!important}
#clokit-delivery-studio .cds-field-hint{color:#668095;line-height:1.6;font-size:12px;margin:0}
#clokit-delivery-studio .cds-logo-help{color:#58788e;font-size:11px;line-height:1.55}
#clokit-delivery-studio .cds-remove-logo{border:0;background:none;text-decoration:underline;color:#286e9d;text-align:left;font-size:11px;font-weight:700;padding:2px;cursor:pointer;align-self:flex-start}
#clokit-delivery-studio .cds-step-actions{position:sticky;bottom:-22px;display:flex;align-items:center;gap:9px;padding:11px 0 5px;background:#f8fbfe;z-index:1}
#clokit-delivery-studio .cds-step-actions button{border:1px solid #bedcef;border-radius:10px;padding:12px 14px;font-weight:900;font-size:12px;cursor:pointer;min-height:42px}
#clokit-delivery-studio #cds-prev{background:#fff;color:#385b70}
#clokit-delivery-studio #cds-prev[hidden]{display:none!important}
#clokit-delivery-studio #cds-next{background:#0c83dc;color:#fff;border-color:#0c83dc;flex:1}
#clokit-delivery-studio .cds-progress div{min-height:49px!important}
#clokit-delivery-studio .cds-future{font-size:10px;color:#6d8596;line-height:1.5;padding:0 2px}
#clokit-delivery-studio iframe{height:auto!important;min-height:330px!important;flex:1 1 400px!important;max-height:none!important}
#clokit-delivery-studio .cds-validation{margin-top:0}
#clokit-delivery-studio #cds-download{min-width:160px}
@media (max-width:1190px){
  #clokit-delivery-studio .cds-content{grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr)!important}
  #clokit-delivery-studio .cds-rail button{font-size:10px!important;padding:9px 5px!important}
}
@media (max-width:1049px){
  .v220-dashboard.cds-page-active{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
  .v220-dashboard.cds-page-active > #clokit-delivery-studio{grid-column:1!important;grid-row:1!important;overflow:visible!important;min-height:0!important}
  .v220-dashboard.cds-page-active > .v220-sidebar{display:none!important}
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-window{min-height:calc(100dvh - 100px)!important;height:auto!important}
  #clokit-delivery-studio .cds-content{display:grid!important;grid-template-columns:1fr!important;overflow-y:auto!important}
  #clokit-delivery-studio .cds-editor,#clokit-delivery-studio .cds-right{overflow:visible!important;height:auto!important;border-right:0!important}
  #clokit-delivery-studio .cds-editor{border-bottom:1px solid #dce8f2!important}
  #clokit-delivery-studio iframe{height:650px!important;flex:0 0 650px!important}
}
@media (max-width:630px){
  .v220-dashboard.cds-page-active > #clokit-delivery-studio{padding:4px!important}
  #clokit-delivery-studio .cds-head{padding:12px!important;gap:9px!important}
  #clokit-delivery-studio .cds-brand-icon{width:35px;height:35px;font-size:20px}
  #clokit-delivery-studio .cds-title-group h1{font-size:21px!important}
  #clokit-delivery-studio #cds-close{min-width:0!important;width:auto!important;padding:8px 10px!important}
  #clokit-delivery-studio .cds-progress{grid-template-columns:1fr!important}
  #clokit-delivery-studio .cds-progress div{min-height:0!important}
  #clokit-delivery-studio .cds-check-grid{grid-template-columns:1fr 1fr}
}

/* v3: one Delivery Studio scroll area; instant, isolated document preview. */
.v220-dashboard.cds-page-active #clokit-delivery-studio .cds-window{
  overflow:hidden!important;
  max-height:100%!important;
}
.v220-dashboard.cds-page-active #clokit-delivery-studio .cds-content{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  align-items:start!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  height:auto!important;
  flex:1 1 auto!important;
  min-height:0!important;
  background:#f9fbfe!important;
}
.v220-dashboard.cds-page-active #clokit-delivery-studio .cds-editor,
.v220-dashboard.cds-page-active #clokit-delivery-studio .cds-right{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  align-self:start!important;
  max-height:none!important;
}
.v220-dashboard.cds-page-active #clokit-delivery-studio .cds-editor{
  background:#f8fbfd!important;
  padding:20px!important;
  border-right:1px solid #dce8f2!important;
}
.v220-dashboard.cds-page-active #clokit-delivery-studio .cds-right{
  padding:20px!important;
  gap:15px!important;
}
#clokit-delivery-studio .cds-future{
  background:#eef7ff!important;
  border:1px solid #d9e9f6!important;
  border-radius:10px!important;
  padding:10px 13px!important;
  color:#546f85!important;
  font-size:11px!important;
  line-height:1.6!important;
}
#clokit-delivery-studio .cds-step-actions{
  position:static!important;
  background:transparent!important;
  bottom:auto!important;
  padding:0!important;
  margin-top:13px!important;
}
#clokit-delivery-studio .cds-frame-head{
  border-bottom:1px solid #dce8f2!important;
  padding-bottom:9px!important;
  flex-wrap:wrap!important;
}
#clokit-delivery-studio .cds-frame-head strong{font-size:14px!important}
#clokit-delivery-studio #cds-preview{
  box-sizing:border-box!important;
  display:block!important;
  flex:none!important;
  width:100%!important;
  min-height:700px!important;
  height:auto!important;
  max-height:none!important;
  border:1px solid #dce7ee!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  overflow:hidden!important;
  box-shadow:0 6px 18px rgba(15,57,86,.05)!important;
}
#clokit-delivery-studio .cds-validation{
  border-left:3px solid #bad8eb!important;
  padding:8px 11px!important;
  background:#f2f7fb!important;
  border-radius:4px!important;
}
#clokit-delivery-studio .cds-actions{
  padding-bottom:12px!important;
}
@media (max-width:1190px){
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-content{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  }
}
@media (max-width:1049px){
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-content{
    grid-template-columns:minmax(0,1fr)!important;
    overflow-y:auto!important;
    align-items:start!important;
  }
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-editor,
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-right{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    border-right:0!important;
    padding:16px!important;
  }
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-editor{
    border-bottom:1px solid #dce8f2!important;
  }
  #clokit-delivery-studio #cds-preview{min-height:650px!important}
}
@media (max-width:620px){
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-editor,
  .v220-dashboard.cds-page-active #clokit-delivery-studio .cds-right{padding:12px!important}
  #clokit-delivery-studio .cds-rail button{white-space:normal!important;line-height:1.35!important}
  #clokit-delivery-studio .cds-title-group p{font-size:11px!important}
  #clokit-delivery-studio #cds-preview{min-height:630px!important}
}

/* Workspace organization template tools. Shared defaults are read-only for members. */
#clokit-delivery-studio .cds-template-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
#clokit-delivery-studio .cds-template-actions button{background:#edf6ff;color:#1a5e8b;border:1px solid #cae2f2;border-radius:8px;padding:8px 10px;font-weight:800;font-size:11px;cursor:pointer}
#clokit-delivery-studio .cds-template-actions button:hover{background:#e1f1ff}
#clokit-delivery-studio .cds-workspace small{font-size:11px;color:#496c85;line-height:1.45}


/* v4: quiet, repeatable organization template library. */
#clokit-delivery-studio .cds-library{
  border:1px solid #d5e5f0;border-radius:15px;background:#fff;
  padding:16px 17px;margin:0 0 18px;display:flex;flex-direction:column;gap:11px;
}
#clokit-delivery-studio .cds-library-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
#clokit-delivery-studio .cds-library-label{color:#637f96;font-size:10px;font-weight:900;letter-spacing:1.5px;margin-bottom:6px}
#clokit-delivery-studio .cds-library strong{font-size:16px;color:#13304a}
#clokit-delivery-studio .cds-free-label{color:#1a6d96;font-size:10px;font-weight:900;letter-spacing:1px;background:#eaf5fd;padding:6px 8px;border-radius:6px}
#clokit-delivery-studio #cds-template-status{font-size:11px;color:#54748b;margin:0;line-height:1.5}
#clokit-delivery-studio .cds-template-picker{display:flex;gap:9px;align-items:center;min-width:0}
#clokit-delivery-studio #cds-template-select{
  flex:1;min-width:0;appearance:auto;border:1px solid #cddfec;border-radius:9px;
  background:#f9fcff;color:#1a3b54;padding:12px 11px;font:700 12px Arial,Helvetica,sans-serif;
  height:43px;
}
#clokit-delivery-studio .cds-template-picker button{
  flex:0 0 auto;background:#097ed2!important;border:1px solid #097ed2!important;color:#fff!important;
  border-radius:9px;padding:12px 18px;font-size:12px;font-weight:900;cursor:pointer;height:43px;
}
#clokit-delivery-studio .cds-template-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#clokit-delivery-studio .cds-template-actions button{
  border:1px solid #d1e3f0;background:#eff7fd;color:#265a7a;
  border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer
}
#clokit-delivery-studio .cds-template-actions button:hover{background:#e0f0fb}
#clokit-delivery-studio .cds-template-actions button[hidden]{display:none!important}
#clokit-delivery-studio .cds-template-new{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:10px;border-top:1px solid #e3edf3;padding:12px 0 0;
}
#clokit-delivery-studio .cds-template-new[hidden]{display:none!important}
#clokit-delivery-studio .cds-template-new>.cds-template-actions{grid-column:1/-1}
#clokit-delivery-studio .cds-template-new select,
#clokit-delivery-studio .cds-template-new input{
  min-width:0;width:100%;background:#fff;border:1px solid #d1e3ee;border-radius:8px;
  padding:10px;color:#243d50;font:12px Arial,Helvetica,sans-serif;
}
#clokit-delivery-studio #cds-role-note{font-size:10px;color:#718799;line-height:1.5}
#clokit-delivery-studio .cds-copy-editor{border-top:1px solid #e3edf4;padding:11px 0 0;display:flex;flex-direction:column;gap:9px}
#clokit-delivery-studio .cds-copy-editor summary{list-style:revert;cursor:pointer;color:#156da2;font-size:12px;font-weight:900;margin-bottom:9px}
#clokit-delivery-studio .cds-copy-editor label{margin:10px 0 0}
#clokit-delivery-studio .cds-copy-editor small{font-size:10px;color:#66839a;line-height:1.55}
@media(max-width:1190px){#clokit-delivery-studio .cds-template-new{grid-template-columns:1fr}}
@media(max-width:620px){#clokit-delivery-studio .cds-template-picker{flex-wrap:wrap}#clokit-delivery-studio #cds-template-select{flex-basis:100%}#clokit-delivery-studio .cds-library{padding:13px}}

/* While Delivery is open, prevent unrelated navigation tiles from appearing selected. */
.v220-dashboard.cds-page-active .v220-sidebar .v220-nav-btn.active:not(.clokit-new-delivery-nav){
  background:transparent!important;
  color:#173c5a!important;
  box-shadow:none!important;
  border-left-color:transparent!important;
}

/* Delivery Studio: editable 4-stage composer, Box link rows, prepared email copy */
#clokit-delivery-studio .cds-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#clokit-delivery-studio .cds-rail button{padding:10px 3px!important;font-size:10.5px!important}
#clokit-delivery-studio .cds-editor-section{font-weight:900;font-size:12px;color:#234d68;padding:13px 0 6px;border-top:1px solid #e1eaf1;margin-top:10px}
#clokit-delivery-studio .cds-box-links{display:flex;flex-direction:column;gap:10px}
#clokit-delivery-studio .cds-box-row{
  border:1px solid #dbe7f0;border-radius:11px;background:#f8fbfe;padding:11px;
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;
  align-items:end;gap:8px;
}
#clokit-delivery-studio .cds-box-row label{min-width:0}
#clokit-delivery-studio .cds-box-row input{min-width:0;width:100%;border:1px solid #d1e0eb;border-radius:8px;background:white;color:#1d425d;font-size:12px;padding:10px}
#clokit-delivery-studio .cds-remove-box{border:1px solid #e1d9d8;background:white;border-radius:8px;padding:10px;color:#765156;font-size:11px;font-weight:700;cursor:pointer}
#clokit-delivery-studio .cds-add-box{align-self:flex-start;border:1px dashed #a9cee7;border-radius:10px;background:#eff8ff;color:#156997;padding:11px 13px;font-size:12px;font-weight:900;cursor:pointer}
#clokit-delivery-studio .cds-subject-line{background:#fff;border:1px solid #dce7ef;border-radius:8px;padding:9px 12px;font-size:11px;color:#38566b;line-height:1.5;overflow-wrap:anywhere}
#clokit-delivery-studio .cds-subject-line strong{color:#163a56}
#clokit-delivery-studio .cds-actions #cds-copy-email{background:#0b79c7;color:#fff;border-color:#0b79c7}
#clokit-delivery-studio .cds-actions #cds-copy-email:disabled{background:#dce6ed;color:#72889b;border-color:#dce6ed;cursor:not-allowed}
@media(max-width:1200px){#clokit-delivery-studio .cds-box-row{grid-template-columns:1fr}#clokit-delivery-studio .cds-remove-box{justify-self:start}}
@media(max-width:630px){#clokit-delivery-studio .cds-rail{gap:4px!important}#clokit-delivery-studio .cds-rail button{font-size:9px!important;padding:8px 2px!important}}

/* v6: clean private delivery drafts and explicit Gmail handoff. */
#clokit-delivery-studio .cds-drafts{border:1px solid #d8e5ef;border-radius:14px;background:#fff;padding:14px 16px;margin:0 0 15px;display:flex;flex-direction:column;gap:10px}
#clokit-delivery-studio .cds-draft-head{display:flex;justify-content:space-between;align-items:center;gap:9px}
#clokit-delivery-studio .cds-draft-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}
#clokit-delivery-studio .cds-draft-head strong{color:#173c57;font-size:14px}
#clokit-delivery-studio #cds-draft-status{color:#52748c;font-size:11px;line-height:1.4}
#clokit-delivery-studio .cds-private-tag{white-space:nowrap;color:#1b728c;background:#e9f5f8;border-radius:6px;font-size:9px;font-weight:900;letter-spacing:1px;padding:6px 8px}
#clokit-delivery-studio .cds-draft-controls{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
#clokit-delivery-studio #cds-drafts-select{flex:1 1 155px;max-width:100%;min-width:0;border:1px solid #cadde9;border-radius:8px;background:#f9fcff;color:#1b4664;font:700 12px Arial,Helvetica,sans-serif;padding:11px;min-height:40px}
#clokit-delivery-studio .cds-draft-controls button{flex:0 0 auto;border:1px solid #c8dfed;background:#eef7fd;color:#1b6088;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:900;cursor:pointer;min-height:40px}
#clokit-delivery-studio #cds-save-draft{background:#0b7dd0;color:#fff;border-color:#0b7dd0}
#clokit-delivery-studio .cds-drafts p{margin:0;font-size:10px;color:#7890a1;line-height:1.55}
#clokit-delivery-studio #cds-open-gmail{background:#fff!important;color:#126a92!important;border-color:#a6cadd!important}
#clokit-delivery-studio #cds-open-gmail:focus-visible{outline:2px solid #0b7dd0}
#clokit-delivery-studio .cds-email-help{font-size:11px;line-height:1.6;color:#4f6e85;background:#eff7fc;padding:11px 13px;border-radius:9px;margin:0}
@media(max-width:600px){#clokit-delivery-studio .cds-draft-controls{display:grid;grid-template-columns:1fr 1fr}#clokit-delivery-studio #cds-drafts-select{grid-column:1/-1}#clokit-delivery-studio .cds-draft-controls button{width:100%}#clokit-delivery-studio .cds-drafts{padding:12px}}

#clokit-delivery-studio .cds-template-management{border-top:1px solid #e6eef4;padding-top:8px;margin-top:0}
#clokit-delivery-studio .cds-template-management summary{cursor:pointer;color:#497c9c;font-size:11px;font-weight:800}
#clokit-delivery-studio .cds-template-management[open] .cds-template-actions{margin-top:10px}
#clokit-delivery-studio .cds-template-management #cds-role-note{display:block;margin-top:10px}
#clokit-delivery-studio .cds-library{padding:13px 15px!important;gap:9px!important;margin-bottom:12px!important}
#clokit-delivery-studio .cds-drafts{margin-bottom:12px!important}

/* Open Gmail is a regular navigation link, not a blocked script-based popup. */
#clokit-delivery-studio .cds-actions a#cds-open-gmail{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:39px!important;padding:10px 14px!important;text-decoration:none!important;
  border:1px solid #a6cadd!important;border-radius:8px!important;
  background:#fff!important;color:#126a92!important;font-weight:900!important;
  font-size:12px!important;line-height:1.35!important;white-space:nowrap!important;
}
#clokit-delivery-studio .cds-actions a#cds-open-gmail:focus-visible{
  outline:2px solid #0b7dd0!important;outline-offset:2px!important
}