.wf-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 15px}.wf-tabs button{font:inherit;font-size:12px;padding:10px 16px;border:1px solid #dce8df;border-radius:25px;background:#fff;color:#718977;cursor:pointer}.wf-tabs button[aria-pressed=true]{background:#e3f0e7;border-color:#accbb7;color:#20533d}.wf-workbench{border:1px solid #dce7de;border-radius:17px;background:#fff;overflow:hidden;min-width:0}.wf-workbench-head{padding:25px 27px;display:flex;justify-content:space-between;align-items:center;gap:15px}.wf-workbench-head h2{font-size:21px;line-height:1.5;margin:6px 0 0;color:#204b37}.wf-scroll{overflow-x:auto;max-width:100%;background-color:#f2f6f1;background-image:radial-gradient(#cddbcf 1px,transparent 1px);background-size:19px 19px;border-top:1px solid #e1e9df;border-bottom:1px solid #e1e9df}.wf-canvas{position:relative;width:1020px;height:345px;margin:0 auto}.wf-canvas>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wf-canvas path{fill:none;stroke:#bdcdbf;stroke-width:1.5}.wf-canvas path.wf-edge-done{stroke:#7ba88a;stroke-width:2}.wf-node{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:155px;min-height:84px;padding:13px 14px;background:#fff;border:1px solid #cfded2;border-radius:12px;font:inherit;text-align:left;color:#375d45;cursor:pointer;box-shadow:0 4px 12px #314c2510}.wf-node small{font-size:9px;line-height:1.5;color:#879e8a}.wf-node strong{font-size:12px;font-weight:600;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.wf-node>span{font-size:9px;line-height:1.4;color:#8a9d8b}.wf-node.wf-running{border:2px solid #4d98bb;background:#eff8fc;box-shadow:0 0 0 4px #81b9d31a}.wf-node.wf-running>span{color:#3c83a3}.wf-node.wf-done{border-color:#8cb79a;background:#f6fbf5}.wf-node.wf-done>span{color:#58825b}.wf-node.wf-waiting{border:2px solid #c9a762;background:#fffaf0}.wf-node.wf-waiting>span{color:#a48440}.wf-node.wf-failed{border-color:#ca8d88;background:#fff4f2}.wf-node.wf-failed>span{color:#aa5950}.wf-node.wf-skipped{background:#f0f3ef;border-style:dashed;box-shadow:none;opacity:.75}.wf-node-review small{color:#ad8c4c}.wf-node-start small{color:#4d9f8b}.wf-node-finish small{color:#9a7aa4}.wf-progress{display:flex;align-items:center;gap:15px;padding:18px 27px;color:#809480;font-size:10px}.wf-progress progress{appearance:none;flex:1;height:5px;border:0;border-radius:4px;overflow:hidden;background:#e9f0e8}.wf-progress progress::-webkit-progress-bar{background:#e9f0e8}.wf-progress progress::-webkit-progress-value{background:#75a884;transition:width .3s}.wf-progress progress::-moz-progress-bar{background:#75a884}.wf-run-controls{display:flex;align-items:flex-end;gap:11px;flex-wrap:wrap;padding:0 27px 24px}.wf-run-controls label{display:grid;gap:7px;font-size:10px;color:#83977e}.wf-run-controls select{font:inherit;font-size:12px;border:1px solid #d6e1d3;border-radius:7px;background:#fff;padding:10px 12px;color:#527249}.wf-hint{padding:0 27px 22px;font-size:12px;line-height:1.8;color:#967d4b;margin:0}.wf-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:25px 0}.wf-bottom-grid .op-form{margin:23px}.wf-definition-fields{display:contents;border:0;padding:0;margin:0}.wf-definition-fields:disabled .op-field{opacity:.65}.wf-run-list{max-height:270px;overflow-y:auto}.wf-run-list>button{display:block;width:100%;border:0;border-bottom:1px solid #e5ede2;background:#fff;text-align:left;padding:15px 22px;color:#365a2e;cursor:pointer}.wf-run-list>button.active{background:#edf5e9}.wf-run-list strong{font:inherit;font-size:12px;display:block}.wf-run-list small{display:block;font-size:10px;color:#829978;margin-top:6px}.wf-run-detail{padding:22px;border-top:1px solid #dce7d6}.wf-run-detail h3{font-size:11px;overflow-wrap:anywhere}.wf-run-detail .op-timeline{margin-top:18px}.wf-run-detail .op-event{font-size:11px}.wf-run-detail .op-meta{margin-top:9px}.wf-workbench :is(button,select):focus-visible,.wf-scroll:focus-visible,.wf-tabs button:focus-visible{outline:3px solid #73a88a;outline-offset:3px}
#workflow-playbooks{background:#fff}#workflow-playbooks h2{font-size:38px;letter-spacing:-1.4px;line-height:1.3}#workflow-playbooks .wf-intro{max-width:650px}#workflow-playbooks .wf-intro>p:last-child{font-size:14px;line-height:1.9;color:#7b8982;margin-top:20px}#workflow-playbooks .wf-tabs{justify-content:center;margin-top:35px}#workflow-playbooks .wf-node{cursor:default}#workflow-playbooks .wf-preview-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 27px}#workflow-playbooks .wf-preview-bottom p{font-size:12px;color:#849181;line-height:1.8}#workflow-playbooks .wf-preview-bottom a{font-size:12px;color:#277250;text-decoration:none;font-weight:600}#workflow-playbooks .wf-availability{font-size:11px;color:#8a998e;margin-top:20px;line-height:1.9}
@media(min-width:1400px){.wf-canvas{width:1020px}}@media(max-width:1000px){.wf-bottom-grid{grid-template-columns:1fr}}@media(max-width:600px){.wf-workbench-head{padding:20px;align-items:flex-start}.wf-workbench-head h2{font-size:18px}.wf-workbench-head .eyebrow{font-size:8px;line-height:1.8}.wf-tabs button{font-size:10px;padding:8px 12px}.wf-run-controls{padding:0 19px 20px}.wf-run-controls label{width:100%}.wf-run-controls select{width:100%}.wf-progress{padding:17px 19px}.wf-bottom-grid{gap:18px}.wf-run-detail{padding:18px}.wf-hint{padding:0 19px 20px}.wf-bottom-grid .op-form{margin:20px}#workflow-playbooks h2{font-size:30px}#workflow-playbooks .wf-preview-bottom{padding:20px;align-items:flex-start;flex-direction:column}.wf-canvas{margin:0}}
@media(prefers-reduced-motion:reduce){.wf-progress progress::-webkit-progress-value{transition:none}}