#page-workflow{--workflow-current:var(--xy-signal,#ffd928);--workflow-current-border:#d9b800;--workflow-complete:var(--xy-done,#2f7d5c);--workflow-complete-soft:color-mix(in srgb,var(--workflow-complete) 10%,var(--bg-card));--workflow-risk:var(--xy-risk,#a94e32);--workflow-line:color-mix(in srgb,var(--text-primary) 13%,transparent);--workflow-line-strong:color-mix(in srgb,var(--text-primary) 24%,transparent);--workflow-surface-soft:color-mix(in srgb,var(--bg-card) 68%,var(--bg-primary));width:min(100%,1260px);margin-inline:auto;padding-bottom:48px;color:var(--text-primary);}#page-workflow .stages-timeline{display:grid;gap:18px;width:100%;min-width:0;}.workflow-project-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--workflow-line);border-radius:16px;background:color-mix(in srgb,var(--bg-card) 82%,transparent);box-shadow:none;}.workflow-project-summary[hidden]{display:none;}.workflow-project-identity{display:flex;align-items:center;min-width:0;gap:11px;}.workflow-project-identity > svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:var(--interactive-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;}.workflow-project-identity > span{display:grid;min-width:0;gap:2px;}.workflow-project-identity strong{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}.workflow-project-identity small{overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap;}.workflow-stage-rail,.workflow-stage-workbench{min-width:0;border:1px solid var(--workflow-line);background:var(--bg-card);}.workflow-stage-rail{overflow:hidden;border-radius:18px;}.workflow-stage-rail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:10px 16px;border-bottom:1px solid var(--workflow-line);}.workflow-stage-rail-header > div{display:flex;align-items:baseline;gap:10px;min-width:0;}.workflow-stage-rail-header strong{font-size:14px;font-weight:750;}.workflow-stage-rail-header span{color:var(--text-muted);font-size:12px;}.workflow-stage-control{min-height:44px;}.workflow-stage-order-button{padding:0 14px;border:1px solid var(--workflow-line-strong);border-radius:11px;color:var(--text-secondary);background:var(--bg-card);font:inherit;font-size:13px;cursor:pointer;}.workflow-stage-rail-track{position:relative;display:grid;grid-template-columns:repeat(11,minmax(88px,1fr));min-width:1020px;padding:14px 12px 12px;}.workflow-stage-rail-track::before{position:absolute;top:33px;right:4.55%;left:4.55%;height:1px;background:var(--workflow-line-strong);content:"";}.workflow-stage-step{position:relative;z-index:1;display:grid;place-items:start center;align-content:start;gap:6px;min-width:0;min-height:82px;padding:0 5px 7px;border:0;border-bottom:2px solid transparent;color:var(--text-muted);background:transparent;font:inherit;text-align:center;cursor:pointer;transition:color 140ms ease,border-color 140ms ease,background 140ms ease;}.workflow-stage-step:hover{color:var(--text-primary);background:var(--workflow-surface-soft);}.workflow-stage-step-number{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--workflow-line-strong);border-radius:50%;color:var(--text-secondary);background:var(--bg-card);font-family:var(--xy-font-data,inherit);font-size:13px;font-weight:700;}.workflow-stage-step-number svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;}.workflow-stage-step-name{overflow:hidden;max-width:100%;color:inherit;font-size:12px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;}.workflow-stage-step-state{color:var(--text-muted);font-size:10px;line-height:1;}.workflow-stage-step.status-completed .workflow-stage-step-number{border-color:var(--workflow-complete);color:#fff;background:var(--workflow-complete);}.workflow-stage-step.is-current .workflow-stage-step-number{border-color:var(--workflow-current-border);color:#171717;background:var(--workflow-current);box-shadow:0 0 0 4px color-mix(in srgb,var(--workflow-current) 25%,transparent);}.workflow-stage-step.is-current .workflow-stage-step-name,.workflow-stage-step.is-current .workflow-stage-step-state{color:var(--text-primary);}.workflow-stage-step.is-viewed{border-bottom-color:var(--interactive-primary);color:var(--text-primary);background:color-mix(in srgb,var(--interactive-soft) 46%,transparent);}.workflow-stage-step.is-viewed:not(.is-current) .workflow-stage-step-number{border-color:var(--interactive-primary);box-shadow:inset 0 0 0 2px var(--bg-card);}.workflow-stage-workbench{overflow:hidden;border-radius:22px;box-shadow:0 14px 36px rgba(35,49,58,0.055);}.workflow-stage-workbench:hover{border-color:var(--workflow-line);transform:none;}.workflow-stage-view-note{min-height:34px;padding:8px 22px;border-bottom:1px solid var(--workflow-line);color:var(--text-secondary);background:var(--workflow-surface-soft);font-size:12px;}.workflow-stage-view-note.relation-current{color:#6c5200;background:color-mix(in srgb,var(--workflow-current) 22%,var(--bg-card));}.workflow-stage-view-note.relation-future{color:var(--status-info-fg,var(--interactive-primary));background:var(--status-info-bg,var(--interactive-soft));}.workflow-stage-view-note.relation-history,.workflow-stage-view-note.relation-completed{color:var(--status-success-fg,var(--workflow-complete));background:var(--workflow-complete-soft);}.workflow-workbench-header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px 24px 20px;}.workflow-stage-heading{min-width:0;}.workflow-stage-index,.workflow-overview-label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:11px;font-weight:650;letter-spacing:0.04em;text-transform:uppercase;}.workflow-stage-heading h2{margin:0;color:var(--text-primary);font-family:var(--xy-font-display,inherit);font-size:clamp(25px,3vw,34px);font-weight:800;letter-spacing:-0.035em;line-height:1.15;}.workflow-stage-heading p{max-width:68ch;margin:9px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.7;}.workflow-workbench-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;}.workflow-header-export svg,.workflow-next-task-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;}.workflow-header-export{display:inline-flex;min-height:40px;align-items:center;gap:7px;}.workflow-stage-overview{display:grid;grid-template-columns:minmax(180px,0.8fr) minmax(260px,1.35fr) minmax(230px,1fr);margin:0 24px 20px;border-block:1px solid var(--workflow-line);background:var(--workflow-surface-soft);}.workflow-stage-progress,.workflow-next-task,.workflow-next-stage{min-width:0;min-height:154px;padding:18px;}.workflow-next-task,.workflow-next-stage{border-left:1px solid var(--workflow-line);}.workflow-stage-progress > div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}.workflow-stage-progress > div:first-child strong{font-family:var(--xy-font-data,inherit);font-size:21px;}.workflow-progress-track{overflow:hidden;height:7px;margin-top:24px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 10%,transparent);}.workflow-progress-track > span{display:block;height:100%;border-radius:inherit;background:var(--workflow-complete);}.workflow-stage-progress p,.workflow-next-stage p{margin:10px 0 0;color:var(--text-muted);font-size:12px;}.workflow-next-task{display:grid;align-content:start;gap:4px;width:100%;border-top:0;border-right:0;border-bottom:0;color:var(--text-primary);background:transparent;font:inherit;text-align:left;cursor:pointer;}.workflow-next-task:hover{background:color-mix(in srgb,var(--interactive-soft) 55%,transparent);}.workflow-next-task strong,.workflow-next-stage > strong{font-size:15px;line-height:1.45;}.workflow-next-task > span:not(.workflow-overview-label):not(.workflow-next-task-link){color:var(--text-muted);font-size:12px;line-height:1.55;}.workflow-next-task-link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--interactive-primary);font-size:12px;font-weight:650;}.workflow-next-stage ul{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none;}.workflow-next-stage li{position:relative;padding-left:13px;color:var(--text-secondary);font-size:12px;line-height:1.45;}.workflow-next-stage li::before{position:absolute;top:0.62em;left:0;width:4px;height:4px;border-radius:50%;background:var(--interactive-primary);content:"";}.workflow-stage-workbench .stage-card-body{overflow:visible;max-height:none;border-top:1px solid var(--workflow-line);}.workflow-stage-workbench .stage-card-content{padding:0 24px 26px;}.workflow-stage-edit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px dashed var(--workflow-line-strong);}.workflow-stage-edit-toolbar .stage-edit-actions{display:flex;gap:8px;margin:0;}.workflow-status-menu{position:relative;flex:0 0 auto;}.workflow-status-trigger{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--workflow-line);border-radius:12px;color:var(--text-secondary);background:var(--workflow-surface-soft);font-size:12px;font-weight:650;cursor:pointer;list-style:none;}.workflow-status-current-dot{width:8px;height:8px;flex:0 0 auto;border:1px solid var(--workflow-line-strong);border-radius:50%;background:var(--bg-card);}.workflow-status-current-dot.status-in-progress{border-color:#d4b000;background:var(--workflow-current);}.workflow-status-current-dot.status-completed{border-color:var(--workflow-complete);background:var(--workflow-complete);}.workflow-status-trigger::-webkit-details-marker{display:none;}.workflow-status-trigger svg,.workflow-stage-sort-button svg,.workflow-stage-order-button svg,.workflow-editor-button svg,.workflow-sort-handle svg,.workflow-item-sort-move svg,.stage-sort-move svg,.workflow-stage-workbench .add-item-btn svg,.btn-add-stage svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;}.workflow-status-trigger svg:last-child{width:14px;height:14px;transition:transform 140ms ease;}.workflow-status-menu[open] .workflow-status-trigger{border-color:var(--interactive-border);color:var(--text-primary);background:var(--bg-card);}.workflow-status-menu[open] .workflow-status-trigger svg:last-child{transform:rotate(180deg);}.workflow-status-options{position:absolute;z-index:12;top:calc(100% + 7px);right:0;display:grid;width:280px;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;border:1px solid var(--workflow-line);border-radius:12px;background:var(--bg-card);box-shadow:0 14px 36px rgba(35,49,58,0.07);}.workflow-status-option{display:inline-flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 8px;border:1px solid transparent;border-radius:12px;color:var(--text-secondary);background:transparent;font:inherit;font-size:12px;white-space:nowrap;}.workflow-status-option > span{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;}.workflow-status-option:hover{background:var(--workflow-surface-soft);}.workflow-status-option[aria-pressed="true"]{border-color:var(--workflow-line-strong);color:var(--text-primary);background:var(--workflow-surface-soft);font-weight:700;}.workflow-status-option.status-in-progress[aria-pressed="true"]{border-color:var(--workflow-current-border);color:var(--text-primary);background:color-mix(in srgb,var(--workflow-current) 24%,var(--bg-card));}.workflow-status-option.status-completed[aria-pressed="true"]{border-color:color-mix(in srgb,var(--workflow-complete) 42%,transparent);color:var(--workflow-complete);background:var(--workflow-complete-soft);}.workflow-editor-button{display:inline-grid;width:40px;min-width:40px;height:40px;padding:0;place-items:center;border:1px solid var(--workflow-line);border-radius:12px;color:var(--text-secondary);background:var(--bg-card);font:inherit;cursor:pointer;transition:border-color 140ms ease,color 140ms ease,background-color 140ms ease;}.workflow-editor-button:hover{border-color:var(--interactive-border);color:var(--interactive-primary);background:var(--interactive-soft);}.workflow-editor-button-labeled{display:inline-flex;width:auto;min-width:112px;padding:0 13px;gap:8px;white-space:nowrap;}.workflow-editor-button-danger:hover,.workflow-editor-button-danger:focus-visible{border-color:var(--status-danger-border);color:var(--status-danger-fg);background:var(--status-danger-bg);}.workflow-item-edit-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin-left:12px;}.workflow-stage-sort-button,.workflow-stage-order-button,.workflow-stage-workbench .add-item-btn,.btn-add-stage{display:inline-flex;align-items:center;justify-content:center;gap:8px;}.workflow-sort-handle svg,.workflow-item-sort-move svg,.stage-sort-move svg{width:17px;height:17px;}.workflow-stage-workbench .stage-tabs{display:flex;gap:4px;margin:0;padding:0;border-bottom:1px solid var(--workflow-line);background:transparent;}.workflow-stage-workbench .stage-tab{display:inline-flex;min-height:48px;align-items:center;gap:7px;padding:0 13px;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);background:transparent;font-size:13px;font-weight:600;white-space:nowrap;}.workflow-stage-workbench .stage-tab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;}.workflow-stage-workbench .stage-tab > span{color:var(--text-muted);font-family:var(--xy-font-data,inherit);font-size:11px;font-weight:600;}.workflow-stage-workbench .stage-tab:hover{color:var(--text-primary);background:var(--workflow-surface-soft);}.workflow-stage-workbench .stage-tab.active{border-bottom-color:var(--interactive-primary);color:var(--text-primary);background:transparent;}.workflow-stage-workbench .stage-tab-panel{padding:18px 0 4px;}.workflow-stage-workbench :is(.task-list,.warning-list,.prep-list,.faq-list){border-top:1px solid var(--workflow-line);}.workflow-stage-workbench :is(.task-item,.warning-item,.prep-item,.faq-item){margin:0;padding:15px 4px;border:0;border-bottom:1px solid var(--workflow-line);border-radius:0;background:transparent;box-shadow:none;}.workflow-stage-workbench :is(.task-item,.warning-item,.prep-item,.faq-item):hover{background:var(--workflow-surface-soft);transform:none;}.workflow-stage-workbench .warning-title{color:var(--workflow-risk);}.workflow-stage-workbench .shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.workflow-stage-workbench .shopping-item{margin:0;padding:16px;border:1px solid var(--workflow-line);border-radius:14px;background:var(--workflow-surface-soft);box-shadow:none;}.workflow-stage-workbench .shopping-item:hover{border-color:var(--workflow-line-strong);transform:none;}.workflow-stage-workbench .add-item-btn{min-height:44px;margin-top:14px;border-radius:12px;}.workflow-empty-state{display:grid;min-height:220px;place-items:center;align-content:center;gap:6px;padding:24px;border:1px solid var(--workflow-line);border-radius:20px;color:var(--text-secondary);background:var(--bg-card);text-align:center;}.workflow-empty-state p{margin:0;color:var(--text-muted);font-size:13px;}.mobile-stage-quick-nav{display:none;}#page-workflow :is(button,a,input,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--interactive-primary) 52%,transparent);outline-offset:2px;}@media (max-width:1080px) and (min-width:769px){.workflow-stage-rail{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x;}.workflow-stage-overview{grid-template-columns:minmax(160px,0.75fr) minmax(230px,1.25fr) minmax(210px,1fr);}.workflow-workbench-header{gap:18px;}}@media (max-width:768px){#page-workflow{width:100%;overflow-x:clip;padding-bottom:24px;}.workflow-project-summary{min-height:54px;margin-bottom:10px;padding:9px 11px;border-radius:14px;}.workflow-project-summary .btn{min-height:40px;padding-inline:10px;font-size:12px;}.workflow-project-identity small{max-width:190px;}.workflow-stage-rail{display:none;}.mobile-stage-quick-nav{position:sticky;z-index:18;top:0;display:grid;gap:8px;margin:0 0 10px;padding:8px;border:1px solid var(--workflow-line);border-radius:16px;background:var(--bg-card);box-shadow:0 8px 22px rgba(35,49,58,0.08);}.workflow-mobile-stage-bar{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;align-items:stretch;}.workflow-mobile-stage-arrow{display:grid;width:44px;padding:0;place-items:center;border:1px solid var(--workflow-line);border-radius:12px;color:var(--text-primary);background:var(--bg-card);font-size:24px;}.workflow-mobile-stage-arrow:disabled{color:var(--text-disabled);background:var(--workflow-surface-soft);}.workflow-mobile-stage-picker{min-width:0;}.workflow-mobile-stage-picker > summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto 18px;align-items:center;gap:7px;min-width:0;padding:0 11px;border:1px solid var(--workflow-line);border-radius:12px;background:var(--bg-card);cursor:pointer;list-style:none;}.workflow-mobile-stage-picker > summary::-webkit-details-marker{display:none;}.workflow-mobile-stage-picker > summary span,.workflow-mobile-stage-picker > summary small{color:var(--text-muted);font-size:10px;white-space:nowrap;}.workflow-mobile-stage-picker > summary strong{overflow:hidden;font-size:13px;text-align:center;text-overflow:ellipsis;white-space:nowrap;}.workflow-stage-picker-chevron{display:grid;width:18px;height:18px;place-items:center;color:var(--text-muted);transition:transform 140ms ease;}.workflow-stage-picker-chevron svg{width:16px;height:16px;}.workflow-mobile-stage-picker[open] > summary{border-color:var(--interactive-primary);background:var(--workflow-surface-soft);}.workflow-mobile-stage-picker[open] .workflow-stage-picker-chevron{transform:rotate(180deg);}.workflow-mobile-stage-options{position:absolute;top:calc(100% + 8px);right:0;left:0;display:grid;overflow-y:auto;max-height:min(58vh,430px);padding:7px;border:1px solid var(--workflow-line);border-radius:15px;background:var(--bg-card);box-shadow:0 18px 44px rgba(25,34,39,0.18);}.mobile-stage-chip{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;padding:6px 8px;border:0;border-radius:10px;color:var(--text-secondary);background:transparent;text-align:left;}.mobile-stage-chip > span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--workflow-line-strong);border-radius:50%;font-family:var(--xy-font-data,inherit);font-size:11px;}.mobile-stage-chip > strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}.mobile-stage-chip > small{color:var(--text-muted);font-size:10px;}.mobile-stage-chip.active{color:var(--text-primary);background:var(--interactive-soft);}.mobile-stage-chip.active > span{border-color:var(--interactive-primary);color:var(--text-inverse);background:var(--interactive-primary);}.mobile-stage-sort-trigger{min-height:44px;border:1px dashed var(--workflow-line-strong);border-radius:11px;color:var(--text-secondary);background:transparent;font:inherit;font-size:12px;}.workflow-stage-workbench{border-radius:18px;box-shadow:none;}.workflow-stage-view-note{padding:8px 14px;}.workflow-workbench-header{display:grid;gap:16px;padding:18px 16px 15px;}.workflow-stage-heading h2{font-size:27px;}.workflow-stage-heading p{margin-top:7px;font-size:12px;}.workflow-workbench-actions{justify-content:flex-start;}.workflow-status-menu{width:auto;}.workflow-status-trigger{width:auto;min-height:44px;}.workflow-status-options{right:auto;left:0;width:min(280px,calc(100vw - 32px));}.workflow-status-option{min-height:44px;}.workflow-stage-primary{width:100%;}.workflow-stage-overview{display:grid;grid-template-columns:1fr;margin:0 16px 15px;}.workflow-stage-progress,.workflow-next-task,.workflow-next-stage{min-height:auto;padding:15px 2px;}.workflow-next-task,.workflow-next-stage{border-top:1px solid var(--workflow-line);border-left:0;}.workflow-next-task{padding-inline:2px;}.workflow-progress-track{margin-top:15px;}.workflow-stage-workbench .stage-card-content{overflow:hidden;padding:0 16px 18px;}.workflow-stage-edit-toolbar{flex-wrap:wrap;align-items:center;flex-direction:row;}.workflow-stage-edit-toolbar .stage-edit-actions{flex:0 0 auto;}.workflow-stage-sort-button{min-height:44px;margin-left:auto;padding-inline:10px;font-size:12px;}.workflow-editor-button{width:44px;min-width:44px;height:44px;}.workflow-editor-button-labeled{width:auto;min-width:112px;}.workflow-item-edit-actions{margin-left:auto;}.workflow-stage-workbench .stage-tabs{overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none;overscroll-behavior-inline:contain;}.workflow-stage-workbench .stage-tabs::-webkit-scrollbar{display:none;}.workflow-stage-workbench .stage-tab{min-height:48px;padding-inline:11px;}.workflow-stage-workbench .shopping-grid{grid-template-columns:1fr;}.workflow-stage-workbench :is(.task-item,.warning-item,.prep-item,.faq-item){padding-block:14px;}.workflow-header-export{min-height:44px;}}@media (max-width:390px){.workflow-project-identity small{max-width:145px;}}@media (prefers-reduced-motion:reduce){#page-workflow *,#page-workflow *::before,#page-workflow *::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;}}