/* Workflow layout is isolated from the conversation and the standalone CNC panel. */
.app-shell[data-view="cnc"] .work-layout{grid-template-columns:minmax(0,1fr)}
.app-shell[data-view="cnc"] .inspector{display:none}
.app-shell[data-view="cnc"] .main-area{padding:30px 36px 32px}
.app-shell[data-view="cnc"] #view-cnc{max-width:1360px}
.app-shell[data-view="cnc"] .history-heading{margin-top:20px}
.cnc-subnav{display:grid;gap:3px;padding:7px 0 11px 14px;margin:0 0 5px 20px;border-left:1px solid #28444f}
.cnc-subnav button{display:flex;align-items:center;gap:9px;min-width:0;width:100%;text-align:left;padding:7px 9px;border-radius:5px;font-size:12px;line-height:1.5;color:#93a8ba;border:1px solid transparent}
.cnc-subnav button:hover{background:#132635;color:#d7edf5}
.cnc-subnav button[aria-current="step"]{color:#75e9ef;background:#11303a;border-color:#24525b}
.cnc-subnav button>span:first-child{color:#60899c;font:10px var(--font-mono)}
.cnc-subnav button[aria-current="step"]>span:first-child{color:#5adce6}
.cnc-workflow{min-width:0;padding-bottom:20px;font-size:13px;line-height:1.75}
.cnc-workflow *{min-width:0}
.cnc-workflow h1{font-size:28px;letter-spacing:.2px}
.cnc-workflow h2{font-size:18px;line-height:1.5}
.cnc-workflow h3{font-size:13px;line-height:1.6}
.cnc-workflow p,.cnc-workflow li,.cnc-workflow label{overflow-wrap:anywhere}
.cnc-workflow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:23px}
.cnc-workflow-heading .page-description{margin:8px 0 0;font-size:13px;color:#93a9bc}
.cnc-workflow-overview{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #285060;border-radius:9px;background:linear-gradient(100deg,#153a4760,#101c2a);padding:17px 21px;margin-bottom:15px}
.cnc-workflow-overview strong{color:#cde8f0;font-weight:500}
.cnc-workflow-overview p{color:#82a8bc;font-size:12px;margin-top:3px}
.cnc-workflow-kicker{font:10px/1.6 var(--font-mono);letter-spacing:2px;color:#56aebe;margin-bottom:7px}
.cnc-workflow-description{color:#93a9bc;margin-top:8px;max-width:760px;line-height:1.9}
.cnc-workflow-progress{flex:none;color:#81d4cf;border:1px solid #25564f;background:#102825;padding:7px 12px;border-radius:6px;font-size:12px}
.cnc-workflow-card{border:1px solid #273d50;background:#101c2a;border-radius:10px;padding:22px;margin-bottom:18px}
.cnc-workflow-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.cnc-workflow-context{background:linear-gradient(115deg,#12323b60,transparent 65%),#101c2a;border:1px solid #273d50;border-radius:9px;padding:20px 22px}
.cnc-workflow-context .cnc-workflow-stage-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 17px}
.cnc-workflow-context h2{font-size:15px}
.cnc-process-context{margin-bottom:18px}
.cnc-process-context .cnc-workflow-stage-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.cnc-process-context .wf-input-snapshot-note{margin:14px 0 0}
.cnc-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 18px}
.cnc-workflow-field{display:flex;flex-direction:column;gap:7px;color:#a7bdce;font-size:12px}
.cnc-workflow-field input,.cnc-workflow-field select,.cnc-workflow-field textarea{width:100%;min-width:0;border:1px solid #324b5f;border-radius:6px;background:#0b1723;color:#d9e8f2;padding:9px 11px;line-height:1.6;font-size:13px;transition:border-color .15s}
.cnc-workflow-field input,.cnc-workflow-field select{min-height:40px}
.cnc-workflow-field textarea{min-height:104px;resize:vertical}
.cnc-workflow-field :is(input,textarea)::placeholder{color:#6b849a;opacity:1}
.cnc-workflow-field :is(input,textarea,select):hover{border-color:#48697d}
.cnc-workflow-field :is(input,textarea,select):focus{border-color:#36b9c9;outline:2px solid #36d7e81c;outline-offset:1px}
.cnc-workflow-field-wide{grid-column:1/-1}
.cnc-workflow-save{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;padding:0 1px 17px;margin-top:0}
.cnc-workflow-save-actions{display:flex;gap:8px;flex-wrap:wrap}
.cnc-workflow-save-actions button{font-size:11px;padding:6px 10px}
#wf-save-status{color:#7ad7b6;font-size:12px;overflow-wrap:anywhere}
#wf-save-status[data-state="unavailable"],#wf-save-status[data-state="conflict"],#wf-save-status[data-state="blocked"]{color:#e9c27c}
.cnc-workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 24px}
.cnc-workflow-step{display:flex;align-items:center;gap:12px;min-height:60px;padding:11px 14px;border:1px solid #263b4c;border-radius:8px;background:#0f1b28;text-align:left;color:#94acbe;font-size:12px;transition:border-color .15s,background .15s}
.cnc-workflow-step:hover{background:#142b37;border-color:#387489;color:#d0e9f1}
.cnc-workflow-step[aria-current="step"]{background:linear-gradient(110deg,#164350,#102a36);border-color:#3994a1;color:#a4f0f4;box-shadow:inset 3px 0 #4cdae5}
.cnc-workflow-step .cnc-workflow-stage-number{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #305265;border-radius:6px;font:12px var(--font-mono);color:#729aac}
.cnc-workflow-step[aria-current="step"] .cnc-workflow-stage-number{color:#74e8ef;border-color:#3f96a4;background:#163c46}
.cnc-workflow-stage{min-width:0}
.cnc-workflow-stage-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:17px}
.cnc-workflow-stage-copy{color:#94aebf;font-size:12px;line-height:1.9;margin-top:6px}
.cnc-workflow-stage-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;margin-bottom:20px}
.cnc-workflow-stage-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cnc-workflow-stage-grid>.cnc-workflow-stage-form{align-content:start;border:1px solid #273d50;border-radius:9px;padding:20px;background:#101c2a}
.cnc-workflow-stage-grid>.cnc-workflow-stage-form>.cnc-workflow-source+.cnc-workflow-field:last-child{grid-column:1/-1}
.cnc-workflow-checklist{border:1px solid #2b4654;border-radius:8px;background:#0d1d29;padding:18px;color:#95adbf}
.cnc-workflow-checklist h3{color:#b9d9e6;margin-bottom:10px}
.cnc-workflow-checklist ul{margin:0;padding-left:18px;font-size:12px}
.cnc-workflow-checklist li+li{margin-top:7px}
.cnc-workflow-checklist ul+h3{margin-top:20px}
.cnc-workflow-notice{padding:12px 15px;background:#1c2528;border:1px solid #3e4641;border-left:3px solid #b79d64;border-radius:6px;color:#cbbd9b;font-size:12px;line-height:1.9;margin:15px 0}
.cnc-workflow-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:20px 0 12px;padding:20px 22px;border:1px solid #2c5260;border-radius:9px;background:#112735}
.cnc-workflow-actions strong{font-size:13px;font-weight:500;color:#c3e4ec}
.cnc-workflow-actions p{font-size:12px;color:#8eaebe;margin-top:4px}
.cnc-workflow-action-buttons{display:flex;gap:10px;flex-wrap:wrap}
.cnc-workflow-actions .primary-button,.cnc-workflow-actions .secondary-button{font-size:13px;padding:10px 16px;min-height:42px}
.cnc-workflow-preview{display:block;border:1px solid #2d485a;border-radius:8px;background:#091521;color:#b1c9d9;padding:18px;margin:16px 0}
.cnc-workflow-preview h3{color:#75cbd5;margin-bottom:13px}
.cnc-workflow-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;margin:0;font:12px/1.9 var(--font-mono)}
.cnc-workflow-send-status{color:#a4dace;font-size:12px;flex-basis:100%;overflow-wrap:anywhere}
.cnc-workflow-send-status[data-state="error"]{color:#ffacac}
.cnc-workflow-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid #273d4e}
.cnc-workflow-pager button{font-size:12px;min-height:39px;padding:9px 14px}
.cnc-workflow-export{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px;border:1px solid #2c635d;background:#102b29;border-radius:8px;margin:18px 0}
.cnc-workflow-export label{display:flex;align-items:center;gap:10px;color:#b0d6d3;font-size:12px}
.cnc-workflow-export>div{flex:1 1 100%}
.cnc-workflow-export p{font-size:12px;color:#8eb3af;margin-top:4px}
.cnc-workflow-export label.cnc-workflow-field{flex-direction:row}
.cnc-workflow-export-status{flex-basis:100%}
.cnc-workflow-export select{border:1px solid #38665f;border-radius:5px;background:#102321;color:#ceebe5;padding:8px;max-width:100%}
.cnc-workflow .cnc-layout{grid-template-columns:minmax(0,1.4fr) minmax(235px,1fr)}
.cnc-workflow .cnc-results-card{display:flex}
.cnc-workflow .cnc-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cnc-workflow .cnc-check-list{display:flex}
.cnc-workflow .cnc-code-card{margin-top:0}
.cnc-workflow .cnc-field-label,.cnc-workflow .cnc-check-row strong{font-size:12px}
.cnc-workflow .cnc-check-row p,.cnc-workflow .cnc-scope-note,.cnc-workflow .cnc-card-description{font-size:11px}
@media(min-width:1450px){.app-shell[data-view="cnc"] .main-area{padding:36px 46px}}
@media(max-width:1100px){.cnc-workflow-stage-grid{grid-template-columns:minmax(0,1fr)}.cnc-workflow-checklist{display:block}.cnc-workflow-context .cnc-workflow-stage-form{grid-template-columns:repeat(3,minmax(0,1fr))}.cnc-workflow-step{padding:10px;gap:8px}.cnc-workflow .cnc-layout,.cnc-workflow .cnc-code-grid{grid-template-columns:1fr}.cnc-workflow .cnc-results-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}}
@media(max-width:850px){.app-shell[data-view="cnc"] .main-area{padding:25px 24px}.cnc-workflow-heading{gap:14px}.cnc-workflow-progress{max-width:160px;font-size:11px}.cnc-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cnc-workflow-context .cnc-workflow-stage-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.app-shell[data-view="cnc"] .main-area{padding:24px 17px}.cnc-workflow-heading{flex-direction:column;margin-bottom:20px}.cnc-workflow-overview{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.cnc-workflow h1{font-size:25px}.cnc-workflow-progress{max-width:none}.cnc-workflow-context{padding:17px;border-radius:8px}.cnc-workflow-context .cnc-workflow-stage-form{gap:14px 12px}.cnc-workflow-field :is(input,select,textarea){font-size:16px;padding:8px;min-height:43px}.cnc-workflow-field{font-size:12px}.cnc-workflow-step{min-height:56px;font-size:12px;padding:9px}.cnc-workflow-step .cnc-workflow-stage-number{width:24px;height:24px;font-size:10px}.cnc-workflow-steps{gap:7px;margin:17px 0 23px}.cnc-workflow-stage-form{grid-template-columns:1fr}.cnc-workflow-stage-grid>.cnc-workflow-stage-form{padding:16px}.cnc-workflow-stage-header{gap:11px}.cnc-workflow h2{font-size:16px}.cnc-workflow-checklist{display:block;padding:15px}.cnc-workflow-checklist h3{margin-bottom:8px}.cnc-workflow-checklist ul+h3{margin-top:18px}.cnc-workflow-save{align-items:flex-start}.cnc-workflow-actions{align-items:stretch;padding:17px}.cnc-workflow-action-buttons{width:100%}.cnc-workflow-actions button{flex:1}.cnc-workflow-export{padding:14px}.cnc-workflow-export label{width:100%;flex-wrap:wrap}.cnc-workflow-export select{font-size:16px}.cnc-workflow .cnc-card{padding:16px}.cnc-subnav button{min-height:38px}}
@media(max-width:380px){.cnc-workflow-context .cnc-workflow-stage-form{grid-template-columns:1fr}.cnc-workflow .cnc-results-card{display:flex}.cnc-workflow-step{gap:6px;padding:8px}.cnc-workflow-step .cnc-workflow-stage-number{width:21px;height:23px}}