.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}
/* Workflow canvas node styling (Drawflow). Dark theme to match the app. */
.drawflow .drawflow-node {
  background: #0f172a;
  border: 1px solid #334155;
  color: #e2e8f0;
  border-radius: 8px;
  padding: 0;
  min-width: 170px;
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.drawflow .drawflow-node.selected { border-color: #22d3ee; }
.drawflow .drawflow-node.wf-trigger { border-color: #0891b2; background: #083344; }
.drawflow .drawflow-node.wf-branch  { border-color: #a16207; }
.drawflow .drawflow-node.wf-end     { border-color: #475569; }
.wf-node-body { padding: 10px 12px; font-size: 12px; line-height: 1.35; }
.wf-node-body strong { font-size: 12px; font-weight: 600; }
.wf-sum  { margin-top: 4px; color: #94a3b8; font-size: 11px; word-break: break-word; }
.wf-hint { margin-top: 4px; color: #64748b; font-size: 10px; }
.wf-input {
  margin-top: 4px; width: 100%; border-radius: 6px; border: 1px solid #334155;
  background: #0f172a; padding: 6px 8px; font-size: 12px; color: #e2e8f0;
}
.wf-save {
  margin-top: 4px; border-radius: 6px; background: #06b6d4; color: #020617;
  padding: 5px 12px; font-size: 11px; font-weight: 600; cursor: pointer; border: 0;
}
.drawflow .connection .main-path { stroke: #475569; stroke-width: 2px; }
.drawflow-node .input, .drawflow-node .output { background: #0891b2; border-color: #155e75; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */