.sy-flow-card{margin-bottom:16px}.sy-business-flow>summary{display:flex;align-items:center;gap:16px;cursor:pointer;font-weight:600;font-size:14px;list-style:none}.sy-business-flow>summary:after{content:'⌄';margin-left:auto}.sy-business-flow:not([open])>summary:after{content:'›'}.sy-business-flow>summary span{font-size:12px;font-weight:400;color:#7a8c9a}.sy-flow-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 4px}.sy-flow-tools>span{font-size:12px;color:#718394;margin-right:auto}.sy-flow-viewport{overflow:auto;max-width:100%;scrollbar-width:thin}.sy-flow-canvas{min-width:300px}.sy-flow-svg{width:100%;display:block;color:#8a9ca6}.sy-flow-edges{stroke:#91a5b0;stroke-width:1.5}.sy-flow-node rect{fill:#f3f6f8;stroke:#d4e0e6;stroke-width:1.4}.sy-flow-node text,.sy-flow-branch text{fill:#4c6070;font:500 17px system-ui,sans-serif;text-anchor:middle}.sy-flow-node.is-linked{cursor:pointer}.sy-flow-node.is-linked text{fill:#426c84}.sy-flow-node.is-linked:hover rect,.sy-flow-node.is-linked:focus rect{fill:#eaf2f6;stroke:#82aec6;stroke-width:2.5}.sy-flow-node:focus{outline:none}.sy-flow-branch rect{fill:#faf0e8;stroke:#e8d6c8}.sy-flow-branch text{font-size:15px}.sy-flow-dialog{border:1px solid #cbdde7;border-radius:14px;padding:20px;width:min(540px,calc(100vw - 40px));color:#354963;background:white}.sy-flow-dialog::backdrop{background:#253c4c55}.sy-flow-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.sy-flow-links{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.sy-business-flow>summary span{display:none}.sy-flow-tools>span{flex:1 0 100%}}
.wf-context{margin-bottom:12px!important;padding:12px 16px!important}.wf-context summary{display:flex;gap:20px;align-items:center;cursor:pointer;font-size:14px;font-weight:600}.wf-context summary span{font-weight:400;color:#748894;font-size:12px}.wf-context summary:after{content:'⌄';margin-left:auto}.wf-toolbar{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}.wf-toolbar>span{margin-right:auto;font-size:12px;color:#748894}.wf-scroll{overflow:auto;max-height:420px;min-width:0;background:#fcfdfd;border:1px solid #e4ebef;border-radius:10px}.wf-svg{display:block;max-width:none;touch-action:none}.wf-node{cursor:grab}.wf-node rect{fill:#edf3f6;stroke:#abc5d3}.wf-node.selected rect{stroke:#718fa1;stroke-width:3;fill:#fff3e7}.wf-svg text{font:13px system-ui;fill:#425c6c;text-anchor:middle}.wf-edge{cursor:pointer}.wf-edge path{stroke-width:2}.wf-edge:hover path{stroke-width:5}.wf-edge text{font-size:11px}.wf-node:focus rect{stroke-width:3}.wf-node:focus{outline:none}#workflow-editor{width:min(1400px,96vw);max-height:92vh;overflow:auto;border:1px solid #bcd0db;border-radius:16px;padding:20px;color:#3d5362;background:#fff}#workflow-editor::backdrop{background:#30455055}#workflow-editor header,#workflow-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px}#workflow-editor .wf-hint{font-size:12px;color:#768995}.wf-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;margin-bottom:12px}#workflow-editor label{display:grid;gap:4px;font-size:13px;margin:10px 0}#workflow-editor input,#workflow-editor select,#workflow-editor textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid #cedde5;border-radius:7px;color:inherit;background:white}#workflow-editor textarea{min-height:64px}#wf-properties{display:flex;flex-direction:column;gap:6px}#wf-properties small{font-size:11px;color:#748894}#wf-status{font-size:13px}@media(max-width:700px){.wf-editor-grid{grid-template-columns:1fr}.wf-context summary span{display:none}}
.wf-node.is-current rect{fill:#fff0df;stroke:#d9ad7e;stroke-width:2}
.wf-port{fill:#fff;stroke:#84aabc;stroke-width:2;cursor:crosshair;pointer-events:all}.wf-port:hover{fill:#dfedf4;stroke-width:3}.wf-connect-target rect{stroke:#d2a779;stroke-width:3;fill:#fff3e7}#wf-link-preview{fill:none;stroke:#84aabc;stroke-width:2;stroke-dasharray:6 4;pointer-events:none}
.wf-port{stroke-width:3;paint-order:stroke fill;filter:drop-shadow(0 1px 2px #a6bcc666)}.wf-port:hover{fill:#d7e9f3;stroke:#658ea4;stroke-width:5}#workflow-editor .wf-switch{display:flex;align-items:center;gap:8px;margin:0;flex-shrink:0}#workflow-editor .wf-switch select{width:auto;min-width:170px}#workflow-editor header{flex-wrap:wrap}#wf-status{color:#416a80}

.wf-browse{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wf-browse>span{font-size:13px;color:#748894}.wf-browse select{max-width:240px;padding:6px 10px;border:1px solid #cedde5;border-radius:8px;background:#fff;color:#425c6c}.wf-browse .btn{margin-left:auto}.wf-connect-source rect{stroke:#658ea4;stroke-width:3;fill:#e3eff5}.wf-port:focus{outline:none;stroke:#587f95;stroke-width:5}.wf-node text{pointer-events:none}#workflow-editor [hidden]{display:none!important}

.wf-locked .wf-node{cursor:pointer}.wf-locked .wf-svg{touch-action:auto}.wf-locked #wf-properties input,.wf-locked #wf-properties textarea{background:#f7f9fa}.wf-locked [data-wf-edit]{border-color:#84aabc;color:#416a80}