.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{touch-action:none;outline:0;display:flex;overflow:hidden}.drawflow{-webkit-user-select:none;user-select:none;perspective:0;width:100%;height:100%}.drawflow .drawflow-node{color:#000;z-index:2;background:#0ff;border:2px solid #000;border-radius:4px;align-items:center;width:160px;min-height:40px;padding:15px;display:flex;position:absolute}.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{cursor:crosshair;z-index:1;background:#fff;border:2px solid #000;border-radius:50%;width:20px;height:20px;margin-bottom:5px;position:relative}.drawflow .drawflow-node .input{background:#ff0;top:2px;left:-27px}.drawflow .drawflow-node .output{top:2px;right:-3px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{pointer-events:none;aspect-ratio:1;position:absolute}.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:2px;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{color:#fff;z-index:4;text-align:center;cursor:pointer;background:#000;border:2px solid #fff;border-radius:50%;width:30px;height:30px;font-family:monospace;font-weight:700;line-height:30px;display:block;position:absolute}.drawflow>.drawflow-delete{margin-top:15px;margin-left:-15px}.parent-node .drawflow-delete{top:-15px;right:-15px}.callhandling-flow [x-cloak]{display:none!important}.callhandling-flow{--ch-palette-surface:hsl(var(--app-card));--ch-palette-canvas:#d6d6d6;--ch-palette-border:hsl(var(--app-border));--ch-palette-text:hsl(var(--app-fg));--ch-palette-muted:hsl(var(--app-muted));--ch-palette-accent:hsl(var(--app-primary));--ch-node-shadow:0 2px 8px #0f172a14;--ch-node-radius:.75rem;--dfBackgroundSize:18px;--dfBackgroundImage:linear-gradient(to right, #fff 1px, transparent 1px), linear-gradient(to bottom, #fff 1px, transparent 1px)}html.dark .callhandling-flow{--ch-palette-canvas:#16171a;--ch-node-shadow:0 2px 12px #00000059;--dfBackgroundSize:18px;--dfBackgroundImage:linear-gradient(to right, #ffffff1f 1px, transparent 1px), linear-gradient(to bottom, #ffffff1f 1px, transparent 1px)}.callhandling-flow #drawflow{z-index:1;background-color:var(--ch-palette-canvas);background-image:var(--dfBackgroundImage);background-size:var(--dfBackgroundSize) var(--dfBackgroundSize);border:0;border-radius:0;min-height:520px;position:relative}.callhandling-flow #drawflow.parent-drawflow{position:relative}.callhandling-flow #drawflow.parent-drawflow>.drawflow{width:100%;min-height:520px;position:relative}.callhandling-flow .drawflow .connection{aspect-ratio:unset;width:auto;height:auto}.callhandling-flow .drawflow .drawflow-node{background:var(--ch-palette-surface);border:1px solid var(--ch-palette-border);border-radius:var(--ch-node-radius);box-shadow:var(--ch-node-shadow);color:var(--ch-palette-text);align-items:center;width:max-content;min-width:0;max-width:min(18rem,100vw - 5rem);padding:0;display:flex;overflow:visible}.callhandling-flow .drawflow .drawflow-node.selected{border-color:var(--ch-palette-accent);box-shadow:0 0 0 2px hsl(var(--app-primary) / .28), 0 0 0 6px hsl(var(--app-primary) / .1), 0 0 28px 8px hsl(var(--app-primary) / .14), var(--ch-node-shadow)}.callhandling-flow .drawflow .drawflow-node .title-box{display:none}.callhandling-flow .ch-node{align-items:center;gap:.55rem;width:100%;padding:.48rem .6rem;display:flex}.callhandling-flow .ch-node.ch-node--stack{flex-direction:column;align-items:stretch;gap:0;padding:.36rem .5rem .34rem}.callhandling-flow .ch-node__row{align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.callhandling-flow .ch-node__preview{color:var(--ch-palette-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:0;padding-left:2.75rem;font-size:.625rem;line-height:1.25;display:none;overflow:hidden}.callhandling-flow .drawflow .drawflow-node.ch-node--has-preview{min-width:9rem}.callhandling-flow .drawflow .drawflow-node.ch-node--has-preview .ch-node.ch-node--stack{gap:.28rem;padding:.42rem .52rem .38rem}.callhandling-flow .drawflow .drawflow-node.ch-node--has-preview .ch-node__preview{min-height:.875rem;display:block}.callhandling-flow .ch-node__icon{background:hsl(var(--app-nav-active-bg));width:2rem;height:2rem;color:hsl(var(--app-nav-active-fg));border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.callhandling-flow .ch-node__icon img{width:1.25rem;height:1.25rem}.callhandling-flow .ch-node__label{font-size:.8125rem;font-weight:600;line-height:1.2}.callhandling-flow .drawflow .connection .main-path{stroke:hsl(var(--app-primary));stroke-width:4px}.callhandling-flow .drawflow .connection:hover .main-path{stroke-width:6px}.callhandling-flow .drawflow .connection.ivr-source .main-path{stroke-width:2px}.callhandling-flow .drawflow .connection.ivr-source:hover .main-path{stroke-width:3px}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-1 .main-path{stroke:#ef4444}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-2 .main-path{stroke:#f97316}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-3 .main-path{stroke:#f59e0b}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-4 .main-path{stroke:#84cc16}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-5 .main-path{stroke:#10b981}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-6 .main-path{stroke:#06b6d4}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-7 .main-path{stroke:#3b82f6}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-8 .main-path{stroke:#6366f1}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-9 .main-path{stroke:#a855f7}.callhandling-flow .drawflow .connection.ivr-source.ivr-out-10 .main-path{stroke:#ec4899}.callhandling-flow #drawflow.ivr-drag-out-1 .connection:not([class*=node_in_]) .main-path{stroke:#ef4444;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-2 .connection:not([class*=node_in_]) .main-path{stroke:#f97316;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-3 .connection:not([class*=node_in_]) .main-path{stroke:#f59e0b;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-4 .connection:not([class*=node_in_]) .main-path{stroke:#84cc16;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-5 .connection:not([class*=node_in_]) .main-path{stroke:#10b981;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-6 .connection:not([class*=node_in_]) .main-path{stroke:#06b6d4;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-7 .connection:not([class*=node_in_]) .main-path{stroke:#3b82f6;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-8 .connection:not([class*=node_in_]) .main-path{stroke:#6366f1;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-9 .connection:not([class*=node_in_]) .main-path{stroke:#a855f7;stroke-width:2px}.callhandling-flow #drawflow.ivr-drag-out-10 .connection:not([class*=node_in_]) .main-path{stroke:#ec4899;stroke-width:2px}.callhandling-flow .drawflow .drawflow-node .inputs,.callhandling-flow .drawflow .drawflow-node .outputs{z-index:6;flex-shrink:0;align-self:stretch;width:0;position:relative}.callhandling-flow .drawflow .drawflow-node .drawflow_content_node{z-index:1;position:relative}.callhandling-flow .drawflow .drawflow-node .input,.callhandling-flow .drawflow .drawflow-node .output{border:1px solid hsl(var(--app-primary));background:hsl(var(--app-card));width:14px;height:14px;box-shadow:none;cursor:crosshair;border-radius:9999px;margin-bottom:0;position:absolute;top:50%;transform:translateY(-50%)}.callhandling-flow .drawflow .drawflow-node .input{left:-14px}.callhandling-flow .drawflow .drawflow-node .output{right:-14px}.callhandling-flow .drawflow .drawflow-node.ivr .output{--ivr-port-rgb:59 130 246;border-color:rgb(var(--ivr-port-rgb));background:rgb(var(--ivr-port-rgb) / .18);margin:0;position:relative;top:auto;right:-14px;transform:none}.callhandling-flow .drawflow .drawflow-node.ivr .outputs{flex-direction:column;justify-content:center;gap:.34rem;padding-block:.35rem;display:flex}.callhandling-flow .drawflow .drawflow-node.ivr .ch-port-label{letter-spacing:.02em;color:rgb(var(--ivr-port-rgb));pointer-events:none;white-space:nowrap;font-size:9px;font-weight:700;line-height:1;position:absolute;top:50%;left:calc(100% + 7px);transform:translateY(-50%)}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_1{--ivr-port-rgb:239 68 68}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_2{--ivr-port-rgb:249 115 22}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_3{--ivr-port-rgb:245 158 11}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_4{--ivr-port-rgb:132 204 22}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_5{--ivr-port-rgb:16 185 129}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_6{--ivr-port-rgb:6 182 212}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_7{--ivr-port-rgb:59 130 246}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_8{--ivr-port-rgb:99 102 241}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_9{--ivr-port-rgb:168 85 247}.callhandling-flow .drawflow .drawflow-node.ivr .output.output_10{--ivr-port-rgb:236 72 153}.callhandling-flow .drawflow .drawflow-node .input:hover,.callhandling-flow .drawflow .drawflow-node .output:hover,.callhandling-flow .drawflow .drawflow-node .input.active,.callhandling-flow .drawflow .drawflow-node .output.active{background:hsl(var(--app-primary));box-shadow:0 0 0 2px hsl(var(--app-primary) / .25)}.callhandling-flow .drawflow .drawflow-node.ivr .output:hover,.callhandling-flow .drawflow .drawflow-node.ivr .output.active{background:rgb(var(--ivr-port-rgb));box-shadow:0 0 0 2px rgb(var(--ivr-port-rgb) / .25)}.callhandling-flow .drawflow .drawflow-node.start .input{display:none}html.dark .callhandling-flow .ch-node__icon img{filter:brightness(0)invert();opacity:.95}.callhandling-flow .drawflow .drawflow-delete{color:#fff;background:#dc2828;border-radius:9999px}.callhandling-palette-menu{border:1px solid var(--ch-palette-border);background:var(--ch-palette-surface);border-radius:.5rem;max-height:72vh;overflow-y:auto}.callhandling-palette-item{border-bottom:1px solid var(--ch-palette-border);width:100%;color:var(--ch-palette-text);cursor:grab;background:0 0;align-items:center;gap:.65rem;padding:.65rem;transition:background .12s;display:flex}.callhandling-palette-item:last-child{border-bottom:0}.callhandling-palette-item:hover{background:hsl(var(--app-primary) / .08)}.callhandling-palette-item.callhandling-palette-item--dragging{background:hsl(var(--app-primary) / .16);cursor:grabbing}.callhandling-canvas-wrap{border:1px solid var(--ch-palette-border);border-radius:.5rem;position:relative;overflow:visible}.callhandling-canvas-toolbar{border-bottom:1px solid var(--ch-palette-border);background:hsl(var(--app-card) / .92);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.35rem .5rem;display:flex}.callhandling-canvas-hint{z-index:2;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.callhandling-canvas-hint-inner{border:1px dashed var(--ch-palette-border);background:hsl(var(--app-card) / .75);text-align:center;max-width:22rem;color:var(--ch-palette-muted);border-radius:.5rem;padding:.85rem 1rem;font-size:.8125rem;line-height:1.45}.callhandling-flow .ch-node__badge{color:var(--ch-palette-muted);font-size:10px}.callhandling-flow .drawflow .drawflow-node.start .drawflow-delete{display:none}