.cp-workflow-panel{margin-top:24px}.cp-workflow-panel>p{max-width:900px;line-height:1.6}.cp-workflow-panel fieldset{border:0;padding:0;margin:0;min-width:0}.cp-workflow-legend{font-size:17px;font-weight:700;margin:10px 0 14px}.cp-workflow-row{display:grid;grid-template-columns:32px minmax(160px,1fr) auto;gap:14px;align-items:start;padding:18px 0;border-top:1px solid #dce3ed}.cp-workflow-number{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#edf3ff;color:#233f8a;border-radius:50%;font-weight:700;margin-top:24px}.cp-workflow-fields{display:grid;gap:10px}.cp-workflow-fields .field{margin:0}.cp-workflow-fields input[type=text]{width:100%;min-width:0;box-sizing:border-box}.cp-workflow-notify{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;cursor:pointer}.cp-workflow-notify input{margin-top:4px;flex-shrink:0}.cp-workflow-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:220px;padding-top:23px}.cp-workflow-row-actions .btn{padding:8px 10px;font-size:13px}.cp-workflow-row-actions small{width:100%;text-align:right;color:#64748b;font-size:12px}.cp-workflow-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 12px}.cp-workflow-panel button:focus-visible,.cp-workflow-panel input:focus-visible{outline:3px solid #375de7;outline-offset:3px}.cp-workflow-panel button:disabled{opacity:.5;cursor:not-allowed}.cp-workflow-panel [role=status]{min-height:1.5em}.cp-workflow-panel .form-note{line-height:1.6}.cp-workflow-panel #cpWorkflowReload{margin-top:8px}@media(max-width:700px){.cp-workflow-row{grid-template-columns:28px minmax(0,1fr);gap:10px}.cp-workflow-row-actions{grid-column:2;justify-content:flex-start;max-width:none;padding-top:0}.cp-workflow-row-actions small{text-align:left}.cp-workflow-number{width:26px;height:26px}.cp-workflow-actions .btn{width:100%}}
.cp-workflow-summary{font-weight:600;color:#334155}.cp-workflow-preview{margin-top:22px;padding:18px;background:#f5f8ff;border:1px solid #dce5f7;border-radius:14px}.cp-workflow-preview h3{margin:0 0 6px}.cp-workflow-preview p{font-size:14px;color:#526179}.cp-workflow-preview ol{display:grid;gap:10px;padding-left:28px}.cp-workflow-preview li{padding-left:5px;overflow-wrap:anywhere}

#cpBrandSection .cp-workflow-panel{margin-top:0}.cp-workflow-help{margin:12px 0;border:1px solid #dce8e1;border-radius:9px;padding:10px 12px;font-size:13px}.cp-workflow-help summary{cursor:pointer;font-weight:600;color:#215b43}.cp-workflow-help p{margin:10px 0 0;line-height:1.5}.cp-workflow-help .cp-info-notice{background:none;padding:0;border:0}.cp-workflow-panel #cpWorkflowForm{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:0 20px;align-items:start}.cp-workflow-panel #cpWorkflowError,.cp-workflow-panel #cpWorkflowReload{grid-column:1}.cp-workflow-panel #cpWorkflowReload{justify-self:start;font-size:12px;padding:8px 10px}.cp-workflow-panel .cp-workflow-preview{grid-column:2;grid-row:1;margin-top:0;padding:14px;background:#f5f9f7;border-color:#dce8e1}.cp-workflow-preview h3{font-size:14px}.cp-workflow-preview p,.cp-workflow-preview li{font-size:12px;line-height:1.45}.cp-workflow-preview ol{gap:8px;padding-left:20px}.cp-workflow-summary{display:inline-flex;margin:4px 0 12px;padding:5px 9px;background:#edf5f0;border-radius:20px;font-size:12px;color:#285e46}.cp-workflow-panel .cp-workflow-row{grid-template-columns:26px minmax(0,1fr) 112px;padding:12px 0;gap:10px}.cp-workflow-panel .cp-workflow-number{height:25px;width:25px;font-size:12px;margin-top:22px;background:#edf5f0;color:#285e46}.cp-workflow-fields{gap:5px}.cp-workflow-fields .field>span{font-size:12px}.cp-workflow-notify{font-size:12px;align-items:center;gap:7px}.cp-workflow-notify input{margin:0;min-width:16px;min-height:16px}.cp-workflow-panel .cp-workflow-row-actions{padding-top:20px;max-width:none;gap:4px}.cp-workflow-row-actions .btn{min-width:36px;min-height:36px;padding:6px 8px;font-size:12px}.cp-workflow-row-actions small{font-size:11px}.cp-workflow-panel .form-note{font-size:12px;line-height:1.5;margin:8px 0}.cp-workflow-panel .cp-workflow-legend{font-size:14px;margin:0 0 5px}.cp-workflow-panel #cpWorkflowStatus{font-size:12px;min-height:0;margin:10px 0}.cp-workflow-actions{margin:14px 0 8px}.cp-workflow-actions .btn{font-size:13px}.cp-workflow-panel #cpWorkflowError:empty{display:none}@media(max-width:1100px){.cp-workflow-panel #cpWorkflowForm{grid-template-columns:minmax(0,1fr)}.cp-workflow-panel .cp-workflow-preview{grid-column:1;grid-row:auto;margin-top:12px}.cp-workflow-preview ol{display:flex;flex-wrap:wrap;gap:8px 24px;padding-left:20px}}@media(max-width:540px){.cp-workflow-panel .cp-workflow-row{grid-template-columns:24px minmax(0,1fr)}.cp-workflow-panel .cp-workflow-row-actions{grid-column:2;padding-top:0;justify-content:flex-start}.cp-workflow-row-actions small{width:auto;align-self:center;margin-left:4px}.cp-workflow-actions .btn{width:100%}}

/* Separate transport, editable stages, and saving into recognizable surfaces. */
#cpBrandSection .cp-workflow-panel>p{font-size:14px;line-height:1.6;max-width:760px;margin:0 0 18px}
.cp-workflow-panel #cpWorkflowForm{grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start}
.cp-workflow-panel #cpWorkflowFields{display:grid;gap:18px;min-width:0}
.cp-workflow-panel .cp-workflow-transport,.cp-workflow-panel .cp-workflow-edit,.cp-workflow-panel .cp-workflow-save{min-width:0;padding:20px;border:1px solid #dae6de;border-radius:14px;background:#fff}
.cp-workflow-panel .cp-workflow-transport{background:#f8fbf9}
.cp-workflow-panel .cp-workflow-save{background:#f0f7f3;border-color:#c5ddce}
.cp-workflow-panel #cpWorkflowFields h3{font-size:16px;line-height:1.4;color:#214f38;margin:0 0 10px}
.cp-workflow-panel #cpWorkflowFields section>p{font-size:14px;line-height:1.6;color:#52685d;margin:0 0 16px}
.cp-workflow-transport .field{margin:0;max-width:600px;display:grid;gap:7px}
.cp-workflow-transport input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;font:inherit;border:1px solid #b9cec1;border-radius:8px}
.cp-workflow-transport .field>small{font-size:14px;line-height:1.6;color:#52685d}
.cp-workflow-panel .cp-workflow-summary{font-size:13px;line-height:1.5;margin:0 0 12px;padding:6px 10px;border-radius:8px;background:#edf5f0}
.cp-workflow-panel .cp-workflow-row{padding:16px 0;gap:10px;grid-template-columns:28px minmax(0,1fr) 106px;border-top:1px solid #e2eae5}
.cp-workflow-panel .cp-workflow-number{width:27px;height:27px;margin-top:25px;font-size:13px;background:#eaf3ed;color:#295e43}
.cp-workflow-panel .cp-workflow-fields{gap:9px}
.cp-workflow-panel .cp-workflow-fields .field>span{font-size:14px;line-height:1.45}
.cp-workflow-panel .cp-workflow-fields input[type=text]{font-size:15px;min-height:43px}
.cp-workflow-panel .cp-workflow-notify{font-size:14px;line-height:1.5;align-items:flex-start;gap:8px}
.cp-workflow-panel .cp-workflow-notify input{width:17px;height:17px;margin:2px 0 0}
.cp-workflow-panel .cp-workflow-row-actions{padding-top:26px;gap:5px;justify-content:flex-end}
.cp-workflow-panel .cp-workflow-row-actions .btn{min-height:36px;min-width:36px;font-size:13px;padding:6px 8px}
.cp-workflow-panel .cp-workflow-row-actions small{font-size:12px;line-height:1.4}
.cp-workflow-panel .form-note{font-size:14px;line-height:1.6;margin:10px 0;color:#52685d}
.cp-workflow-panel #cpWorkflowStatus{font-size:14px;line-height:1.5;margin:0 0 16px;color:#285f43}
.cp-workflow-panel #cpWorkflowStatus:empty{display:none}
.cp-workflow-panel .cp-workflow-actions{margin:14px 0 0;gap:10px}
.cp-workflow-panel .cp-workflow-actions .btn{font-size:14px;min-height:44px;padding:10px 16px}
.cp-workflow-panel .cp-workflow-preview{position:sticky;top:18px;grid-column:2;grid-row:1;padding:18px;margin:0;background:#f5f9f7;border:1px solid #d8e6dd;border-radius:14px}
.cp-workflow-panel .cp-workflow-preview h3{font-size:15px;line-height:1.4;margin:0 0 8px}
.cp-workflow-panel .cp-workflow-preview p,.cp-workflow-panel .cp-workflow-preview li{font-size:14px;line-height:1.6}
.cp-workflow-panel .cp-workflow-preview ol{display:grid;gap:12px;padding-left:23px;margin-bottom:0}
.cp-workflow-panel .cp-workflow-help{margin:20px 0 0;padding:13px 16px;font-size:14px;line-height:1.6;background:#f8faf9;border-color:#dfe8e2}
.cp-workflow-panel .cp-workflow-help summary{font-size:14px;line-height:1.5}
.cp-workflow-panel #cpWorkflowReload{font-size:13px;min-height:40px;margin-top:0}
@media(max-width:1100px){
  .cp-workflow-panel #cpWorkflowForm{grid-template-columns:minmax(0,1fr)}
  .cp-workflow-panel .cp-workflow-preview{position:static;grid-column:1;grid-row:auto;margin-top:0}
  .cp-workflow-panel .cp-workflow-preview ol{display:flex;flex-wrap:wrap;gap:10px 30px}
}
@media(max-width:600px){
  .cp-workflow-panel .cp-workflow-transport,.cp-workflow-panel .cp-workflow-edit,.cp-workflow-panel .cp-workflow-save{padding:15px;border-radius:12px}
  .cp-workflow-panel .cp-workflow-row{grid-template-columns:25px minmax(0,1fr);gap:9px}
  .cp-workflow-panel .cp-workflow-number{width:25px;height:25px}
  .cp-workflow-panel .cp-workflow-row-actions{grid-column:2;padding-top:0;justify-content:flex-start}
  .cp-workflow-panel .cp-workflow-row-actions small{width:auto;align-self:center;margin-left:4px}
  .cp-workflow-panel .cp-workflow-actions{display:grid;grid-template-columns:1fr}
  .cp-workflow-panel .cp-workflow-actions .btn{width:100%}
}

@media(max-width:600px){
 .cp-workflow-panel #cpWorkflowForm,.cp-workflow-panel #cpWorkflowFields{gap:12px}
 .cp-workflow-panel .cp-workflow-transport,.cp-workflow-panel .cp-workflow-edit,.cp-workflow-panel .cp-workflow-save{padding:13px}
 .cp-workflow-panel .cp-workflow-row{padding:12px 0;gap:7px 9px}
 .cp-workflow-panel .cp-workflow-fields{gap:6px}
 .cp-workflow-panel .cp-workflow-fields input[type=text]{font-size:16px;min-height:44px}
 .cp-workflow-panel .cp-workflow-row-actions .btn{min-width:44px;min-height:44px;padding:8px 10px}
 .cp-workflow-panel .cp-workflow-notify{min-height:44px;align-items:center;font-size:13px}
 .cp-workflow-panel .cp-workflow-notify input{margin:0;width:18px;height:18px}
 .cp-workflow-panel .cp-workflow-help summary,.cp-workflow-panel #cpWorkflowReload{min-height:44px}
}