.wf-page .iw-utility{margin-bottom:24px}.wf-definition-bar{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:0 0 24px;color:#748078;font-size:13px}.wf-status{display:inline-flex;border-radius:999px;padding:4px 10px;background:#edf1ef;color:#66796c;white-space:nowrap;font-size:12px;text-transform:capitalize}.wf-status-published,.wf-status-approved,.wf-status-completed{background:#e3f3e8;color:#267049}.wf-status-failed,.wf-status-rejected{background:#ffebe9;color:#a1453f}.wf-status-approval,.wf-status-pending,.wf-status-waiting,.wf-status-paused{background:#fff3d9;color:#8e6b27}.wf-inbox{border:1px solid #e2e8e3;border-radius:9px;padding:20px;margin-bottom:24px}.wf-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}.wf-section-head h2{font-size:16px;font-weight:600;margin:0}.wf-approval-row{display:flex;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #e9eee9;text-decoration:none;color:inherit}.wf-approval-row>svg{width:22px;height:22px;color:#a5afa8;flex:none}.wf-approval-row>span:not(.wf-status){display:grid;gap:6px;flex:1;min-width:0}.wf-approval-row strong{font-size:14px;font-weight:500}.wf-approval-row>span>span{font-size:12px;color:#7b8780}.wf-plan{display:flex;gap:12px;overflow:auto;scrollbar-width:thin;margin-bottom:32px;padding-bottom:8px}.wf-plan>div{display:flex;align-items:center;gap:10px;flex:none;border:1px solid #e1e7e2;border-radius:8px;padding:15px}.wf-plan>div>span,.wf-step-number{display:grid;place-items:center;width:25px;height:25px;border:1px solid #dce4de;border-radius:50%;font-size:12px;color:#7b8a80;flex:none}.wf-plan svg{width:19px;height:19px;color:#a5afa8}.wf-plan strong{font-size:13px;font-weight:500}.wf-plan small{font-size:12px;color:#7b8780}.wf-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.wf-editor>div{min-width:0}.wf-editor label,.wf-decision label{display:grid;gap:8px;font-size:13px}.wf-details{display:grid;gap:18px;margin-bottom:22px}.wf-details>label{margin:0}.wf-step-editor{border:1px solid #e0e7e1;border-radius:9px;padding:22px;margin:18px 0;min-width:0}.wf-step-editor header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.wf-step-editor header>svg{width:21px;height:21px;color:#9aa99f}.wf-step-editor header>strong{flex:1;font-weight:500;font-size:15px}.wf-step-editor header button{width:30px;height:30px;overflow:hidden;padding:7px;font-size:0;border-radius:50%}.wf-step-editor header button svg{width:15px;height:15px}.wf-step-fields{display:grid;gap:18px;margin-top:18px}.wf-editor input:not([type=checkbox]),.wf-editor textarea,.wf-editor select,.wf-decision textarea{width:100%;min-width:0;box-sizing:border-box}.wf-editor textarea{resize:vertical;line-height:1.65}.wf-editor-aside{position:sticky;top:0}.wf-editor-aside p{line-height:1.65}.wf-publish-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.wf-add-step{display:flex;gap:12px;align-items:end;margin:24px 0}.wf-add-step label{max-width:350px;flex:1}.wf-merge-list{display:grid;gap:8px;max-height:320px;overflow:auto;color:#687e70;font-size:13px;overflow-wrap:anywhere}.wf-rule{display:grid;grid-template-columns:minmax(100px,1fr) minmax(110px,1fr) minmax(80px,1fr) 32px;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid #e7ede8}.wf-rule button{padding:8px;width:32px;height:36px;overflow:hidden;font-size:0}.wf-rule button svg{width:16px;height:16px;flex:none}.wf-timeline{list-style:none;margin:0;padding:0;max-width:none}.wf-step-result{display:grid;grid-template-columns:38px minmax(0,1fr);gap:17px;padding:0 0 26px;position:relative}.wf-step-result:not(:last-child):before{content:'';position:absolute;top:36px;bottom:0;left:18px;width:1px;background:#e1e8e3}.wf-result-icon{width:36px;height:36px;border:1px solid #e1e8e3;border-radius:50%;display:grid;place-items:center}.wf-result-icon svg{width:19px;height:19px;color:#99a99e}.wf-step-result>div:last-child{border:1px solid #e1e8e3;border-radius:9px;padding:20px;min-width:0}.wf-step-result time{display:block;color:#819087;font-size:12px;margin-top:14px}.wf-change{display:grid;gap:5px;max-width:100%}.wf-change>strong{font-size:12px;color:#7b8880;font-weight:500;margin-bottom:4px}.wf-change del,.wf-change ins{padding:9px 12px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.wf-change del{background:#fff0f2;color:#a54952}.wf-change ins{background:#e6f8ec;color:#286d43;text-decoration:none}.wf-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.wf-warning{color:#866627;background:#fff7e5;border-radius:6px;padding:12px;font-size:13px;line-height:1.6}.wf-proposal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:24px}.wf-review{margin-bottom:25px}.wf-decision{display:grid;gap:18px;margin-top:24px}.wf-decision .iw-actions{justify-content:flex-end}.wf-picker{max-height:320px;overflow:auto;border:1px solid #e0e7e1;padding:10px 15px;border-radius:7px}.wf-picker label{padding:7px 0;line-height:1.5}.wf-picker input{flex:none}.wf-preview-step{padding:20px 0;border-top:1px solid #e3e9e5}.wf-modal{max-width:800px!important;width:min(800px,calc(100vw - 32px))!important}.wf-page [hidden],.wf-modal [hidden]{display:none!important}.wf-page a:not(.iw-button){color:inherit}.wf-page button:disabled{opacity:.55;cursor:wait}.wf-page a:focus-visible{outline:2px solid #337b58;outline-offset:3px}
@media(max-width:1100px){.wf-editor{grid-template-columns:1fr}.wf-editor-aside{position:static}.wf-merge-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:180px}}
@media(max-width:700px){.wf-page .iw-utility{align-items:flex-start;flex-wrap:wrap}.wf-page .page-head{align-items:flex-start;flex-direction:column}.wf-rule{grid-template-columns:1fr 1fr}.wf-rule>label:nth-child(3){grid-column:1}.wf-step-editor{padding:16px}.wf-step-editor header{flex-wrap:wrap}.wf-step-editor header .iw-actions{margin-left:auto}.wf-merge-list{grid-template-columns:1fr 1fr}.wf-plan small{display:none}.wf-proposal{grid-template-columns:1fr}.wf-step-result{grid-template-columns:28px minmax(0,1fr);gap:12px}.wf-result-icon{width:28px;height:28px}.wf-step-result:not(:last-child):before{left:14px;top:29px}.wf-step-result>div:last-child{padding:16px}.wf-inbox{padding:16px}.wf-approval-row{flex-wrap:wrap}.wf-section-head{align-items:flex-start;flex-wrap:wrap}.wf-add-step{flex-wrap:wrap}.wf-definition-bar{gap:10px}}