.workflow-optional{padding:16px;background:#fff6eb;border:1px solid #f4dcc8;border-radius:18px;margin:14px 0}.workflow-optional .feature-link{background:transparent;border:0;padding:8px 0;min-height:62px}.workflow-list{display:grid;gap:10px;margin:20px 0}.workflow-step{display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;border:1px solid #f0d8cd;border-radius:16px;background:#fffdf9;text-align:left;min-height:94px}.workflow-step>span:nth-child(2){flex:1;min-width:0}.workflow-step strong{display:block;font-size:16px;color:#50241b}.workflow-step small{display:block;font-size:12px;line-height:1.65;color:#806d68;margin-top:5px}.workflow-step em{display:block;font-size:11px;line-height:1.6;font-style:normal;color:#88786d;margin-top:5px}.workflow-step.is-locked{opacity:1;background:#faf7f3;border-color:#eee6df;cursor:not-allowed}.workflow-number{height:34px;width:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#ff743c,#e83e16);font-weight:700}.is-locked .workflow-number{background:#e9dfd6;color:#897366}.workflow-plan-note{font-size:11px;line-height:1.65;padding:12px;background:#fff5e8;border-radius:12px;margin:0 0 12px;color:#806249}
.workflow-step strong{display:flex;align-items:center;gap:7px}.workflow-title-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;color:#ed562b}.workflow-title-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;background:none;border:0;padding:0;border-radius:0}

/* Five distinct warm tints; numbers and labels also identify each step. */
.workflow-step:nth-child(1){--step-bg:#ffe9d8;--step-edge:#f3c6a8;--step-accent:#c95024;--step-soft:#fff6ed}
.workflow-step:nth-child(2){--step-bg:#fff1bf;--step-edge:#ead58d;--step-accent:#946400;--step-soft:#fffbed}
.workflow-step:nth-child(3){--step-bg:#eee0fa;--step-edge:#dac1ed;--step-accent:#8550a7;--step-soft:#faf4ff}
.workflow-step:nth-child(4){--step-bg:#ffdfdc;--step-edge:#eec0b8;--step-accent:#b24c46;--step-soft:#fff5f1}
.workflow-step:nth-child(5){--step-bg:#e6eed3;--step-edge:#ccdcb3;--step-accent:#607a3e;--step-soft:#f8faef}
.workflow-step:not(.is-locked){background:linear-gradient(115deg,var(--step-bg),var(--step-soft));border-color:var(--step-edge);box-shadow:0 3px 9px #68321906;position:relative;overflow:hidden}
.workflow-step:not(.is-locked):after{content:'';position:absolute;right:-18px;bottom:-27px;width:75px;height:75px;border:1px solid var(--step-edge);border-radius:50%;opacity:.45;pointer-events:none}
.workflow-step:not(.is-locked) .workflow-number{background:var(--step-accent);box-shadow:0 2px 4px #63321c12}
.workflow-step:not(.is-locked) .workflow-title-icon,.workflow-step:not(.is-locked)>span:last-child{color:var(--step-accent)}
.workflow-step:not(.is-locked):hover{box-shadow:0 4px 12px #68321912;border-color:var(--step-accent)}
.workflow-step small{color:#74625b}.workflow-list{gap:12px}
.workflow-title-icon svg{color:inherit}

/* Keep existing task colours when inserting the optional preparation step. */
.workflow-step:nth-child(3){--step-bg:#ffead2;--step-edge:#efcc9f;--step-accent:#a76320;--step-soft:#fff9ed}
.workflow-step:nth-child(4){--step-bg:#eee0fa;--step-edge:#dac1ed;--step-accent:#8550a7;--step-soft:#faf4ff}
.workflow-step:nth-child(5){--step-bg:#ffdfdc;--step-edge:#eec0b8;--step-accent:#b24c46;--step-soft:#fff5f1}
.workflow-step:nth-child(6){--step-bg:#e6eed3;--step-edge:#ccdcb3;--step-accent:#607a3e;--step-soft:#f8faef}

/* Keep the first visible action close to the hub subtitle, including when the optional environment card is hidden. */
.full-page:has(> .full-content .workflow-list) .full-header{min-height:0;padding-bottom:4px}

.focus-overview-main{padding:34px 20px 30px}.focus-overview-main .execution-title{font-size:32px;margin-top:20px}.focus-empty-state,.focus-plan-ready{margin:42px auto 0;padding:24px 20px;background:#fffaf5;border:1px solid #efd6c7;border-radius:20px;box-shadow:0 8px 24px #6e35100a;text-align:center}.focus-empty-icon{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border-radius:18px;background:#fff0df;color:var(--primary)}.focus-empty-icon svg{width:29px;height:29px}.focus-empty-state h2,.focus-plan-ready h2{font-size:19px;line-height:1.65}.focus-empty-state p,.focus-plan-ready>p{margin:10px 0 22px;color:var(--muted);font-size:13px;line-height:1.75}.focus-task-list{display:grid;gap:8px;margin:18px 0;text-align:left}.focus-task-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:13px;background:#fff;border:1px solid var(--line)}.focus-task-list strong{min-width:0;overflow-wrap:anywhere;font-size:14px}.focus-task-list span{flex-shrink:0;color:var(--muted);font-size:12px}.focus-overview .button{font-size:16px}