.flow-stepper{--flow-blue:#456d82;--flow-muted:var(--muted,#62696c);--flow-line:var(--line,#d8d7d0);--flow-bg:var(--white,#faf9f5);border:1px solid var(--flow-line);background:var(--flow-bg);color:var(--ink,#22282b);border-radius:14px;margin:18px 0 24px;padding:20px 12px}.flow-stepper ol{gap:0;margin:0;padding:0;list-style:none;display:flex}.flow-stepper li{flex:1;min-width:0;position:relative}.flow-stepper li:not(:last-child):after{content:"";background:var(--flow-line);height:2px;position:absolute;top:17px;left:calc(50% + 24px);right:calc(24px - 50%)}.flow-stepper li[data-complete=true]:after{background:var(--flow-blue)}.flow-stepper li>button{z-index:1;width:100%;min-width:0;min-height:64px;color:inherit;font:inherit;cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:9px;padding:0 4px;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:0!important}.flow-stepper li>button:disabled{cursor:default;opacity:1!important}.flow-stepper li>button:focus-visible{outline:2px solid var(--flow-blue);outline-offset:5px}.flow-step-marker{border:1px solid var(--flow-line);background:var(--flow-bg);width:34px;height:34px;color:var(--flow-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.flow-step-label{color:var(--flow-muted);overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.35}.flow-step-label small{margin-top:4px;font-size:11px;font-weight:400;display:block}.flow-stepper [data-current=true] .flow-step-marker{border-color:var(--flow-blue);background:var(--flow-blue);color:#fff;box-shadow:0 0 0 4px #7c9caa26}.flow-stepper [data-current=true] .flow-step-label{color:var(--ink,#22282b);font-weight:600}.flow-stepper [data-complete=true] .flow-step-marker{color:#245d40;background:#e7f3ec;border-color:#b2d2c0}.flow-stepper [data-complete=true] path{stroke-dasharray:24;stroke-dashoffset:0;animation:.24s ease-out flow-check}.flow-stepper [data-blocked=true] .flow-step-marker{color:#865520;background:#fff2df;border-color:#c49768}.workplace-dark .flow-stepper{--flow-blue:#729caf}.workplace-dark .flow-stepper [data-complete=true] .flow-step-marker{color:#c4e7cf;background:#203b30;border-color:#486b57}@keyframes flow-check{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@media (max-width:600px){.flow-stepper{margin:14px 0;padding:16px 6px}.flow-step-label{font-size:11px}.flow-step-label small{display:none}.flow-stepper li>button{min-height:60px}.flow-step-marker{width:30px;height:30px}.flow-stepper li:not(:last-child):after{top:15px;left:calc(50% + 20px);right:calc(20px - 50%)}}@media (prefers-reduced-motion:reduce){.flow-stepper *{transition:none!important;animation:none!important}}.flow-next{border-top:1px solid var(--line,#d8d7d0);justify-content:flex-end;align-items:center;gap:20px;margin-top:24px;padding:20px 0;font-size:14px;display:flex}.flow-next>span{max-width:60%;color:var(--muted,#62696c)}.flow-next .flow-next-done{color:#247343;font-weight:600}.flow-next button{width:auto;min-width:144px;min-height:46px}.workplace-dark .flow-next .flow-next-done{color:#a1dfb8}@media (max-width:600px){.flow-next{gap:12px;padding-bottom:24px}.flow-next>span{max-width:55%;font-size:13px}.flow-next button{min-width:120px}}