/* Drawflow 0.0.60 (MIT, https://github.com/jerosoler/Drawflow) — base styles, followed by the Limport look */
.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:0}.drawflow{width:100%;height:100%;user-select:none;perspective:0}.drawflow .drawflow-node{display:flex;align-items:center;position:absolute;background:#0ff;width:160px;min-height:40px;border-radius:4px;border:2px solid #000;color:#000;z-index:2;padding:15px}.drawflow .drawflow-node.selected{background:red}.drawflow .drawflow-node:hover{cursor:move}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{width:0}.drawflow .drawflow-node .drawflow_content_node{width:100%;display:block}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{position:relative;width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid #000;cursor:crosshair;z-index:1;margin-bottom:5px}.drawflow .drawflow-node .input{left:-27px;top:2px;background:#ff0}.drawflow .drawflow-node .output{right:-3px;top:2px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{position:absolute;pointer-events:none;aspect-ratio:1/1}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;pointer-events:all}.drawflow .connection .main-path:hover{stroke:#1266ab;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke-width:5px;stroke:#4682b4}.drawflow-delete{position:absolute;display:block;width:30px;height:30px;background:#000;color:#fff;z-index:4;border:2px solid #fff;line-height:30px;font-weight:700;text-align:center;border-radius:50%;font-family:monospace;cursor:pointer}.drawflow>.drawflow-delete{margin-left:-15px;margin-top:15px}.parent-node .drawflow-delete{right:-15px;top:-15px}

/* Limport flow editor */
.flow-canvas { background-color: #fafaf9; background-image: radial-gradient(#d6d3d1 1px, transparent 1px); background-size: 18px 18px; }
.flow-canvas .drawflow .drawflow-node { background: #fff; border: 1px solid rgb(96 98 100 / 0.25); border-radius: 14px; width: 240px;
  padding: 12px 14px; color: var(--color-limport-ink); box-shadow: 0 1px 3px rgb(0 0 0 / 0.08); align-items: flex-start; }
.flow-canvas .drawflow .drawflow-node.selected { background: #fff; border: 2px solid var(--color-limport-orange); }
.flow-canvas .drawflow .drawflow-node.flow-entries { border-left: 5px solid var(--color-limport-yellow); }
.flow-canvas .drawflow .drawflow-node.flow-messages { border-left: 5px solid #25D366; }
.flow-canvas .drawflow .drawflow-node.flow-logic { border-left: 5px solid var(--color-limport-gray); }
.flow-canvas .drawflow .drawflow-node.flow-integrations { border-left: 5px solid var(--color-limport-orange-mid); }
.flow-canvas .drawflow .drawflow-node.flow-endings { border-left: 5px solid var(--color-limport-orange); }
.flow-canvas .drawflow-node .drawflow_content_node { width: 100%; }
.flow-node-title { font-weight: 600; font-size: 13px; }
.flow-node-summary { margin-top: 4px; font-size: 12px; color: var(--color-limport-gray); white-space: pre-line; max-height: 72px; overflow: hidden; }
.flow-canvas .drawflow .drawflow-node .input, .flow-canvas .drawflow .drawflow-node .output { width: 14px; height: 14px; border: 2px solid #fff; background: var(--color-limport-gray); }
/* Output dots line up with the label rows at the bottom of the block (22px per row) */
.flow-canvas .drawflow .drawflow-node { align-items: stretch; }
.flow-canvas .drawflow .drawflow-node .inputs { display: flex; flex-direction: column; justify-content: flex-start; padding-top: 4px; }
.flow-canvas .drawflow .drawflow-node .outputs { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding-bottom: 4px; }
.flow-canvas .drawflow .drawflow-node .output { position: relative; right: -21px; margin: 0; }
.flow-node-outputs { margin-top: 8px; border-top: 1px solid rgb(96 98 100 / 0.12); padding-top: 4px; }
.flow-node-output { height: 22px; line-height: 22px; text-align: right; font-size: 11px; color: var(--color-limport-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.flow-canvas .output[data-kind="ok"] { background: #16a34a; }
.flow-canvas .output[data-kind="fail"] { background: #dc2626; }
.flow-canvas .output[data-kind="warn"] { background: var(--color-limport-orange); }
.flow-canvas .output[data-kind="click"] { background: var(--color-limport-yellow); }
.flow-canvas .output[data-kind="option"] { background: #0f766e; }
.flow-canvas .drawflow .connection .main-path { stroke: var(--color-limport-gray); stroke-width: 2px; stroke-dasharray: 5 4; }
.flow-canvas .drawflow .connection .main-path.selected { stroke: var(--color-limport-orange); }
.flow-canvas .drawflow-delete { background: var(--color-limport-ink); color: #fff; border: 2px solid #fff; }
.flow-node-metrics { margin-top: 2px; font-size: 11px; font-weight: 600; color: #2563eb; }