.automation-page{max-width:1500px}.automation-grid{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:1rem;margin-top:1.15rem;display:grid}.automation-form,.automation-list{background:#18132d;border-color:#332750;padding:1.15rem}.automation-form h2,.automation-list h2{align-items:center;gap:.45rem;font-size:1rem;font-weight:850;display:flex}.automation-form form{gap:.72rem;margin-top:1rem;display:grid}.automation-form label{color:#aaa1bb;gap:.32rem;font-size:.67rem;font-weight:750;display:grid}.automation-form input,.automation-form select,.automation-form textarea,.automation-item footer input{color:#f7f3ff;background:#100c20;border:1px solid #3a2d5d;border-radius:.56rem;outline:0;width:100%;padding:.68rem .72rem;font-size:.72rem;transition:all .17s}.automation-form textarea{resize:vertical;min-height:92px}.automation-form input:focus,.automation-form select:focus,.automation-form textarea:focus,.automation-item footer input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.automation-form label small{color:#7f7692;font-size:.58rem}.automation-form .form-columns{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.automation-form .check-line{align-items:center;gap:.5rem;display:flex}.automation-form .check-line input{accent-color:#8b5cf6;width:1rem;height:1rem}.automation-form form>button{color:#fff;background:#8b5cf6;border-radius:.58rem;padding:.74rem;font-size:.73rem;font-weight:850;transition:all .17s}.automation-form form>button:hover{background:#9b70f7;transform:translateY(-1px);box-shadow:0 9px 24px #4c2a9461}.automation-list>header{justify-content:space-between;align-items:center;display:flex}.automation-list>header p{color:#8d849f;margin-top:.2rem;font-size:.67rem}.automation-list>header>svg{color:#a78bfa}.automation-item{background:#120e24;border:1px solid #30264d;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;margin-top:.75rem;padding:.9rem;transition:all .17s;display:grid}.automation-item:hover{background:#19132f;border-color:#503b80}.automation-item strong{font-size:.78rem;display:block}.automation-item small{color:#8c839c;margin-top:.2rem;font-size:.61rem;display:block}.automation-item p{color:#c1b9ce;margin-top:.55rem;font-size:.68rem}.automation-item code{color:#a78bfa;margin-top:.42rem;font-size:.59rem;display:block}.automation-item>span{color:#c6adff;background:#392b61;border-radius:999px;align-self:start;padding:.24rem .55rem;font-size:.58rem;font-weight:850}.automation-item>span.active{color:#34d399;background:#123b2a}.automation-item>span.paused{color:#fbbf24;background:#432d16}.automation-item footer{border-top:1px solid #2d2447;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.45rem;padding-top:.7rem;display:flex}.automation-item footer form{align-items:center;gap:.35rem;display:flex}.automation-item footer button,.automation-item footer a,.copy-ad-link{color:#d7cced;background:#211a3b;border:1px solid #3a2d5d;border-radius:.48rem;align-items:center;gap:.32rem;padding:.46rem .62rem;font-size:.62rem;font-weight:750;transition:all .16s;display:flex}.automation-item footer button:hover,.automation-item footer a:hover,.copy-ad-link:hover{color:#fff;background:#302452;border-color:#8b5cf6}.automation-item footer input{width:72px;padding:.43rem}.automation-item footer>small{margin-left:auto}.automation-item>div code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1000px){.automation-grid{grid-template-columns:1fr}.automation-form{max-width:none}}@media (max-width:600px){.automation-form .form-columns,.automation-item{grid-template-columns:1fr}.automation-item>span{justify-self:start}.automation-item footer>small{width:100%;margin-left:0}}
.workflow-buttons{background:#130f25;border:1px solid #3a2d5d;border-radius:.7rem;gap:.55rem;padding:.75rem;display:grid}.workflow-buttons legend{color:#d9cff0;padding:0 .35rem;font-size:.7rem;font-weight:850}.workflow-buttons>p{color:#857c96;font-size:.61rem;line-height:1.45}.workflow-buttons>div{grid-template-columns:90px 1fr 1.25fr 1.35fr;align-items:center;gap:.4rem;display:grid}.workflow-buttons>div strong{color:#a78bfa;font-size:.62rem}.workflow-buttons input{padding:.55rem}.workflow-action-buttons{gap:.42rem;margin-top:.65rem;display:grid}.workflow-action-buttons button,.workflow-action-buttons a{border:1px solid color-mix(in srgb,currentColor 30%,transparent);text-align:center;border-radius:.65rem;justify-content:center;align-items:center;width:100%;padding:.62rem .7rem;font-size:.73rem;font-weight:800;transition:transform .15s,filter .15s,box-shadow .15s;display:flex}.workflow-action-buttons button:hover,.workflow-action-buttons a:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px #00000024}.workflow-action-buttons button:disabled,.workflow-action-buttons a[aria-disabled=true]{cursor:wait;opacity:.55}@media (max-width:720px){.workflow-buttons>div{grid-template-columns:1fr}.workflow-buttons>div strong{margin-top:.25rem}}
.workflow-editor-card{background:#18132d;border-color:#332750;margin-top:1rem;padding:1rem}.workflow-editor-card>header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.workflow-editor-card>header h2{font-size:1rem;font-weight:850}.workflow-editor-card>header p{color:#8d849f;margin-top:.2rem;font-size:.67rem}.workflow-editor-card>header svg{color:#a78bfa}.workflow-editor-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:1rem;display:grid}.workflow-config-form{gap:.72rem;display:grid}.workflow-preview{background:#100c20;border:1px solid #3a2d5d;border-radius:.9rem;padding:.75rem;position:sticky;top:1rem}.workflow-preview>header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.workflow-preview>header strong,.workflow-preview>header small{display:block}.workflow-preview>header strong{font-size:.75rem}.workflow-preview>header small{color:#847b95;margin-top:.12rem;font-size:.58rem}.workflow-preview>header button{color:#a78bfa;border:1px solid #392c5b;border-radius:.45rem;place-items:center;width:1.9rem;height:1.9rem;display:grid}.workflow-phone{background:#f6f7fb;border:5px solid #29213d;border-radius:1.25rem;min-height:490px;overflow:hidden;box-shadow:0 18px 45px #0000004d}.workflow-phone-header{align-items:center;gap:.55rem;padding:.85rem;font-size:.72rem;font-weight:800;display:flex}.workflow-phone-header i{background:#ffffff40;border-radius:50%;width:1.8rem;height:1.8rem}.workflow-phone-chat{flex-direction:column;gap:.65rem;padding:.8rem;display:flex}.preview-system{color:#252035;background:#fff;border-radius:.85rem;align-self:flex-start;width:min(90%,300px);padding:.75rem;box-shadow:0 4px 14px #150f281a}.preview-system>p{white-space:pre-wrap;font-size:.72rem;line-height:1.5}.preview-system>button{border:1px solid;border-radius:.55rem;justify-content:space-between;align-items:center;width:100%;margin-top:.42rem;padding:.52rem .6rem;font-size:.66rem;font-weight:800;display:flex}.preview-system>button small{opacity:.65;font-size:.5rem}.preview-visitor{border-radius:.85rem;align-self:flex-end;max-width:82%;padding:.58rem .7rem;font-size:.7rem}.workflow-library{margin-top:1rem}.automation-item strong i{color:#bda5f7;background:#302451;border-radius:999px;margin-left:.25rem;padding:.15rem .35rem;font-size:.52rem;font-style:normal}.automation-item>span.archived{color:#8d8797;background:#292535}.automation-item footer button.danger{color:#fb7185}.automation-item footer button.danger:hover{background:#421d2a;border-color:#b83255}@media (max-width:1050px){.workflow-editor-layout{grid-template-columns:1fr}.workflow-preview{position:static}.workflow-phone{min-height:420px}}@media (max-width:600px){.workflow-editor-card{padding:.75rem}.workflow-phone{min-height:380px}}
.tree-node{background:#110d22;border:1px solid #443369;border-radius:.8rem;gap:.65rem;padding:.75rem;display:grid}.tree-node.depth-2,.tree-node.depth-3,.tree-node.depth-4{background:#17112b;border-left:3px solid #8b5cf6}.tree-branches{gap:.6rem;display:grid}.tree-branches>article{background:#19142e;border:1px solid #352950;border-radius:.65rem;padding:.65rem}.tree-branches article>header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.tree-branches article>header strong{color:#bda7ef;font-size:.64rem}.tree-branches article>header button{color:#fb7185;border-radius:.4rem;place-items:center;width:1.7rem;height:1.7rem;display:grid}.tree-button-fields{grid-template-columns:.8fr 1fr 1.25fr;gap:.4rem;display:grid}.tree-node button.add-next,.tree-node button.add-branch,.tree-node button.remove-next{color:#c6adff;background:#21193b;border:1px dashed #604a91;border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;margin-top:.5rem;padding:.5rem;font-size:.62rem;font-weight:750;display:flex}.tree-node button.remove-next{color:#fb9bad;background:#321a29;border-color:#674052;margin-left:auto}.nested-node{margin-top:.6rem}.workflow-preview .preview-options{padding:.55rem}.workflow-preview .preview-options:empty{display:none}@media (max-width:850px){.tree-button-fields{grid-template-columns:1fr}}
.tree-button-fields{grid-template-columns:1fr;gap:.7rem;display:grid}.tree-field{background:#120e24;border:1px solid #3b2e5b;border-radius:.7rem;gap:.35rem;padding:.65rem;display:grid}.tree-field>span{color:#d8cbf5;font-size:.66rem;font-weight:800}.tree-field>small{color:#887d9e;font-size:.57rem;line-height:1.45}.tree-field input,.tree-field textarea{width:100%}.tree-field textarea{resize:vertical;min-height:6.5rem;line-height:1.5}.tree-field-response>small{justify-self:end}.tree-button-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.65rem;display:grid}.workflow-action-buttons button,.workflow-action-buttons a{text-align:left;border-width:1px;border-radius:.8rem;justify-content:space-between;gap:.8rem;min-height:2.85rem;padding:.72rem .85rem;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff29}.workflow-action-buttons b{background:#ffffff29;border-radius:999px;flex:none;place-items:center;width:1.55rem;height:1.55rem;font-size:.9rem;display:grid}.workflow-action-buttons--widget{grid-template-columns:1fr;gap:.45rem;width:min(20rem,100vw - 4rem);margin-top:.7rem;display:grid}.workflow-action-buttons--widget[data-option-count="2"],.workflow-action-buttons--widget[data-option-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-action-buttons--widget button,.workflow-action-buttons--widget a{text-align:center;touch-action:manipulation;border-radius:999px;justify-content:center;gap:.35rem;min-width:0;min-height:2.75rem;padding:.55rem .7rem;font-size:.7rem;line-height:1.2;box-shadow:0 5px 14px #00000029,inset 0 1px #ffffff2e}.workflow-action-buttons--widget span{overflow-wrap:anywhere;min-width:0}.workflow-action-buttons--widget b{background:0 0;width:auto;height:auto;font-size:1rem;line-height:1;display:inline}@media (max-width:390px){.workflow-action-buttons--widget{width:min(18rem,100vw - 3.5rem)}}.workflow-preview .preview-options button{text-align:left;border:1px solid;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.7rem;width:100%;padding:.68rem .75rem;transition:transform .15s,filter .15s;display:flex;box-shadow:0 7px 18px #0000002b,inset 0 1px #ffffff29}.workflow-preview .preview-options button:hover{filter:brightness(1.08);transform:translateY(-1px)}.workflow-preview .preview-options button span{gap:.1rem;font-weight:800;display:grid}.workflow-preview .preview-options button small{color:inherit;opacity:.72;font-size:.52rem;font-weight:600}@media (max-width:900px){.tree-button-actions{grid-template-columns:1fr}}.workflow-block-heading{justify-content:space-between;align-items:end;gap:.5rem;display:flex}.workflow-block-heading strong{color:#f4efff;font-size:.75rem}.workflow-block-heading small{color:#8f84a5;font-size:.58rem}.workflow-block-list{gap:.55rem;display:grid}.workflow-content-block{background:#17112b;border:1px solid #3b2e5b;border-left:3px solid #8b5cf6;border-radius:.72rem;gap:.5rem;padding:.65rem;display:grid}.workflow-content-block.wait{border-left-color:#f59e0b}.workflow-content-block.image{border-left-color:#22c55e}.workflow-content-block>header{justify-content:space-between;align-items:center;margin:0;display:flex}.workflow-content-block>header span,.workflow-content-block>header nav{align-items:center;gap:.35rem;display:flex}.workflow-content-block>header span{color:#cbb8fa;font-size:.63rem;font-weight:850}.workflow-content-block>header button{color:#aaa0bd;border:1px solid #43345f;border-radius:.4rem;place-items:center;width:1.7rem;height:1.7rem;display:grid}.workflow-content-block>header button:disabled{opacity:.25}.workflow-content-block textarea{resize:vertical;width:100%}.workflow-content-block>small{color:#827792;justify-self:end;font-size:.55rem}.workflow-content-block.wait label{color:#c8bdd9;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.workflow-content-block.wait input{width:6rem}.workflow-image-picker{cursor:pointer;background:#201738;border:1px dashed #5d477f;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;padding:.9rem;color:#c8afff!important;display:flex!important}.workflow-image-picker input{display:none}.uploaded-image-name{color:#72e59a;font-size:.64rem}.add-workflow-block{border:1px dashed #493764;border-radius:.65rem;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem;display:flex}.add-workflow-block span{color:#8f84a5;margin-right:auto;font-size:.59rem}.add-workflow-block button{color:#cdb8ff;background:#21183a;border:1px solid #493764;border-radius:.48rem;align-items:center;gap:.3rem;padding:.45rem .6rem;font-size:.6rem;font-weight:750;display:flex}.workflow-phone-chat .preview-delay{color:#9e93b2;background:#2b2340;border-radius:999px;align-self:center;padding:.25rem .55rem;font-size:.52rem;font-weight:750}.workflow-phone-chat .preview-image{color:#bba4ed;background:linear-gradient(145deg,#2a2044,#171228);justify-items:center;gap:.3rem;min-height:5rem;display:grid}.workflow-phone-chat .preview-image strong{font-size:.58rem}.workflow-phone-chat .preview-image p{color:#e6ddf7}.workflow-content-block.audio{border-left-color:#e879f9}.workflow-audio-picker{background:#2d1835;border-color:#7b3f83;color:#f0abfc!important}.uploaded-media-name{color:#f0abfc;grid-template-columns:auto 1fr;align-items:center;gap:.3rem;font-size:.64rem;display:grid}.uploaded-media-name small{color:#9f93ad;grid-column:2;font-size:.56rem}.preview-audio{grid-template-columns:1.8rem 1fr;align-items:center;gap:.4rem;min-width:10rem;display:grid}.preview-audio button{color:#fff;background:#8b5cf6;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;display:grid}.preview-audio span{align-items:center;gap:.14rem;display:flex}.preview-audio i{background:#a78bfa;border-radius:999px;width:.16rem;height:.75rem}.preview-audio i:nth-child(2),.preview-audio i:nth-child(4){height:1rem}.preview-audio small{color:#9e93b2;grid-column:2;font-size:.5rem}.workflow-phone-chat .preview-audio{grid-template-columns:1fr;gap:.35rem;width:min(100%,17rem);display:grid}.workflow-phone-chat .preview-audio audio{width:100%;height:2.4rem;display:block}.workflow-phone-chat .preview-audio p{color:#cfc5df;margin:0;font-size:.58rem;line-height:1.4}.workflow-phone-chat .preview-audio small{color:#9e93b2;grid-column:auto;font-size:.5rem}
.add-workflow-block .add-button-block{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#8b5cf6;box-shadow:0 6px 16px #7c3aed47}.tree-branches{margin-top:.15rem}.tree-branches>article>header strong{align-items:center;gap:.35rem;display:flex}.tree-button-destination select{width:100%}.tree-button-actions{grid-template-columns:1fr}.tree-field-response{background:#17112b;border-color:#4d3975}.tree-field-link small{align-items:center;gap:.3rem;display:flex}.nested-node{border-left:2px solid #8058d8;padding-left:.65rem}
.flow-library-header,.flow-builder-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.new-flow-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#9b5cf6);border-radius:.65rem;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.72rem;font-weight:850;display:flex;box-shadow:0 10px 26px #7c3aed47}.flow-search{color:#8d83a2;background:#19142f;border:1px solid #342750;border-radius:.65rem;align-items:center;gap:.55rem;margin-top:1rem;padding:0 .75rem;display:flex}.flow-search input{color:#fff;background:0 0;outline:0;width:100%;padding:.75rem 0;font-size:.72rem}.flow-filters{gap:.45rem;margin:.7rem 0;display:flex}.flow-filters a{color:#b8aec9;background:#17122a;border:1px solid #392d58;border-radius:.55rem;align-items:center;gap:.38rem;padding:.48rem .72rem;font-size:.62rem;font-weight:800;display:flex}.flow-filters a.active{color:#fff;background:#8053e7;border-color:#8b5cf6}.flow-filters b{background:#ffffff20;border-radius:999px;padding:.08rem .3rem}.flow-filters i,.status-dot{border-radius:50%;width:.42rem;height:.42rem}.flow-filters i.green,.status-dot.active{background:#22c55e}.flow-filters i.violet,.status-dot.draft{background:#a78bfa}.flow-filters i.amber,.status-dot.paused{background:#f59e0b}.status-dot.archived{background:#64748b}.flow-library-shell{background:#18132e;border:1px solid #342850;border-radius:.75rem;grid-template-columns:220px minmax(0,1fr);display:grid;overflow:hidden}.flow-library-shell>aside{border-right:1px solid #342850;padding:.8rem}.flow-library-shell>aside small{color:#968aaa;font-size:.57rem;font-weight:800}.flow-library-shell>aside button{color:#fff;background:#8656ed;border-radius:.5rem;align-items:center;gap:.45rem;width:100%;margin-top:.6rem;padding:.6rem;font-size:.66rem;font-weight:800;display:flex}.flow-table>header,.flow-row{grid-template-columns:minmax(250px,1.5fr) 120px 90px 150px 150px;align-items:center;gap:.7rem;padding:.7rem 1rem;display:grid}.flow-table>header{color:#998dab;border-bottom:1px solid #33274e;font-size:.55rem;font-weight:850}.flow-row{border-bottom:1px solid #302547;min-height:68px;transition:all .16s}.flow-row:hover{background:#211936}.flow-row>div:first-child{align-items:center;gap:.65rem;display:flex}.flow-row strong{font-size:.7rem;display:block}.flow-row small{color:#8f849f;margin-top:.18rem;font-size:.55rem;display:block}.flow-status{border:1px solid #3a3150;border-radius:.35rem;justify-self:start;padding:.25rem .4rem;font-size:.52rem;font-weight:900}.flow-status.active{color:#37df97;background:#103525;border-color:#176842}.flow-status.draft{color:#c5abff;background:#2b204b;border-color:#58408e}.flow-status.paused{color:#fbbf24;background:#3c2b14;border-color:#765320}.flow-block-count{color:#c6aff9;align-items:center;gap:.3rem;font-size:.65rem;display:flex}.flow-activity{color:#b7aec6;font-size:.58rem}.flow-row footer{gap:.3rem;display:flex}.flow-row footer form{display:flex}.flow-row footer a,.flow-row footer button{color:#c8b9e3;background:#211a38;border:1px solid #3b2e5c;border-radius:.4rem;place-items:center;width:1.9rem;height:1.9rem;display:grid}.flow-row footer a:hover,.flow-row footer button:hover{color:#fff;border-color:#8b5cf6}.flow-row footer .danger{color:#fb7185}.flow-empty{color:#8e82a1;justify-items:center;gap:.4rem;padding:4rem;display:grid}.flow-empty strong{color:#ddd3ed}.flow-empty p{font-size:.65rem}.flow-builder-topbar{z-index:2;background:#100d20;border:1px solid #35294f;border-radius:.65rem;padding:.7rem .8rem;position:relative}.flow-builder-topbar>a:first-child{color:#c8bbdc;border-radius:.45rem;place-items:center;width:2rem;height:2rem;display:grid}.flow-builder-topbar>div{margin-right:auto}.flow-builder-topbar span{color:#8e849c;font-size:.55rem;display:block}.flow-builder-topbar strong{font-size:.82rem}.builder-library-link{color:#d9ccef;background:#211936;border:1px solid #41315f;border-radius:.5rem;padding:.55rem .75rem;font-size:.62rem;font-weight:800}.flow-canvas{background-color:#17122d;background-image:radial-gradient(#4a3b70 1px,#0000 1px);background-size:20px 20px;border:1px solid #342950;border-radius:.75rem;min-height:720px;margin-top:.65rem;padding:5.5rem 1rem 1rem;position:relative}.canvas-start-node{color:#fff;background:linear-gradient(135deg,#19b95f,#149549);border:1px solid #21a860;border-bottom:3px solid #22c55e;border-radius:.65rem;grid-template-columns:auto 1fr;column-gap:.55rem;width:210px;padding:.65rem;display:grid;position:absolute;top:1.3rem;left:2rem;box-shadow:0 10px 25px #0004}.canvas-start-node i{border:1px solid #ffffff60;border-radius:50%;grid-row:1/3;place-items:center;width:2rem;height:2rem;display:grid}.canvas-start-node span{font-size:.67rem;font-weight:900}.canvas-start-node small{opacity:.78;font-size:.52rem}.flow-canvas .workflow-editor-card{background:#17122ddd;margin:0 0 0 1rem}.flow-canvas .workflow-editor-card>header{border-bottom:1px solid #3a2e55;padding-bottom:.75rem}.flow-canvas .workflow-config-form{background:#100d20;border:1px solid #352950;border-radius:.8rem;padding:.85rem}@media (max-width:1050px){.flow-library-shell{grid-template-columns:1fr}.flow-library-shell>aside{display:none}.flow-table{overflow-x:auto}.flow-table>header,.flow-row{min-width:820px}.flow-canvas{padding:5.5rem .5rem .5rem}.flow-canvas .workflow-editor-card{margin-left:0}}@media (max-width:650px){.flow-library-header{align-items:flex-start}.flow-filters{overflow-x:auto}.flow-builder-topbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}}
.visual-flow{background:#100d20;border:1px solid #3c2f5d;border-radius:.9rem;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000038}.workflow-builder-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.workflow-builder-header>nav{align-items:center;gap:.5rem;display:flex}.workflow-builder-header>nav button{color:#ddd1f1;background:#211737;border:1px solid #49366c;border-radius:.55rem;align-items:center;gap:.35rem;min-height:44px;padding:.5rem .7rem;font-size:.62rem;font-weight:800;display:flex}.workflow-builder-header>nav .workflow-save-trigger{color:#fff;background:linear-gradient(135deg,#7c3aed,#9565ed);border-color:#8b5cf6;box-shadow:0 8px 22px #7c3aed3d}.workflow-builder-header>nav button:hover,.workflow-builder-header>nav button:focus-visible{outline-offset:2px;border-color:#9c70f5;outline:2px solid #a78bfa}.visual-flow>header{background:#18132d;border-bottom:1px solid #352a50;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;display:flex}.visual-flow>header>div{align-items:center;gap:.65rem;display:flex}.visual-flow>header>div>span{color:#aa82ff;background:#2c2050;border-radius:.55rem;place-items:center;width:2rem;height:2rem;display:grid}.visual-flow>header strong,.visual-flow>header small{display:block}.visual-flow>header strong{font-size:.76rem}.visual-flow>header small{color:#aaa0bb;margin-top:.12rem;font-size:.58rem;line-height:1.4}.visual-flow>header>button{color:#d6c8ef;background:#211938;border:1px solid #49376d;border-radius:.6rem;align-items:center;gap:.4rem;min-height:44px;padding:.55rem .75rem;font-size:.62rem;font-weight:800;display:flex}.visual-flow-view-switch{align-items:center;gap:.35rem;display:flex}.visual-flow-view-switch button{color:#bdb1cf;background:#211938;border:1px solid #49376d;border-radius:.6rem;align-items:center;gap:.35rem;min-height:44px;padding:.55rem .7rem;font-size:.62rem;font-weight:800;display:flex}.visual-flow-view-switch button.active{color:#fff;background:#8252e6;border-color:#9b6bff;box-shadow:0 6px 18px #7c3aed3d}.visual-flow-view-switch button:focus-visible{outline-offset:2px;outline:2px solid #c4a8ff}.visual-flow-tools{background:#120e24;border-bottom:1px solid #392b58;align-items:center;gap:.45rem;padding:.55rem .8rem;display:flex;overflow-x:auto}.visual-flow-tools>span{color:#9c91ad;text-transform:uppercase;letter-spacing:.08em;margin-right:.2rem;font-size:.57rem;font-weight:850}.visual-flow-tools button{color:#d9cdef;cursor:pointer;background:#211737;border:1px solid #49366c;border-radius:.55rem;flex:none;align-items:center;gap:.35rem;min-height:44px;padding:.5rem .65rem;font-size:.6rem;font-weight:800;transition:border-color .15s,background .15s;display:flex}.visual-flow-tools button:hover,.visual-flow-tools button:focus-visible{outline-offset:2px;background:#30204f;border-color:#9c70f5;outline:2px solid #a78bfa}.visual-flow-tools button:disabled{cursor:not-allowed;opacity:.4}.visual-flow-viewport{overscroll-behavior:contain;background-color:#151029;background-image:radial-gradient(#49386d 1px,#0000 1px);background-size:20px 20px;height:clamp(520px,68vh,760px);max-height:none;overflow:auto}.visual-flow-stage{isolation:isolate;min-width:100%;position:relative}.visual-flow-stage>svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.visual-flow-stage>svg path{fill:none;stroke:#8159d8;stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 5px #8159d847)}.visual-flow-node{touch-action:none;will-change:transform;background:linear-gradient(145deg,#21183a,#17112b);border:1px solid #4a376f;border-bottom:3px solid #8b5cf6;border-radius:.8rem;width:226px;height:138px;display:grid;position:absolute;top:0;left:0;box-shadow:0 14px 32px #00000059}.visual-flow-node.start{background:linear-gradient(145deg,#173d30,#12271f);border-color:#237f55 #237f55 #28ca7a}.visual-flow-node.text{background:linear-gradient(145deg,#172c54,#121c34);border-color:#315fae #315fae #3b82f6}.visual-flow-node.wait{background:linear-gradient(145deg,#392b16,#241d12);border-color:#8b6326 #8b6326 #f59e0b}.visual-flow-node.image{background:linear-gradient(145deg,#173b32,#122720);border-color:#28735b #28735b #22c58b}.visual-flow-node.audio{background:linear-gradient(145deg,#3b1d45,#24142c);border-color:#7b3f83 #7b3f83 #e879f9}.visual-flow-node.button{background:linear-gradient(145deg,#2d1d4d,#1d1532);border-color:#6742a7 #6742a7 #a855f7}.visual-flow-node.selected{border-color:#bd9aff;box-shadow:0 0 0 3px #8b5cf63d,0 18px 38px #0000006b}.visual-flow-drag{z-index:2;color:#a99cbd;cursor:grab;touch-action:none;border-radius:.55rem;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:.3rem;right:.3rem}.visual-flow-drag:active{cursor:grabbing}.visual-flow-drag:hover,.visual-flow-drag:focus-visible{color:#fff;outline-offset:-2px;background:#ffffff10;outline:2px solid #a78bfa}.visual-flow-content{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;width:100%;padding:.75rem 2.8rem .45rem .75rem;display:grid}.visual-flow-content:focus-visible{outline-offset:2px;border-radius:.75rem;outline:2px solid #c4a8ff}.visual-flow-icon{color:#fff;background:#7c3aed;border-radius:.55rem;place-items:center;width:2rem;height:2rem;display:grid}.visual-flow-node.start .visual-flow-icon{background:#16a765}.visual-flow-node.text .visual-flow-icon{background:#2563eb}.visual-flow-node.wait .visual-flow-icon{background:#b76e00}.visual-flow-node.image .visual-flow-icon{background:#059669}.visual-flow-node.audio .visual-flow-icon{background:#c026d3}.visual-flow-node.button .visual-flow-icon{background:#9333ea}.visual-flow-content strong,.visual-flow-content small{display:block}.visual-flow-content strong{color:#f7f3ff;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.visual-flow-content small{color:#b2a8c1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.56rem;line-height:1.4;display:-webkit-box;overflow:hidden}.visual-flow-node footer{color:#a69bb8;border-top:1px solid #ffffff12;align-items:center;gap:.5rem;margin-top:auto;padding:.4rem .7rem;font-size:.52rem;display:flex}.visual-flow-node footer span{background:#ffffff0b;border-radius:999px;padding:.2rem .4rem}.visual-flow-node footer button{color:#fff;background:#6d43c6;border-radius:.4rem;justify-content:center;align-items:center;gap:.18rem;min-width:44px;min-height:44px;margin-left:auto;padding:.25rem .38rem;font-size:.48rem;font-weight:800;display:flex}.visual-flow-node footer button:disabled{cursor:not-allowed;opacity:.35}.visual-flow-branch{color:#cfb9ff;text-overflow:ellipsis;white-space:nowrap;background:#201637;border:1px solid #4b376f;border-radius:999px;max-width:190px;padding:.2rem .48rem;font-size:.5rem;font-weight:750;position:absolute;top:-1.6rem;left:-.1rem;overflow:hidden}.tree-node{scroll-margin-block:5rem}.visual-flow-list{background:#151029;gap:.55rem;max-height:620px;padding:.85rem;display:grid;overflow-y:auto}.visual-flow-list>button{color:#ded6eb;text-align:left;background:#1c1632;border:1px solid #3d305c;border-radius:.75rem;grid-template-columns:1.7rem 2.25rem minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:64px;padding:.6rem .75rem;display:grid}.visual-flow-list>button:hover{background:#251b40;border-color:#7954bd}.visual-flow-list>button.selected{border-color:#a57cff;box-shadow:inset 3px 0 #8b5cf6,0 0 0 2px #8b5cf61f}.visual-flow-list>button>span{color:#a99dbc;background:#2c2342;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.58rem;font-weight:850;display:grid}.visual-flow-list>button>strong{min-width:0;font-size:.68rem}.visual-flow-list>button small{color:#a69bb8;text-overflow:ellipsis;white-space:nowrap;margin-top:.18rem;font-size:.56rem;font-weight:500;display:block;overflow:hidden}.visual-flow-list .visual-flow-icon{width:2.25rem;height:2.25rem}.visual-flow-list .visual-flow-icon.start{background:#16a765}.visual-flow-list .visual-flow-icon.text{background:#2563eb}.visual-flow-list .visual-flow-icon.wait{background:#b76e00}.visual-flow-list .visual-flow-icon.image{background:#059669}.visual-flow-list .visual-flow-icon.audio{background:#c026d3}.visual-flow-list .visual-flow-icon.button{background:#9333ea}.visual-node-editor{z-index:200;background:#17122a;border:1px solid #4c3970;border-radius:1rem;align-content:start;gap:.75rem;width:min(480px,100vw - 2rem);padding:.9rem;animation:.18s ease-out workflow-drawer-in;display:grid;position:fixed;top:1rem;bottom:1rem;right:1rem;overflow-y:auto;box-shadow:0 24px 80px #00000094}.visual-node-editor>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.visual-node-editor>header strong,.visual-node-editor>header small{display:block}.visual-node-editor>header strong{color:#f5f0ff;font-size:.76rem}.visual-node-editor>header small{color:#aaa0bb;margin-top:.15rem;font-size:.58rem}.visual-node-editor>header>button{color:#d9cdef;border:1px solid #4c3970;border-radius:.6rem;flex:none;place-items:center;width:44px;height:44px;display:grid}.visual-node-editor .tree-node{background:#100d20;border-color:#4c3970}.visual-node-editor .edit-next{color:#d6c3ff;background:#281d45;border:1px solid #5c4389;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;min-height:44px;margin-top:.55rem;font-size:.62rem;font-weight:800;display:flex}.visual-node-next-actions{padding:.75rem .9rem calc(.75rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17122af5;border-top:1px solid #433363;gap:.55rem;margin:.2rem -.9rem -.9rem;display:grid;position:sticky;bottom:-.9rem}.visual-node-next-actions>strong{color:#b6a9ca;text-transform:uppercase;letter-spacing:.08em;font-size:.58rem}.visual-node-next-actions>div{flex-wrap:wrap;gap:.4rem;display:flex}.visual-node-next-actions button{color:#ddcff5;background:#261b42;border:1px solid #503c75;border-radius:.55rem;align-items:center;gap:.35rem;min-height:44px;padding:.5rem .65rem;font-size:.6rem;font-weight:800;display:flex}.visual-node-next-actions button:hover,.visual-node-next-actions button:focus-visible{outline-offset:2px;background:#352354;border-color:#9b6bff;outline:2px solid #a78bfa}.visual-node-next-actions button:disabled{cursor:not-allowed;opacity:.4}.workflow-drawer-backdrop{z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05030d9e;border:0;position:fixed;inset:0}.visual-node-inspector,.workflow-settings-drawer,.workflow-preview-drawer{z-index:200;width:min(440px,100vw - 2rem);display:block;bottom:1rem;right:1rem;overflow-y:auto;box-shadow:0 24px 80px #00000094;background:#17122a!important;border:1px solid #4c3970!important;border-radius:1rem!important;margin:0!important;padding:.9rem!important;position:fixed!important;top:1rem!important}.visual-node-inspector{animation:.18s ease-out workflow-drawer-in}.visual-node-inspector>header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.visual-node-inspector>header strong,.visual-node-inspector>header small{display:block}.visual-node-inspector>header strong{color:#f5f0ff;font-size:.75rem}.visual-node-inspector>header small{color:#aaa0bb;margin-top:.18rem;font-size:.58rem}.visual-node-inspector>header>button,.workflow-settings-drawer>header>button{color:#d9cdef;border:1px solid #4c3970;border-radius:.55rem;flex:none;place-items:center;width:44px;height:44px;display:grid}.visual-node-inspector .tree-node{background:#100d20;border-color:#4c3970}.visual-node-inspector .edit-next{color:#d6c3ff;background:#281d45;border:1px solid #5c4389;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;min-height:44px;margin-top:.55rem;font-size:.62rem;font-weight:800;display:flex}.workflow-settings-drawer{display:none}.workflow-settings-drawer.open{align-content:start;animation:.18s ease-out workflow-drawer-in;display:grid}.workflow-settings-drawer>header{border-bottom:1px solid #3b2e59;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.7rem;display:flex}.workflow-settings-drawer>header strong,.workflow-settings-drawer>header small{display:block}.workflow-settings-drawer>header strong{font-size:.8rem}.workflow-settings-drawer>header small{color:#aaa0bb;margin-top:.18rem;font-size:.58rem}.workflow-settings-drawer>button:last-child{color:#fff;background:linear-gradient(135deg,#7c3aed,#9565ed);border-radius:.65rem;min-height:48px;margin:.35rem -.15rem -.9rem;font-weight:850;position:sticky;bottom:-.9rem;box-shadow:0 -10px 28px #17122a,0 8px 22px #7c3aed3d}.workflow-preview-drawer{width:min(390px,100vw - 2rem);animation:.18s ease-out workflow-drawer-in}.workflow-preview-drawer>header nav{gap:.4rem;display:flex}.workflow-preview-drawer>header nav button{width:44px;height:44px}@keyframes workflow-drawer-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (max-width:650px){.workflow-builder-header{align-items:flex-start}.workflow-builder-header>nav button{justify-content:center;width:44px;padding-inline:0;font-size:0}.visual-flow>header{flex-direction:column;align-items:flex-start}.visual-flow-view-switch{width:100%}.visual-flow-view-switch button{flex:1;justify-content:center}.visual-flow>header>button{flex:none}.visual-flow>header small{max-width:190px}.visual-flow-tools{padding-inline:.6rem}.visual-flow-viewport{height:min(62dvh,560px);max-height:none}.visual-flow-content{padding-left:.65rem}.flow-canvas .workflow-editor-card{padding:.65rem}.visual-node-editor{width:100%;max-height:min(84dvh,760px);padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));border-radius:1rem 1rem 0 0;animation-name:workflow-sheet-in;inset:auto 0 0}.visual-node-next-actions{margin-right:-.75rem;margin-bottom:calc(-.75rem - env(safe-area-inset-bottom));margin-left:-.75rem}.visual-node-inspector,.workflow-settings-drawer,.workflow-preview-drawer{width:100%;max-height:min(82dvh,720px);animation-name:workflow-sheet-in;bottom:0;left:0;right:0;padding:.75rem!important;padding-bottom:max(.75rem, env(safe-area-inset-bottom))!important;border-radius:1rem 1rem 0 0!important;top:auto!important}.visual-node-inspector>header{align-items:flex-start}}@keyframes workflow-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.visual-flow-node{will-change:auto}.visual-node-inspector,.workflow-settings-drawer.open,.workflow-preview-drawer{animation:none}}
.plan-features{background:#141026;border:1px solid #30264c;border-radius:.6rem;grid-column:1/-1;gap:.55rem;padding:.75rem;display:grid}.plan-features legend{color:#d8cdf2;padding:0 .3rem;font-size:.66rem;font-weight:850}.plan-features .check-line{align-items:center;gap:.55rem;min-height:44px;display:flex}.plan-features .check-line input{width:1rem;height:1rem}.plan-features>small{color:#887f99;font-size:.58rem;line-height:1.45}.simple-flow-editor{background:linear-gradient(145deg,#1c1531,#120e24);border:1px solid #3c2e60;border-radius:1rem;gap:1rem;padding:1rem;display:grid}.simple-flow-editor>header{border-bottom:1px solid #35294f;padding-bottom:.75rem}.simple-flow-editor>header strong,.simple-flow-editor>header small{display:block}.simple-flow-editor>header strong{color:#f4efff;font-size:.9rem}.simple-flow-editor>header small{color:#a095b2;margin-top:.25rem;font-size:.65rem}.simple-flow-editor>.tree-node{background:0 0;border:0;padding:0}@media (max-width:560px){.simple-flow-editor{border-radius:.8rem;padding:.75rem}.plan-features .check-line{font-size:.68rem}}
.widget-chat--messenger{--messenger-header:#075e54;--messenger-accent:#00a884;--messenger-surface:#efeae2;--messenger-received:#fff;--messenger-sent:#d9fdd3;color:#111b21}.widget-chat--messenger .widget-chat-header{min-height:4.5rem;box-shadow:0 1px #0000001f,0 5px 20px #00000017;background-color:var(--messenger-header)!important;color:#fff!important}.widget-chat--messenger .widget-chat-status:before{content:"";vertical-align:.02rem;background:#38d67a;border:1px solid #ffffffa6;border-radius:999px;width:.45rem;height:.45rem;margin-right:.35rem;display:inline-block}.widget-chat--messenger .widget-chat-canvas{background-color:var(--messenger-surface);background-image:linear-gradient(30deg,#ffffff38 12%,#0000 12.5% 87%,#ffffff38 87.5%),linear-gradient(150deg,#ffffff38 12%,#0000 12.5% 87%,#ffffff38 87.5%);background-position:0 0,18px 31px;background-size:36px 62px}.widget-chat--messenger .widget-welcome-message,.widget-chat--messenger .widget-message--agent,.widget-chat--messenger .widget-message--system{background:var(--messenger-received);border-radius:.3rem .9rem .9rem;position:relative;box-shadow:0 1px 1px #00000014}.widget-chat--messenger .widget-welcome-message,.widget-chat--messenger .widget-message{max-width:min(82%,32rem)}.widget-chat--messenger .widget-message--visitor{border-radius:.9rem .3rem .9rem .9rem;box-shadow:0 1px 1px #0000001a;background-color:var(--messenger-sent)!important;color:#111b21!important}.widget-chat--messenger .widget-message-meta{color:#667781;opacity:1;font-size:.61rem}.widget-chat--messenger .widget-message--visitor .widget-message-meta{color:#4f7169}.widget-chat--messenger .widget-chat-composer{background:#f0f2f5;border-top:0;gap:.45rem;box-shadow:0 -1px #00000014}.widget-typing-indicator{color:#667781;background:#f0f2f5;border-top:1px solid #00000012;flex:none}.widget-chat--messenger .widget-typing-indicator{color:#008069}.widget-chat--messenger .widget-chat-composer>input{background:#fff;border-radius:999px}.widget-chat--messenger .widget-chat-composer>label,.widget-chat--messenger .widget-chat-composer>button{border-radius:999px;flex:none;place-items:center;width:2.85rem;height:2.85rem;padding:0;display:grid}.widget-chat--messenger .widget-chat-composer>label{box-shadow:0 1px 2px #00000017;color:#54656f!important;background:#fff!important}.widget-chat--messenger .widget-chat-composer>button{box-shadow:0 2px 6px #00000029;background:var(--messenger-accent)!important;color:#fff!important}.widget-chat--messenger .workflow-action-buttons--widget{gap:.5rem;width:min(22rem,100vw - 3.25rem)}.widget-chat--messenger .workflow-action-buttons--widget button,.widget-chat--messenger .workflow-action-buttons--widget a{background-image:none;border-radius:.65rem;font-size:.72rem;font-weight:850;box-shadow:0 2px 6px #0000001a;color:#008069!important;background-color:#fff!important;border-color:#d4d9dc!important}.widget-chat--messenger .workflow-action-buttons--widget button:hover,.widget-chat--messenger .workflow-action-buttons--widget a:hover{background-color:#f0f2f5!important}.widget-chat--messenger .workflow-action-buttons--widget button:focus-visible,.widget-chat--messenger .workflow-action-buttons--widget a:focus-visible{outline:3px solid color-mix(in srgb, currentColor 55%, white);outline-offset:2px}@media (prefers-reduced-motion:reduce){.widget-chat .workflow-action-buttons--widget button,.widget-chat .workflow-action-buttons--widget a{transition:none}}