.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#0d1424;color:#dce5f3;padding:20px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:4px 8px 24px}.brandMark{width:38px;height:38px;border-radius:11px;background:var(--primary);display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff}.brand b,.operator b{display:block}.brand small,.operator small{color:#8593aa;font-size:11px}.brand b{font-size:17px}.brand small{display:block;margin-top:2px}nav{display:grid;gap:5px}nav button,.queue{border:0;background:transparent;text-align:left;cursor:pointer}nav button{color:#8e9bb0;border-radius:9px;padding:11px 12px;font-size:13px;display:flex;gap:11px;align-items:center}nav button span{width:19px;text-align:center;font-size:15px}nav button:hover,nav button.active{background:#18233a;color:#fff}.sideFoot{margin-top:auto;border-top:1px solid #202a3d;padding:16px 8px 2px;color:#8e9bb0;font-size:12px}.dot{display:inline-block;width:8px;height:8px;background:#566174;border-radius:50%;margin-right:8px}.dot.on{background:#2fd38b;box-shadow:0 0 0 3px #2fd38b20}main{min-width:0;display:flex;flex-direction:column;background:#f6f8fc}header{height:76px;background:#fff;border-bottom:1px solid #e6eaf0;padding:0 24px;display:flex;align-items:center;justify-content:space-between}header h1{font-size:18px;margin:0;color:#182235}header p{font-size:12px;color:#8a96a8;margin:4px 0 0}.operator{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#e7edff;color:var(--primary);display:grid;place-items:center;font-weight:700}.attendance{display:grid;grid-template-columns:260px minmax(320px,1fr) 290px;flex:1;min-height:calc(100vh - 76px)}.queues,.customer{background:#fff}.queues{border-right:1px solid #e5e9ef;padding:17px 12px}.customer{border-left:1px solid #e5e9ef;padding:17px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px;font-size:12px;color:#566277}.sectionTitle span{background:#edf1f7;border-radius:10px;padding:2px 7px;font-size:10px}.queue{display:grid;grid-template-columns:25px 1fr auto;align-items:center;width:100%;padding:10px 8px;border-radius:8px;color:#556177}.queue:hover{background:#f4f7fb}.queue em{font-style:normal;font-size:12px}.queue strong{font-size:10px;background:#edf1f7;padding:2px 6px;border-radius:10px}.divider{height:1px;background:#edf0f4;margin:12px 4px 17px}.emptyList,.emptyCustomer,.conversation,.placeholder{text-align:center;color:#8b96a7}.emptyList{padding:35px 15px}.emptyList div{font-size:24px;opacity:.4}.emptyList p,.emptyCustomer p{font-size:12px;color:#596579;margin:10px 0 4px}.emptyList small,.emptyCustomer small{font-size:11px;line-height:1.5}.conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.blankIcon{width:62px;height:62px;border-radius:20px;background:#eaf0ff;color:var(--primary);display:grid;place-items:center;font-size:25px}.conversation h2{font-size:17px;color:#344054;margin:16px 0 6px}.conversation p{font-size:12px;max-width:350px;line-height:1.6}.hint{font-size:11px;color:var(--primary);background:#eef3ff;padding:7px 10px;border-radius:7px;margin-top:6px}.emptyCustomer{padding:80px 10px}.emptyCustomer>span{font-size:34px;opacity:.35}.content{padding:26px;max-width:1100px;width:100%}.contentHead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.contentHead h2{font-size:17px;margin:0 0 5px}.contentHead p,.channel p,.infoBox p,.placeholder p{font-size:12px;color:#7c8899;line-height:1.6;margin:0}.primary,.channel button{border:0;cursor:pointer;border-radius:8px}.primary{background:var(--primary);color:#fff;padding:10px 14px;font-weight:650}.channelGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.channel{background:#fff;border:1px solid #e3e8ef;border-radius:13px;padding:20px}.channelTop,.channelBottom{display:flex;justify-content:space-between;align-items:center}.channelIcon{width:38px;height:38px;border-radius:10px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;font-weight:700}.badge{font-size:10px;padding:4px 8px;border-radius:10px;background:#e7f8ef;color:#198754}.badge.warn{background:#fff4df;color:#ad6a00}.channel h3{font-size:14px;margin:15px 0 7px}.channel p{min-height:58px}.channelBottom{border-top:1px solid #edf0f4;margin-top:15px;padding-top:14px}.status{font-size:11px;color:#8490a0}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b1bac6;margin-right:6px}.channel button{background:#f0f4fb;color:var(--primary);padding:7px 11px;font-size:11px}.infoBox{margin-top:17px;border:1px solid #dfe6f5;background:#f8faff;border-radius:11px;padding:15px}.infoBox b{font-size:12px}.infoBox p{margin-top:5px}.placeholder{background:#fff;border:1px solid #e4e8ee;border-radius:13px;padding:70px 25px}.placeholder span{font-size:28px;color:var(--accent)}.placeholder h2{font-size:17px;color:#344054}@media (max-width:950px){.attendance{grid-template-columns:220px 1fr}.customer{display:none}}@media (max-width:720px){.app{grid-template-columns:72px 1fr}.brand div,nav button:not(.active){font-size:0}.brand{padding-left:4px}.brandMark{width:36px}.sideFoot{font-size:0}.attendance{grid-template-columns:1fr}.queues{display:none}.channelGrid{grid-template-columns:1fr}.operator div{display:none}}.boot,.loginPage{min-height:100vh;display:grid;place-items:center;background:#f4f7fb}.boot{color:#6d788a;font-size:13px}.loginCard{width:min(390px,calc(100% - 32px));background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:30px}.loginBrand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.loginBrand b{display:block}.loginBrand small{display:block;color:#8a96a8;font-size:11px}.loginCard h1{font-size:22px;margin:0 0 6px}.loginCard>p{font-size:12px;color:#7c8899;margin:0 0 24px}.loginCard form{display:grid;gap:15px}.loginCard label{font-size:12px;font-weight:650;color:#465266}.loginCard input{display:block;width:100%;margin-top:6px;border:1px solid #dbe1e9;border-radius:8px;padding:11px 12px;font:inherit;outline:none}.loginCard input:focus{border-color:#5277e7;box-shadow:0 0 0 3px #5277e718}.loginCard .primary{width:100%;margin-top:3px}.loginCard .primary:disabled{opacity:.65}.loginError{font-size:11px;color:#b42318;background:#fff2f0;padding:9px;border-radius:7px}.loginFoot{display:block;text-align:center;color:#a0a8b5;margin-top:20px}.logout{border:0;background:#f2f5fa;color:#647187;border-radius:7px;padding:7px 9px;cursor:pointer;font-size:11px}.convItem{padding:10px 9px;border-bottom:1px solid #eef1f5}.convItem b,.convItem small{display:block}.convItem b{font-size:12px;color:#3e495b}.convItem small{font-size:10px;color:#8b96a7;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar input,.formPanel input,.composer input,.noteForm textarea,.chatActions select{border:1px solid #dbe1e9;border-radius:8px;padding:9px 10px;font:inherit;background:#fff}.toolbar input{min-width:300px}.toolbar button,.noteForm button,.chatActions button{border:0;background:#eef2f8;color:#48566d;border-radius:8px;padding:9px 11px;cursor:pointer}.split{display:grid;grid-template-columns:1fr 340px;gap:16px}.panel{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:17px}.panel h3{font-size:13px;margin:0 0 13px}.formPanel{display:grid;gap:12px}.formPanel label{font-size:11px;color:#5f6b7d}.formPanel input{display:block;width:100%;margin-top:5px}.row,.historyRow,.simpleItem{border-top:1px solid #edf0f4;padding:11px 2px}.row{display:flex;justify-content:space-between}.row b,.row small{display:block}.row b{font-size:12px}.row small,.muted{font-size:11px;color:#8b96a7}.historyRow{display:grid;grid-template-columns:1fr 150px 130px;gap:12px;align-items:center;font-size:11px}.historyRow b,.historyRow small{display:block}.historyRow small{color:#8b96a7;margin-top:3px}.pill{background:#eef3ff;color:var(--primary);border-radius:10px;padding:4px 8px;text-align:center}.metricGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:16px}.metric strong{display:block;font-size:22px}.metric span{font-size:11px;color:#7d899a}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bigNumber{font-size:28px;font-weight:800;color:#344054}.convItem{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.convItem.selected{background:#eef3ff}.chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#f7f9fc}.chatHead{background:#fff;border-bottom:1px solid #e5e9ef;padding:12px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.chatHead b,.chatHead small{display:block}.chatHead small{color:#8a96a8;font-size:10px;margin-top:3px}.chatActions{display:flex;gap:6px}.messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:9px}.bubble{max-width:72%;background:#fff;border:1px solid #e4e8ef;border-radius:10px;padding:8px 10px;align-self:flex-start}.bubble.outbound{align-self:flex-end;background:#e9f0ff;border-color:#dce6ff}.bubble.internal{background:#fff7df;border-color:#f2e6bd}.bubble small{font-size:9px;color:#8b96a7}.bubble p{font-size:12px;margin:3px 0 0;white-space:pre-wrap}.composer{display:flex;gap:8px;background:#fff;border-top:1px solid #e5e9ef;padding:11px}.composer input{flex:1}.customerData{display:grid;gap:5px;font-size:11px;padding:5px 8px}.customerData b{font-size:13px}.customerData span{color:#778395}.note{background:#fff7df;border-radius:8px;padding:8px;margin:6px 0}.note b{font-size:10px}.note p{font-size:11px;margin:3px 0}.noteForm{display:grid;gap:6px}.noteForm textarea{min-height:70px;resize:vertical}.simpleItem{font-size:11px}@media (max-width:1000px){.metricGrid{grid-template-columns:repeat(2,1fr)}.split,.settingsGrid{grid-template-columns:1fr}.chatActions{flex-wrap:wrap}}@media (max-width:720px){.toolbar input{min-width:0;width:100%}.toolbar{flex-wrap:wrap}}.adminRow{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf0f4;padding:10px 0}.adminRow b,.adminRow small{display:block}.adminRow b{font-size:11px}.adminRow small{font-size:10px;color:#8994a4;margin-top:3px}.adminRow button,.miniForm button{border:0;background:#eef2f8;color:#536176;border-radius:7px;padding:7px 9px;cursor:pointer;font-size:10px}.miniForm{display:grid;gap:7px;margin-top:12px;border-top:1px solid #edf0f4;padding-top:12px}.miniForm input,.miniForm select,.miniForm textarea{width:100%;border:1px solid #dbe1e9;border-radius:7px;padding:8px 9px;font:inherit;font-size:11px;background:#fff}.miniForm textarea{min-height:65px;resize:vertical}.miniForm.inline{grid-template-columns:1fr auto;align-items:center}.tagChip{display:inline-block;font-size:9px;background:#eef3ff;color:var(--primary);padding:4px 7px;border-radius:9px;margin:3px}.miniForm .primary{color:#fff;background:var(--primary)}.channelSetup{margin-top:18px}.channelSetup code{background:#eef2f7;padding:2px 5px;border-radius:4px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.formGrid label{font-size:11px;color:#5d697a}.formGrid input{display:block;width:100%;margin-top:5px;border:1px solid #dbe1e9;border-radius:7px;padding:9px;font:inherit}.formGrid .wide{grid-column:1/-1}.formActions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.formActions button{border:0;border-radius:7px;padding:8px 11px;cursor:pointer;background:#eef2f8;color:#526075}.formActions .primary{background:var(--primary);color:#fff}.qrBox{text-align:center;padding:18px}.qrBox img{display:block;width:250px;max-width:100%;margin:0 auto 10px;border:8px solid #fff;border-radius:8px}.qrBox b{font-size:12px}.qrPlaceholder{padding:30px;text-align:center;background:#f7f9fc;border:1px dashed #d8dee8;border-radius:9px;color:#8792a3;font-size:12px;margin-top:14px}@media (max-width:720px){.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}}.settingsWide{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;margin-bottom:16px}.botHead{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.switchLine{font-size:11px;font-weight:700;color:#344054}.botOptions{display:grid;gap:12px;margin-top:18px}.botOptions>label{display:flex;gap:9px;align-items:flex-start}.botOptions b,.botOptions small{display:block}.botOptions b{font-size:11px;color:#344054}.botOptions small{font-size:10px;color:#8b96a7;margin-top:3px;line-height:1.4}.selectLabel{display:grid;gap:6px;font-size:11px;color:#5f6b7d;margin-top:16px}.selectLabel select{border:1px solid #dbe1e9;border-radius:7px;padding:8px;background:#fff}.saveOk{font-size:10px;color:#198754;margin-right:auto}.hoursList{display:grid;gap:7px;margin-top:12px}.hourRow{display:grid;grid-template-columns:82px 72px 1fr 24px 1fr;gap:7px;align-items:center;font-size:10px}.hourRow b{font-size:10px}.hourRow input[type=time]{border:1px solid #dbe1e9;border-radius:7px;padding:7px}.hourRow label{white-space:nowrap}@media (max-width:950px){.settingsWide{grid-template-columns:1fr}.hourRow{grid-template-columns:70px 68px 1fr 20px 1fr}}.contextBlock{border-top:1px solid #edf0f4;margin-top:10px;padding-top:12px}.contextGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 8px}.contextGrid span{font-size:10px;color:#7d8999;background:#f7f9fc;border-radius:7px;padding:7px}.contextGrid b{display:block;color:#344054;font-size:11px;margin-top:2px}.notIntegrated{display:block;color:#a26a00;font-size:9px;padding:9px 8px 0}.composerTools{display:flex;gap:7px;align-items:center;background:#fff;padding:8px 11px 0}.composerTools select,.attachBtn{border:1px solid #dbe1e9;border-radius:7px;padding:7px 9px;background:#fff;color:#5b687a;font-size:10px}.attachBtn{cursor:pointer}.attachmentLink{display:block;margin-top:6px;font-size:10px;color:var(--primary);text-decoration:none}.tagManager{padding:0 4px}.tagChip.active{background:var(--primary);color:#fff}.tagChip{border:0;cursor:pointer}.auditPanel{grid-column:1/-1}.auditRow,.metricRow{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f4;padding:9px 0;font-size:10px}.auditRow b,.metricRow b{font-size:10px}.auditRow span,.auditRow small,.metricRow small,.metricRow span{color:#7f8b9b}.metricRow small{display:block;margin-top:2px}.dailyBars{display:flex;gap:7px;align-items:flex-end;min-height:120px;overflow-x:auto;padding:12px 4px}.dayBar{min-width:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.dayBar i{display:block;width:12px;background:var(--accent);border-radius:4px 4px 2px 2px}.dayBar span,.dayBar b{font-size:8px;color:#7d8999}.adminExtras{margin-top:16px}.channelError{display:block;margin-top:8px;color:#b42318;font-size:9px}.readiness{margin-top:16px}.readinessHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.readinessHead button{border:0;background:#eef2f8;color:#526075;border-radius:7px;padding:7px 9px;cursor:pointer}.readyRow{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #edf0f4;padding:9px 0}.readyRow b,.readyRow small{display:block}.readyRow b{font-size:11px}.readyRow small{font-size:10px;color:#7f8a9a;margin-top:2px;word-break:break-word}.readyOk,.readyBad{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.readyOk{background:#e8f8ef;color:#198754}.readyBad{background:#fff0ee;color:#b42318}.settingsModule{padding:0;flex:1;min-height:calc(100vh - 76px);background:#f6f8fc}.settingsTop{padding:22px 26px 17px;background:#fff;border-bottom:1px solid #e5e9ef}.settingsTop h2{margin:0;font-size:18px;color:#1e293b}.settingsTop p{margin:5px 0 0;font-size:11px;color:#8792a3}.settingsLayout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 154px)}.settingsNav{background:#fff!important;color:#334155!important;padding:15px 12px!important;border-right:1px solid #e5e9ef;display:block!important}.settingsNavTitle{padding:7px 10px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;font-weight:700}.settingsNav button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px 10px;margin:2px 0;display:grid;grid-template-columns:24px 1fr;gap:7px;text-align:left;cursor:pointer;color:#667085}.settingsNav button:hover{background:#f4f6fa}.settingsNav button.active{background:#edf2ff;color:var(--primary)}.settingsNav button>span{font-size:14px;text-align:center;padding-top:1px}.settingsNav button b,.settingsNav button small{display:block}.settingsNav button b{font-size:11px;color:inherit}.settingsNav button small{font-size:9px;color:#98a2b3;margin-top:2px}.settingsBody{padding:24px 28px 40px;min-width:0;max-width:1120px}.settingsPageHead{margin-bottom:18px}.settingsPageHead h2{font-size:17px;margin:0;color:#243044}.settingsPageHead p{font-size:11px;line-height:1.55;color:#8894a5;margin:5px 0 0}.settingsCard,.settingsPage>.panel{background:#fff;border:1px solid #e3e8ef;border-radius:11px;padding:17px;margin-bottom:14px}.settingsCard h3{font-size:12px;margin:0 0 5px}.settingsCard>p,.settingsMuted{font-size:10px;color:#8b96a7;margin:0 0 13px}.settingsForm{display:grid;gap:12px}.settingsForm label{font-size:10px;font-weight:650;color:#596579}.settingsForm input,.settingsForm select,.settingsForm textarea,.settingsInline input{display:block;width:100%;margin-top:5px;border:1px solid #dce2ea;border-radius:7px;padding:9px 10px;background:#fff;font:inherit;font-size:11px}.settingsForm textarea{min-height:82px;resize:vertical}.settingsForm label small{display:block;color:#98a2b3;font-weight:400;margin-top:5px}.settingsFields.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settingsActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:3px}.settingsActions>span{margin-right:auto;color:#198754;font-size:10px}.settingsList{border-top:1px solid #edf0f4}.settingsList.compact{max-height:190px;overflow:auto}.settingsListRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid #edf0f4}.settingsListRow b,.settingsListRow small{display:block}.settingsListRow b{font-size:11px;color:#344054}.settingsListRow small{font-size:9px;color:#8c97a7;margin-top:2px}.settingsListRow time{font-size:9px;color:#98a2b3}.settingsStatus{font-size:9px;background:#eef3ff;color:var(--primary);padding:4px 7px;border-radius:9px}.settingsError{color:#b42318!important}.settingsEmpty{font-size:10px;color:#98a2b3;padding:14px 0}.settingsCards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settingsInline{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:11px}.settingsInline button,.settingsGhost{border:0;border-radius:7px;background:#eef2f8;color:#526176;padding:8px 10px;font-size:10px;cursor:pointer}.settingsTags{min-height:38px}.settingsTags span{display:inline-block;background:#eef3ff;color:var(--primary);padding:4px 7px;border-radius:9px;font-size:9px;margin:2px}.settingsUsersLayout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.roleCards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.roleCards>div{border:1px solid #e6eaf0;border-radius:8px;padding:10px;background:#fafbfc}.roleCards b,.roleCards small{display:block}.roleCards b{font-size:10px}.roleCards small{font-size:9px;color:#98a2b3;margin-top:3px}.settingsInfo{background:#f8fafc;border:1px solid #e7ebf0;border-radius:8px;padding:11px}.settingsInfo b,.settingsInfo span{display:block;font-size:10px}.settingsInfo span{color:#8994a4;margin-top:3px}.settingsPage .readiness{margin-top:0}.settingsPage .settingsWide{display:block}.settingsPage .karolinaPanel,.settingsPage .hoursList{margin-bottom:0}@media (max-width:1000px){.settingsLayout{grid-template-columns:210px minmax(0,1fr)}.settingsCards3,.settingsUsersLayout{grid-template-columns:1fr}}@media (max-width:720px){.settingsLayout{display:block}.settingsNav{display:flex!important;overflow-x:auto;border-right:0;border-bottom:1px solid #e5e9ef;padding:9px!important}.settingsNavTitle{display:none}.settingsNav button{min-width:150px}.settingsBody{padding:18px}.settingsFields.two,.roleCards{grid-template-columns:1fr}}.permissionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permissionGrid>label{display:flex;gap:8px;align-items:flex-start;border:1px solid #e6eaf0;border-radius:8px;padding:9px}.permissionGrid b,.permissionGrid small{display:block}.permissionGrid b{font-size:10px}.permissionGrid small{font-size:9px;color:#98a2b3;margin-top:2px}@media (max-width:720px){.permissionGrid{grid-template-columns:1fr}}.channelCompany{display:grid;gap:4px;font-size:10px;color:#667085}.channelCompany select{min-width:220px;border:1px solid #dbe1e9;border-radius:7px;padding:8px;background:#fff;font-size:11px}.companyChecks{display:grid;gap:6px;font-size:10px;color:#596579}.companyChecks>b{font-size:10px}.companyChecks label{display:flex;gap:7px;align-items:center;font-weight:400}.companyChecks input{width:auto;margin:0}:root{--primary:#315ee8;--accent:#557be5;--bg:#f6f8fc;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef2f8;--text:#172033;--text-2:#566277;--muted:#8b96a7;--border:#e3e8ef;--border-2:#edf0f4;--sidebar:#0d1424;--sidebar-hover:#18233a;--sidebar-text:#8e9bb0;--input:#fff;--bubble-out:#e9f0ff;--warning-bg:#fff7df}html[data-theme=dark]{--bg:#0b1020;--surface:#111827;--surface-2:#151d2d;--surface-3:#202b3d;--text:#e7edf7;--text-2:#b5c0d0;--muted:#7f8ca0;--border:#273349;--border-2:#202b3d;--sidebar:#080d18;--sidebar-hover:#172236;--sidebar-text:#9ba8bb;--input:#111827;--bubble-out:#17294a;--warning-bg:#302816;color-scheme:dark}body,main,.settingsModule,.chat{background:var(--bg);color:var(--text)}header,.queues,.customer,.chatHead,.composer,.composerTools,.settingsTop,.settingsNav,.channel,.panel,.placeholder,.loginCard,.settingsCard,.settingsPage>.panel,.metric{background:var(--surface)!important;color:var(--text)}aside{background:var(--sidebar);color:#dce5f3}nav button{color:var(--sidebar-text)}nav button:hover,nav button.active{background:var(--sidebar-hover)}header,.queues,.customer,.chatHead,.composer,.settingsTop,.settingsNav,.channel,.panel,.placeholder,.loginCard,.settingsCard,.settingsPage>.panel,.metric{border-color:var(--border)!important}.contentHead h2,.conversation h2,.placeholder h2,.settingsTop h2,.settingsPageHead h2,.settingsListRow b,.row b,.customerData b,.contextGrid b,.botOptions b,.settingsCard h3,.panel h3,.metric strong,.historyRow b,.channel h3,.loginCard h1,.settingsNav button b{color:var(--text)}.contentHead p,.channel p,.infoBox p,.placeholder p,.settingsTop p,.settingsPageHead p,.settingsCard>p,.settingsMuted,.settingsListRow small,.row small,.muted,.historyRow small,.customerData span,.contextGrid span,.botOptions small,.channelCompany,.settingsForm label,.selectLabel,.formPanel label,.formGrid label,.loginCard>p,.loginBrand small,.operator small{color:var(--muted)}input,select,textarea,.toolbar input,.formPanel input,.composer input,.noteForm textarea,.chatActions select,.miniForm input,.miniForm select,.miniForm textarea,.formGrid input,.selectLabel select,.settingsForm input,.settingsForm select,.settingsForm textarea,.settingsInline input,.channelCompany select,.composerTools select{background:var(--input)!important;color:var(--text)!important;border-color:var(--border)!important}.settingsListRow,.row,.historyRow,.simpleItem,.adminRow,.auditRow,.metricRow,.readyRow,.channelBottom,.contextBlock,.divider{border-color:var(--border-2)!important}.settingsNav button:hover{background:var(--surface-2)}.settingsNav button.active{background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}.primary,.formActions .primary,.miniForm .primary{background:var(--primary)!important;color:#fff!important}.channel button,.settingsGhost,.settingsInline button,.formActions button,.readinessHead button,.toolbar button,.noteForm button,.chatActions button,.adminRow button,.miniForm button{background:var(--surface-3);color:var(--text-2)}.channelIcon,.blankIcon,.hint,.pill,.settingsStatus,.settingsTags span,.tagChip{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.bubble{background:var(--surface);border-color:var(--border)}.bubble.outbound{background:var(--bubble-out);border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}.bubble.internal,.note{background:var(--warning-bg)}.infoBox,.qrPlaceholder,.settingsInfo,.roleCards>div,.permissionGrid>label,.contextGrid span{background:var(--surface-2);border-color:var(--border)}.loginPage,.boot{background:var(--bg)}.dayBar i{background:var(--accent)}.themeModes{display:flex;gap:10px}.themeModes button{flex:1;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:14px;cursor:pointer}.themeModes button.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.themePresets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.themePresets button{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:10px;cursor:pointer;color:var(--text);display:grid;grid-template-columns:20px 20px 1fr;gap:5px;align-items:center;text-align:left}.themePresets i{width:18px;height:18px;border-radius:50%}.themePresets span{font-size:10px}.colorField{display:grid;grid-template-columns:44px 1fr;gap:8px}.colorField input[type=color]{height:38px;padding:3px}.themePreview{border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--surface-2)}.themePreview>b{display:block;font-size:10px;margin-bottom:9px}.themePreviewBar{height:8px;border-radius:6px;background:linear-gradient(90deg,var(--primary),var(--accent));margin-bottom:12px}@media (max-width:800px){.themePresets{grid-template-columns:repeat(2,1fr)}}.app{display:block;min-height:100vh}.app>main{min-height:100vh}.appSidebar{position:fixed;inset:0 auto 0 0;width:230px;z-index:60;transform:translate(-102%);transition:transform .2s ease,box-shadow .2s ease}.sidebar-open .appSidebar{transform:translate(0);box-shadow:12px 0 32px #050c1838}.sidebarBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;border:0;background:#050a146b;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebarBackdrop.show{opacity:1;pointer-events:auto}.headerLeft{display:flex;align-items:center;gap:12px}.menuToggle{width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer}.menuToggle:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.sidebar-closed main,.sidebar-open main{margin-left:0;width:100%}@media (min-width:1100px){.sidebarBackdrop{background:#050a142e}}@media (max-width:720px){.app{display:block}.appSidebar{width:min(82vw,290px)}.brand div,.appSidebar nav button:not(.active){font-size:13px}.sideFoot{font-size:12px}.operator .avatar{display:none}header{padding:0 14px}.headerLeft{gap:8px}}.headerBrandCompact{display:flex;align-items:center;gap:8px}.headerBrandMark{width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 22%,transparent)}.headerDivider{width:1px;height:34px;background:var(--border);display:block;margin:0 2px}.headerPageTitle{min-width:0}.menuToggle{title:Menu principal}@media (max-width:720px){.headerBrandMark{width:31px;height:31px;font-size:14px}.headerDivider{height:30px}.headerLeft{gap:7px}}.brandMenuButton{height:38px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:0 12px;background:var(--surface-2);color:var(--text);cursor:pointer;transition:.18s ease;box-shadow:0 2px 8px #0f172a0a}.brandMenuButton:hover{background:color-mix(in srgb,var(--primary) 9%,var(--surface));border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.brandMenuButton b{font-size:13px;letter-spacing:-.01em}.brandMenuButton span{font-size:18px;line-height:1;color:var(--text-2)}.headerBrandCompact,.headerBrandMark,.menuToggle{display:none!important}@media (max-width:720px){.brandMenuButton{height:36px;padding:0 10px;gap:9px}.brandMenuButton b{font-size:12px}.brandMenuButton span{font-size:17px}}:root{font-family:var(--font-ui,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}body,.app,.app>main,main,.attendance,.chat,.settingsModule,.content{background:var(--bg)!important;color:var(--text)!important}header,.queues,.customer,.chatHead,.composer,.composerTools,.panel,.metric,.channel,.placeholder,.settingsTop,.settingsNav,.settingsCard,.settingsPage>.panel,.loginCard{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}header h1,.conversation h2,.placeholder h2,.channel h3,.panel h3,.settingsTop h2,.settingsPageHead h2,.settingsCard h3,.settingsListRow b,.row b,.historyRow b,.customerData b,.contextGrid b,.botOptions b,.metric strong,.bigNumber,.chatHead b,.sectionTitle b{color:var(--text)!important}header p,.contentHead p,.channel p,.infoBox p,.placeholder p,.settingsTop p,.settingsPageHead p,.settingsCard>p,.settingsMuted,.settingsListRow small,.row small,.historyRow small,.customerData span,.contextGrid span,.botOptions small,.muted,.operator small,.chatHead small,.metric span,.sectionTitle,.status,.emptyList,.emptyCustomer,.conversation{color:var(--muted)!important}.queues,.customer,.chatHead,.composer,.settingsTop,.settingsNav,.settingsCard,.panel,.channel,.placeholder,.metric,.row,.historyRow,.settingsListRow,.auditRow,.metricRow,.readyRow,.contextBlock,.divider,.channelBottom{border-color:var(--border)!important}.queue,.convItem{color:var(--text-2)!important}.queue:hover,.convItem.selected{background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important}.queue strong,.sectionTitle span{background:var(--surface-3)!important;color:var(--text-2)!important}.blankIcon,.channelIcon{background:color-mix(in srgb,var(--primary) 14%,var(--surface))!important;color:var(--primary)!important}.hint,.pill,.tagChip,.settingsStatus,.settingsTags span{background:color-mix(in srgb,var(--primary) 12%,var(--surface))!important;color:var(--primary)!important}input,select,textarea,.toolbar input,.formPanel input,.composer input,.noteForm textarea,.chatActions select,.miniForm input,.miniForm select,.miniForm textarea,.formGrid input,.selectLabel select,.settingsForm input,.settingsForm select,.settingsForm textarea,.settingsInline input,.channelCompany select,.composerTools select{background:var(--input)!important;color:var(--text)!important;border-color:var(--border)!important;font-family:var(--font-ui)!important}.brandMenuButton{background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 16px color-mix(in srgb,var(--primary) 26%,transparent)!important}.brandMenuButton b,.brandMenuButton span{color:#fff!important}.brandMenuButton:hover{filter:brightness(1.06);transform:translateY(-1px)}.avatar{background:color-mix(in srgb,var(--primary) 13%,var(--surface))!important;color:var(--primary)!important}.logout,.settingsGhost,.settingsInline button,.formActions button,.readinessHead button,.toolbar button,.noteForm button,.chatActions button,.adminRow button,.miniForm button,.attachBtn{background:var(--surface-3)!important;color:var(--text-2)!important;border-color:var(--border)!important}.infoBox,.qrPlaceholder,.settingsInfo,.roleCards>div,.permissionGrid>label,.contextGrid span,.themePreview,.themePresets button,.themeModes button{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}.channelSetup code{background:var(--surface-3)!important;color:var(--text)!important}.bubble{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.bubble.outbound{background:var(--bubble-out)!important;border-color:color-mix(in srgb,var(--primary) 24%,var(--border))!important}.bubble.internal,.note{background:var(--warning-bg)!important}.bubble p,.note p{color:var(--text)!important}.queueSection{padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--border-2)}.queueSection:last-of-type{border-bottom:0}.queue.selected{background:color-mix(in srgb,var(--primary) 11%,var(--surface))!important;color:var(--primary)!important}.queueConversation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid transparent;border-radius:9px;padding:5px;margin:5px 0;background:var(--surface)}.queueConversation:hover,.queueConversation.selected{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.queueConversationMain{border:0;background:transparent;text-align:left;min-width:0;padding:5px;cursor:pointer;color:var(--text)}.queueConversationMain b,.queueConversationMain small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queueConversationMain b{font-size:11px}.queueConversationMain small{font-size:9px;color:var(--muted);margin-top:3px}.attendBtn{border:0;border-radius:8px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:8px 10px;cursor:pointer}.attendBtn:hover{filter:brightness(1.06)}.karolinaApiHead p{font-size:10px;color:var(--muted);margin:4px 0 14px}.apiEndpoint{display:grid;gap:5px;font-size:10px;color:var(--text-2)}.apiEndpoint input{width:100%;border:1px solid var(--border);border-radius:7px;padding:9px;background:var(--input);color:var(--text)}.apiKeyReveal{margin:12px 0;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface));border-radius:9px}.apiKeyReveal b,.apiKeyReveal code,.apiKeyReveal small{display:block}.apiKeyReveal code{margin:8px 0;word-break:break-all;font-size:10px}.apiKeyReveal small{color:var(--muted);font-size:9px}.apiKeyReveal button{margin-top:8px;border:0;border-radius:7px;background:var(--primary);color:#fff;padding:7px 9px;cursor:pointer}.apiKeyCreate{margin:12px 0}.settingsGhost.danger{color:#b42318!important}.apiUsage{display:grid;gap:5px;margin-top:14px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}.apiUsage b{font-size:10px}.apiUsage code{font-size:9px;color:var(--text-2);word-break:break-all}.integrationMsg{font-size:10px;color:var(--text-2)}.subTabs{display:flex;gap:8px;margin-bottom:14px}.subTabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:8px;padding:8px 12px;font-size:10px;cursor:pointer}.subTabs button.active{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.assistantModule .selectLabel textarea{width:100%;min-height:78px;margin-top:6px;border:1px solid var(--border);border-radius:7px;background:var(--input);color:var(--text);padding:9px;font-family:var(--font-ui)}.automationHome,.automationSection{display:grid;gap:14px}.automationIntro{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.automationIntro h3,.automationPageHead h3,.automationSubTitle h3{margin:0 0 5px}.automationIntro p,.automationPageHead p,.automationSubTitle p{margin:0;color:var(--text-2);font-size:11px}.automationSummary{display:flex;gap:7px;flex-wrap:wrap}.automationSummary span,.statusDot,.providerState{font-size:10px;padding:5px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.automationSummary .ok,.statusDot.on,.providerState.connected{color:#15945c;background:#eaf8f1;border-color:#b9e8d1}.automationCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.automationCard{position:relative;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;min-height:340px}.automationCard.premium{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 5%,var(--surface)))}.automationCardTop{display:flex;justify-content:space-between;align-items:center;gap:8px}.planBadge{font-size:9px;font-weight:800;letter-spacing:.05em;padding:5px 7px;border-radius:6px}.includedBadge{color:#087451;background:#e8f8f1}.premiumBadge{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,white)}.automationIcon{margin-top:22px;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eaf8f1;color:#087451;font-size:18px}.premiumIcon{background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary)}.automationCard h3{font-size:18px;margin:13px 0 6px}.automationCard p{color:var(--text-2);font-size:11px;line-height:1.6}.automationCard ul{padding-left:18px;color:var(--text-2);font-size:11px;line-height:1.8}.automationAction{margin-top:auto;width:100%}.providerMini{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:10px;margin:5px 0 10px}.automationHint{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));font-size:11px}.automationHint span{color:var(--text-2)}.automationPageHead{display:flex;align-items:center;gap:14px}.automationConfigCard{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;gap:16px}.configLead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.configLead h3{margin:8px 0 4px}.configLead p{margin:0;color:var(--text-2);font-size:11px}.featureToggle{display:flex;gap:8px;align-items:center;font-weight:700;font-size:11px;white-space:nowrap}.fieldBlock{display:grid;gap:6px;font-size:11px;font-weight:700}.fieldBlock textarea{min-height:78px;border:1px solid var(--border);border-radius:8px;background:var(--input);color:var(--text);padding:10px;font-family:var(--font-ui)}.checkCard{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--border);border-radius:9px}.checkCard span,.botOptions label span{display:grid;gap:2px}.checkCard small,.botOptions small{color:var(--text-2);font-weight:400}.aiProviderStatus{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.aiProviderStatus div{display:grid;gap:2px}.automationSubTitle{padding:4px 2px}@media (max-width:850px){.automationCards{grid-template-columns:1fr}.automationIntro,.configLead{flex-direction:column}.automationSummary{justify-content:flex-start}}.aiConfig{gap:18px}.aiIdentityGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.aiDetailCard{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:15px;display:grid;gap:14px}.aiDetailHead{display:flex;gap:10px;align-items:flex-start}.aiDetailHead>div{display:grid;gap:3px}.aiDetailHead b{font-size:12px}.aiDetailHead small{color:var(--text-2);font-size:10px;line-height:1.45}.aiDetailIcon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);font-weight:800}.transferIcon{background:#eaf8f1;color:#087451}.modernField{display:grid;gap:6px}.modernField>span{font-size:10px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.035em}.modernField input,.modernField select{width:100%;height:42px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:0 12px;font-family:var(--font-ui);font-size:12px;outline:none;transition:.15s ease}.modernField input:focus,.modernField select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.modernField small{color:var(--text-2);font-size:9px;line-height:1.45}.assistantPreview{display:flex;gap:10px;align-items:center;padding:10px;border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.assistantAvatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;font-size:14px;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 22%,transparent)}.assistantPreview>div:last-child{display:grid;gap:2px}.assistantPreview b{font-size:11px}.assistantPreview span{font-size:9px;color:var(--text-2)}.aiOptionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.aiOptionCard{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:.15s ease}.aiOptionCard:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.aiOptionCard span{display:grid;gap:3px}.aiOptionCard b{font-size:10px}.aiOptionCard small{font-size:9px;color:var(--text-2);line-height:1.4}.aiSaveBar{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding-top:4px;border-top:1px solid var(--border)}@media (max-width:900px){.aiIdentityGrid,.aiOptionGrid{grid-template-columns:1fr}}.flowLibrary{display:grid;gap:14px}.flowLibraryHead{display:flex;justify-content:space-between;gap:12px;align-items:center}.flowLibraryHead h3{margin:0 0 4px}.flowLibraryHead p{margin:0;color:var(--text-2);font-size:11px}.flowCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.flowCard{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px;text-align:left;color:var(--text);cursor:pointer;display:grid;gap:8px;transition:.15s}.flowCard:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));transform:translateY(-1px)}.flowCardTop{display:flex;justify-content:space-between;gap:8px}.flowState,.importBadge{font-size:9px;padding:4px 7px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-2)}.flowState.on{background:#eaf8f1;border-color:#b9e8d1;color:#128456}.importBadge{background:color-mix(in srgb,var(--primary) 8%,white);color:var(--primary)}.flowCard small,.flowOpen{font-size:10px;color:var(--text-2)}.flowOpen{color:var(--primary);font-weight:700}.visualBuilder{display:grid;gap:10px}.builderTop{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.builderTitle,.builderActions{display:flex;align-items:center;gap:10px}.builderTitle h3{margin:0}.builderTitle p{margin:2px 0 0;color:var(--text-2);font-size:9px}.builderActions{flex-wrap:wrap}.zoomValue{font-size:10px;color:var(--text-2)}.builderBody{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:660px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.blockPalette{padding:12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:7px;background:var(--bg)}.blockPalette>b{font-size:11px}.blockPalette>small{font-size:9px;color:var(--text-2);margin-bottom:3px}.blockPalette button{display:flex;gap:8px;align-items:center;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:9px;text-align:left;font-size:10px;cursor:pointer}.blockPalette button:hover{border-color:var(--primary);color:var(--primary)}.blockPalette button span{width:20px;text-align:center}.canvasViewport{overflow:auto;position:relative;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--border) 75%,transparent) 1px,transparent 1px);background-size:18px 18px}.flowCanvas{position:relative;min-width:100%;min-height:100%}.edgeLayer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flowEdge{fill:none;stroke:color-mix(in srgb,var(--primary) 50%,#8490a3);stroke-width:2}.edgeDot{fill:var(--surface);stroke:var(--primary);stroke-width:2}.edgeLabel{font-size:9px;fill:var(--text-2);paint-order:stroke;stroke:var(--bg);stroke-width:4px}.flowNode{position:absolute;width:220px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 5px 16px #0b17301a;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.flowNode.selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),0 8px 20px #0b173022}.nodeHead{display:flex;gap:8px;align-items:center;padding:10px 11px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.nodeHead>span{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary)}.nodeHead>div{display:grid;min-width:0}.nodeHead small{font-size:8px;color:var(--text-2);text-transform:uppercase}.nodeHead b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-start .nodeHead{background:#fff5cf}.type-transfer .nodeHead{background:#eaf8f1}.type-finish .nodeHead{background:#fff0f0}.type-script .nodeHead{background:#fff7e9}.nodeMessage{padding:9px 11px;font-size:9px;line-height:1.45;color:var(--text-2);max-height:82px;overflow:hidden;white-space:pre-line}.nodeOptions{border-top:1px solid var(--border)}.nodeOptions div{display:flex;gap:7px;padding:6px 9px;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent);font-size:8px}.nodeOptions span{width:18px;height:18px;border-radius:5px;background:var(--bg);display:grid;place-items:center;color:var(--primary);font-weight:700}.nodeNote{padding:8px 10px;font-size:8px;color:var(--text-2);background:var(--bg)}.nodeInspector{grid-column:3;position:absolute;right:0;top:0;bottom:0;width:300px;z-index:10;border-left:1px solid var(--border);background:var(--surface);padding:14px;overflow:auto;box-shadow:-8px 0 22px #0b173015;display:flex;flex-direction:column;gap:12px}.builderBody{position:relative}.inspectorHead{display:flex;justify-content:space-between;gap:8px;align-items:center}.inspectorHead>div{display:grid}.inspectorHead small{font-size:8px;color:var(--primary);text-transform:uppercase}.inspectorHead b{font-size:13px}.inspectorHead>button,.connections button,.optionEditor button{border:0;background:transparent;color:var(--text-2);cursor:pointer}.nodeInspector>label{display:grid;gap:5px;font-size:9px;font-weight:700;color:var(--text-2);text-transform:uppercase}.nodeInspector input,.nodeInspector textarea,.nodeInspector select,.optionEditor input{border:1px solid var(--border);border-radius:7px;background:var(--input);color:var(--text);padding:8px;font-family:var(--font-ui);font-size:10px;text-transform:none}.nodeInspector textarea{min-height:100px;resize:vertical}.optionEditor,.connections{display:grid;gap:7px}.optionEditor>b,.connections>b{font-size:10px}.optionEditor>div,.connections>div:not(.connectNew){display:flex;gap:5px;align-items:center}.optionEditor>div input:nth-child(2){flex:1}.optionValue{width:42px}.connections>div:not(.connectNew){justify-content:space-between;padding:6px 7px;border:1px solid var(--border);border-radius:7px;font-size:8px}.connectNew{display:grid;grid-template-columns:1fr auto;gap:5px}.inspectorWarning{display:grid;gap:4px;padding:9px;border:1px solid #f1d79d;border-radius:8px;background:#fff8e8;color:#77541b}.inspectorWarning span,.inspectorWarning small{font-size:9px}.inspectorActions{margin-top:auto;display:flex;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.dangerText{border:0;background:transparent;color:#b72d3b;cursor:pointer;font-size:9px;font-weight:700}@media (max-width:900px){.builderBody{grid-template-columns:1fr}.blockPalette{display:none}.nodeInspector{width:min(90vw,320px)}}.flowFullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);display:grid;grid-template-rows:auto 1fr;min-width:0}.fullscreenTop{border-radius:0;border-left:0;border-right:0;border-top:0;padding:10px 14px;min-height:58px;box-shadow:0 2px 10px #0b17300d}.backFlow{font-weight:700}.saveFlow{min-width:88px}.fullscreenBody{min-height:0;height:100%;border:0;border-radius:0;grid-template-columns:180px minmax(0,1fr)}.fullscreenCanvas{height:100%;min-width:0;overscroll-behavior:contain}.canvasSizer{position:relative;min-width:100%;min-height:100%}.flowFullscreen .blockPalette{height:100%;overflow:auto}.flowFullscreen .nodeInspector{top:0;bottom:0;height:100%;width:330px}.flowFullscreen .builderActions .settingsGhost{min-width:32px}.flowFullscreen .zoomValue{min-width:44px;text-align:center}.flowFullscreen .builderTitle{min-width:0}.flowFullscreen .builderTitle>div{min-width:0}.flowFullscreen .builderTitle h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.flowFullscreen .builderTitle p{font-size:10px}.flowFullscreen .flowCanvas{min-width:0;min-height:0}@media (max-width:900px){.fullscreenBody{grid-template-columns:1fr}.flowFullscreen .blockPalette{display:none}.fullscreenTop{align-items:flex-start}.flowFullscreen .builderActions{justify-content:flex-end}.flowFullscreen .builderTitle h3{max-width:180px}}.flowFullscreen .fullscreenCanvas{overflow:hidden!important;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.flowFullscreen .fullscreenCanvas:active{cursor:grabbing}.flowWorld{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;will-change:transform}.flowWorld .edgeLayer{width:1px;height:1px;overflow:visible}.flowFullscreen .canvasSizer{display:none}.flowFullscreen .flowCanvas{position:static;width:1px!important;height:1px!important;min-width:0;min-height:0;overflow:visible}.flowFullscreen .flowNode{will-change:left,top}.flowFullscreen .fullscreenBody{overflow:hidden}.flowFullscreen .nodeInspector{overflow:auto;cursor:default}.flowNode .nodeOptions>div{position:relative;padding-right:17px}.flowNode .nodeOptions>div:after{content:"";position:absolute;right:-5px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--surface);border:2px solid var(--primary);transform:translateY(-50%);box-sizing:border-box}.type-decision .nodeOptions>div:after{border-color:#9b6a18}.flowNode .nodeOptions>div:hover{background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.xyflowBody{grid-template-columns:180px minmax(0,1fr)!important;overflow:hidden}.xyflowCanvas{position:relative;min-width:0;min-height:0;width:100%;height:100%;background:var(--bg)}.xyflowCanvas .react-flow{width:100%;height:100%}.xyflowCanvas .react-flow__pane{cursor:grab}.xyflowCanvas .react-flow__pane.dragging{cursor:grabbing}.xyflowCanvas .react-flow__node{width:260px!important;border:0;background:transparent;box-shadow:none}.xyNode{width:260px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 6px 18px #0b17301c;overflow:visible;color:var(--text)}.react-flow__node.selected .xyNode{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),0 8px 20px #0b173022}.xyNode .nodeHead{border-radius:10px 10px 0 0}.xyNode .nodeOptions{overflow:visible}.xyOption,.xyOutput{position:relative;display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 22px 7px 10px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);font-size:10px}.xyOption>span{width:20px;height:20px;border-radius:5px;background:var(--bg);display:grid;place-items:center;color:var(--primary);font-weight:700;flex:0 0 auto}.xyOption>em{font-style:normal;white-space:normal;line-height:1.35}.xyOutput>span{font-size:9px;color:var(--text-2)}.xyNode .react-flow__handle{width:10px;height:10px;border:2px solid var(--primary);background:var(--surface)}.xyOption .react-flow__handle,.xyOutput .react-flow__handle{right:-6px;top:50%;transform:translateY(-50%)}.xyNode>.react-flow__handle-left{left:-6px;top:28px}.xyflowCanvas .react-flow__edge-path{stroke-linecap:round}.xyflowCanvas .react-flow__edge-textbg{rx:4;ry:4}.xyflowCanvas .react-flow__controls{box-shadow:0 2px 10px #0b173020;border:1px solid var(--border);border-radius:9px;overflow:hidden}.xyflowCanvas .react-flow__controls-button{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text)}.xyflowCanvas .react-flow__minimap{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}.xyflowCanvas .react-flow__attribution{display:none}.flowFullscreen .canvasViewport,.flowFullscreen .flowWorld,.flowFullscreen .flowCanvas,.flowFullscreen .canvasSizer{display:none!important}.nodeNote.writeAction{background:#fff2f2;color:#a62c38;border-top:1px solid #f1c6cb}.status-connected{color:#138a4b!important}.status-connected i{background:#23b26d!important}.status-starting,.status-authenticated,.status-qr{color:#9a6a00!important}.status-starting i,.status-authenticated i,.status-qr i{background:#e7a51a!important}.status-disconnected,.status-error{color:#a53945!important}.status-disconnected i,.status-error i{background:#d95b67!important}.channelNumber{display:block;color:#138a4b;margin-top:6px}.qrConnected{color:#138a4b;font-weight:700;background:#effaf4;border-color:#bfe8cf}.startConversationHome{margin-top:14px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#070d1a7a;display:grid;place-items:center;padding:20px}.startConversationModal{width:min(560px,100%);max-height:min(760px,90vh);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:0 24px 70px #050c1847;color:var(--text)}.modalHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px;border-bottom:1px solid var(--border)}.modalHead h3{margin:0;font-size:16px}.modalHead p{margin:4px 0 0;color:var(--muted);font-size:10px}.modalHead>button{border:0;background:var(--surface-3);color:var(--text-2);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:18px}.manualTabs{display:flex;gap:7px;padding:14px 18px 8px}.manualTabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:8px;padding:8px 11px;font-size:10px;cursor:pointer}.manualTabs button.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.contactSearch{margin:6px 18px 10px;width:calc(100% - 36px);border:1px solid var(--border);border-radius:9px;padding:10px 11px;background:var(--input);color:var(--text)}.whatsappContacts{overflow:auto;min-height:240px;max-height:480px;padding:0 12px 14px}.whatsappContacts>button{width:100%;border:0;border-bottom:1px solid var(--border-2);background:transparent;color:var(--text);padding:9px 7px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer;border-radius:8px}.whatsappContacts>button:hover{background:var(--surface-2)}.contactAvatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-weight:800}.whatsappContacts b,.whatsappContacts small{display:block}.whatsappContacts b{font-size:11px}.whatsappContacts small{font-size:9px;color:var(--muted);margin-top:2px}.whatsappContacts em{font-style:normal;font-size:9px;color:var(--primary);font-weight:700}.whatsappContacts>p{font-size:11px;color:var(--muted);text-align:center;padding:40px 10px}.manualNumberForm{display:grid;gap:12px;padding:16px 18px 20px}.manualNumberForm label,.manualChannel{font-size:10px;color:var(--text-2);font-weight:700}.manualNumberForm input,.manualChannel select{display:block;width:100%;margin-top:5px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--input);color:var(--text)}.manualChannel{padding:12px 18px 0}.manualError{margin:7px 18px;padding:9px 10px;border-radius:8px;background:#fff0ee;color:#b42318;font-size:10px}.queueStartConversation{width:calc(100% - 20px);margin:10px 10px 12px;border:0;border-radius:9px;background:var(--primary);color:#fff;padding:10px 12px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 22%,transparent)}.queueStartConversation:hover{filter:brightness(.98)}.attendance{height:calc(100vh - 76px)!important;min-height:0!important;overflow:hidden!important;align-items:stretch}.queues{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden}.chat{height:100%;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto!important}.chatHead{position:relative;z-index:2;flex:0 0 auto}.messages{min-height:0!important;height:100%;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.chat>div:last-child{min-height:0;background:var(--surface);border-top:1px solid var(--border);position:relative;z-index:3}.composerTools{flex:0 0 auto}.composer{flex:0 0 auto;margin:0}.customer{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.conversation{height:100%;min-height:0;overflow:hidden}.queueSection:last-child{margin-bottom:16px}@media (max-width:950px){.attendance{height:calc(100vh - 76px)!important}}@media (max-width:720px){.attendance{height:calc(100vh - 76px)!important}.chat{height:100%}}.attendanceMain{height:100vh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column}.attendanceMain>header{flex:0 0 76px}.attendanceMain>.attendance{flex:1 1 auto;height:auto!important;min-height:0!important;overflow:hidden!important}.attendanceMain .chat{height:100%!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto!important}.attendanceMain .messages{height:auto!important;min-height:0!important;overflow-y:auto!important}.attendanceMain .queues,.attendanceMain .customer{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden}.attendanceMain .conversation{height:100%!important;min-height:0!important;overflow:hidden!important}.customerGroupEmpty{background:var(--surface);border-left:1px solid var(--border)}.customerUnlinked{display:flex;align-items:flex-start;justify-content:center;padding:24px 18px}.syncCustomerCard{width:100%;max-width:300px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:18px;box-shadow:0 8px 22px #0814280d}.syncCustomerIcon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:18px;margin-bottom:10px}.syncCustomerCard h3{margin:0;font-size:14px}.syncCustomerCard p{font-size:10px;color:var(--muted);line-height:1.45;margin:6px 0}.syncCustomerCard>small{display:block;font-size:10px;color:var(--text-2);margin:10px 0 14px}.syncCustomerCard form{display:grid;gap:10px}.syncCustomerCard label{font-size:10px;font-weight:700;color:var(--text-2)}.syncCustomerCard input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--input);color:var(--text)}.syncCustomerError{font-size:9px;color:#b42318;background:#fff0ee;padding:8px;border-radius:7px}.queueCascade{margin:2px 4px 8px 18px;padding-left:8px;border-left:1px solid var(--border)}.queueCascade .queueConversation{margin:4px 0}.queueInlineEmpty{margin:3px 10px 8px 34px;padding:8px 10px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:9px}.messageSender{display:block}.messageSender.aiSender{font-weight:700;color:var(--text)}.mobileConversationsToggle,.mobileConversationsBackdrop,.mobileQueueHead{display:none}@media (max-width:720px){.attendance{position:relative;grid-template-columns:1fr!important;overflow:hidden!important}.attendance .queues{display:block!important;position:fixed;z-index:120;top:76px;left:0;bottom:0;width:min(86vw,340px);height:auto!important;transform:translate(-104%);transition:transform .2s ease;box-shadow:12px 0 34px #050c1838;border-right:1px solid var(--border);padding-top:8px;background:var(--surface)!important}.attendance.mobileConversationsOpen .queues{transform:translate(0)}.mobileQueueHead{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 8px;border-bottom:1px solid var(--border)}.mobileQueueHead b{font-size:14px;color:var(--text)}.mobileQueueHead button{width:32px;height:32px;border:0;border-radius:8px;background:var(--surface-3);color:var(--text);font-size:20px;cursor:pointer}.mobileConversationsToggle{display:flex;position:absolute;z-index:45;top:10px;left:10px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:8px 11px;font-size:11px;font-weight:700;box-shadow:0 4px 14px #08142814;cursor:pointer}.mobileConversationsToggle span{font-size:16px;line-height:1}.chatHead{padding-left:118px}.mobileConversationsBackdrop{display:block;position:fixed;top:76px;right:0;bottom:0;left:0;z-index:110;border:0;background:#050a1461;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobileConversationsBackdrop.show{opacity:1;pointer-events:auto}.attendance .conversation{padding-top:90px}.customer{display:none!important}}.queueChannelTag{display:inline-block!important;max-width:100%;margin:0 0 3px;padding:2px 5px;border-radius:5px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary);font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatContactIdentity{display:flex;align-items:center;gap:10px;min-width:0}.chatContactIdentity>div{min-width:0;display:grid;gap:2px}.chatContactAvatar,.queueContactAvatar{flex:0 0 auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-weight:800}.chatContactAvatar{width:40px;height:40px;font-size:13px}.queueContactAvatar{width:34px;height:34px;font-size:11px}.chatContactAvatar img,.queueContactAvatar img{width:100%;height:100%;object-fit:cover;display:block}.chatContactPhone{font-size:10px;color:var(--text-2)}.queueConversationMain{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px}.queueContactText{min-width:0;display:block}.queueContactText em{display:block;margin-top:2px;color:var(--text-2);font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaUnavailable{color:var(--text-2)!important;font-style:italic}.historyLoading{position:sticky;top:6px;z-index:2;width:max-content;max-width:90%;margin:6px auto;padding:5px 10px;border-radius:999px;background:var(--surface);color:var(--text-2);box-shadow:0 2px 10px #00000014;font-size:10px}.recordAudioBtn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 12px;cursor:pointer}.recordAudioBtn.recording{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.chatAudio{display:block;width:min(310px,100%);margin-top:6px}.chatVideo{display:block;width:min(360px,100%);max-height:360px;border-radius:10px;margin-top:6px;background:#000}.chatImageButton{display:block;padding:0;margin-top:6px;border:0;background:transparent;cursor:pointer}.chatImage{display:block;width:min(320px,100%);max-height:360px;object-fit:contain;border-radius:10px}.composerAction{width:46px;min-width:46px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:16px;transition:.15s ease}.composerAction.sendAction{width:auto;min-width:70px;border-radius:10px;padding:0 16px;font-size:12px}.composerAction.micAction{font-size:18px}.composerAction.micAction.recording{background:#dc2626;animation:falachat-recording-pulse 1s infinite}@keyframes falachat-recording-pulse{50%{transform:scale(.94);opacity:.82}}@media (max-width:720px){.attendanceMain{height:100dvh!important;min-height:100dvh!important}.attendanceMain>header{flex:0 0 64px!important;height:64px!important;padding:0 12px!important}.attendanceMain>header h1{font-size:17px!important}.attendanceMain>header p{display:none}.attendanceMain .brandMenuButton{height:38px;padding:0 11px}.attendanceMain .operator{gap:4px}.attendanceMain .logout{padding:8px 10px}.attendanceMain>.attendance{height:calc(100dvh - 64px)!important}.attendance .queues{top:64px!important}.mobileConversationsBackdrop{top:64px!important;right:0!important;bottom:0!important;left:0!important}.mobileConversationsToggle{top:10px!important;left:10px!important;width:38px;height:38px;padding:0!important;border-radius:50%!important;justify-content:center;font-size:0!important;box-shadow:0 2px 10px #0814281f}.mobileConversationsToggle span{font-size:19px!important}.chat{width:100%;min-width:0;grid-template-rows:auto minmax(0,1fr) auto!important}.chatHead{min-height:72px;padding:9px 8px 9px 56px!important;gap:7px;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}.chatContactIdentity{gap:8px;min-width:0}.chatContactAvatar{width:38px;height:38px}.chatContactIdentity>div{min-width:0;overflow:hidden}.chatContactIdentity b{font-size:14px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatContactPhone{font-size:10px!important;margin-top:2px}.chatContactIdentity small{display:block!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px!important;margin-top:2px!important}.chatActions{flex-wrap:nowrap!important;gap:4px!important;align-items:center}.chatActions select{width:92px;max-width:92px;height:36px;padding:5px 6px!important;font-size:10px!important}.chatActions button{height:36px;padding:5px 8px!important;font-size:10px!important;white-space:nowrap}.messages{padding:12px 9px 18px!important;gap:7px!important;scrollbar-gutter:auto!important}.bubble{max-width:88%!important;padding:8px 10px!important;border-radius:13px!important}.bubble.outbound{border-bottom-right-radius:4px!important}.bubble:not(.outbound){border-bottom-left-radius:4px!important}.bubble small{font-size:8px!important}.bubble p{font-size:13px!important;line-height:1.4}.chatAudio{width:min(280px,76vw)!important}.chatVideo,.chatImage{width:min(300px,78vw)!important;max-height:320px!important}.historyLoading{top:4px;font-size:9px;padding:5px 9px}.chat>div:last-child{position:relative;padding-bottom:max(5px,env(safe-area-inset-bottom));box-shadow:0 -3px 14px #0f172a0f}.composerTools{padding:6px 9px 4px!important;gap:5px!important;overflow-x:auto}.composerTools select{height:34px;max-width:150px;padding:5px 7px!important;font-size:10px!important}.attachBtn{height:34px;display:flex;align-items:center;padding:5px 9px!important;white-space:nowrap}.composer{padding:5px 8px 7px!important;gap:6px!important;align-items:center}.composer input{min-width:0;height:44px;border-radius:22px!important;padding:0 15px!important;font-size:14px!important}.composerAction{width:44px!important;min-width:44px!important;height:44px!important;border-radius:50%!important}.composerAction.sendAction{width:auto!important;min-width:66px!important;border-radius:22px!important;padding:0 14px!important;font-size:11px!important}.customer{display:none!important}.attendance .conversation{padding:30px 18px!important}}.composerTools{display:none!important}.composerInputWrap{position:relative;flex:1;min-width:0}.composerInputWrap>input{width:100%}.composerClip{width:42px;min-width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:19px;color:var(--text-2);background:transparent;transition:.15s ease}.composerClip:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.composerClip.busy{cursor:wait;opacity:.6}.quickReplyPopup{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:30;max-height:300px;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 14px 36px #0f172a29}.quickReplyPopup button{width:100%;border:0;background:transparent;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:8px 10px;border-radius:8px;cursor:pointer}.quickReplyPopup button:hover{background:color-mix(in srgb,var(--primary) 7%,transparent)}.quickReplyPopup b{color:var(--primary);font-size:11px}.quickReplyPopup span{font-size:11px;font-weight:600;color:var(--text)}.quickReplyPopup small{grid-column:1/-1;color:var(--text-2);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quickReplyEmpty{padding:10px;color:var(--text-2);font-size:11px;text-align:center}@media (max-width:720px){.composer{display:flex!important;align-items:center!important;gap:4px!important}.composerInputWrap{flex:1;min-width:0}.composerInputWrap>input{height:44px!important}.composerClip{width:44px;min-width:44px;height:44px;font-size:20px}.quickReplyPopup{position:fixed;left:8px;right:8px;bottom:72px;max-height:42vh;border-radius:14px}.quickReplyPopup button{padding:10px}.quickReplyPopup b,.quickReplyPopup span{font-size:12px}.quickReplyPopup small{font-size:10px}}.composerAction.micAction{background:transparent!important;color:var(--text-2)!important;border:0!important;box-shadow:none!important}.composerAction.micAction:hover{background:color-mix(in srgb,var(--primary) 9%,transparent)!important;color:var(--primary)!important}.micSvg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composerAction.micAction.recording{color:#dc2626!important;background:#fee2e2!important}.recordStopIcon{width:10px;height:10px;border-radius:2px;background:currentColor}.chatVoicePlayer{width:280px;max-width:min(76vw,280px);min-height:54px;margin-top:5px;display:flex;align-items:center;gap:10px}.chatVoicePlayer audio{display:none}.voicePlay{flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:var(--primary);transition:.15s ease}.voicePlay:hover{filter:brightness(1.06)}.voicePlay svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.voicePlay svg path[d*=Z]{fill:currentColor;stroke:currentColor}.voiceTrack{flex:1;min-width:0;display:grid;gap:4px}.voiceTrack input[type=range]{width:100%;height:4px;margin:0;padding:0!important;border:0!important;accent-color:var(--primary);cursor:pointer;background:transparent!important}.voiceMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-2);font-size:9px}.voiceSpeed{border:0;background:transparent;color:var(--text-2);padding:2px 4px;border-radius:5px;font-size:9px;font-weight:700;cursor:pointer}.voiceSpeed:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}@media (max-width:720px){.chatVoicePlayer{width:245px;max-width:68vw}.voicePlay{width:38px;height:38px;flex-basis:38px}}.audioRecordingPanel{display:flex;align-items:center;gap:7px;min-height:44px}.audioRecordingPanel button{width:38px;min-width:38px;height:38px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:transparent;color:var(--text-2);transition:.15s ease}.audioRecordingPanel button:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.audioRecordingPanel svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.audioRecordingPanel .recordSend{background:var(--primary);color:#fff}.audioRecordingPanel .recordSend:hover{background:var(--primary)}.recordIndicator{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#dc2626;animation:record-dot 1s infinite}.recordTimer{min-width:34px;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}.recordCancel{color:#dc2626!important}.recordError{position:absolute;right:8px;bottom:52px;padding:6px 9px;border-radius:7px;background:#fee2e2;color:#991b1b;font-size:10px}@keyframes record-dot{50%{opacity:.3}}@media (max-width:720px){.audioRecordingPanel{gap:3px}.audioRecordingPanel button{width:40px;min-width:40px;height:40px}.recordTimer{min-width:32px}}.bubble.deletedMessage{border:1px solid #ef4444!important;box-shadow:0 0 0 1px #ef444414}.messageDeletedNotice{margin-top:7px;padding-top:6px;border-top:1px solid rgba(239,68,68,.28);color:#dc2626;font-size:10px;font-weight:700}.messageEditedNotice{margin-top:5px;color:#a16207;font-size:9px;font-style:italic}.bubble.failedMessage{border:1px solid #f87171!important}.messageFailedNotice{margin-top:6px;color:#dc2626;font-size:10px;font-weight:700}.attendance,.chat,.chatHead,.messages,.composer,.composerInputWrap{min-width:0!important;max-width:100%!important}.chat{width:100%!important;overflow:hidden!important}.messages{width:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.bubble{min-width:0!important;max-width:min(88%,calc(100% - 18px))!important;overflow:hidden}.bubble p,.messageSender,.messageDeletedNotice,.messageEditedNotice,.messageFailedNotice{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.chatImageButton,.chatImage,.chatVideo,.chatAudio,.chatVoicePlayer{max-width:100%!important}.chatImageButton{overflow:hidden}.chatImage,.chatVideo{height:auto}.composer{width:100%!important;overflow:hidden}.composerInputWrap{flex:1 1 auto!important;width:auto!important}@media (max-width:720px){.attendance,.chat{width:100%!important;max-width:100vw!important}.messages{padding-left:9px!important;padding-right:9px!important}.bubble{max-width:88%!important}.chatVoicePlayer{width:min(245px,100%)!important}.chatVideo,.chatImage{width:min(300px,100%)!important}}.bubble{overflow:visible!important}.messages{overflow-x:hidden!important;overflow-y:auto!important}.bubble,.bubble p,.chatVoicePlayer,.chatVideo,.chatImage,.chatImageButton{box-sizing:border-box}.chatVoicePlayer,.chatVideo,.chatImage,.chatImageButton{max-width:100%!important}.contactProfileTrigger{border:0;padding:0;cursor:pointer;font:inherit}.contactPhoneButton{display:block;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.contactPhoneButton:hover{color:var(--primary);text-decoration:underline}.contactProfileOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;display:grid;place-items:center;padding:18px;background:#0f172a61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.contactProfilePanel{position:relative;width:min(430px,100%);max-height:88dvh;overflow-y:auto;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 24px 70px #0f172a3d}.contactProfileClose{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:24px;cursor:pointer}.contactProfileHero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 20px}.contactProfileHero img,.contactProfileHero>span{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#e8eefc;color:var(--primary);font-size:34px;font-weight:700}.contactProfileHero h3{margin:12px 0 3px;font-size:20px}.contactProfileHero p{margin:0;color:var(--text-2)}.contactProfileDetails{display:grid;gap:8px}.contactProfileDetails>div{display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:var(--surface-2)}.contactProfileDetails span{color:var(--text-2);font-size:10px}.contactProfileDetails b{overflow-wrap:anywhere;font-size:12px}@media (max-width:720px){.contactProfileOverlay{align-items:end;padding:0}.contactProfilePanel{width:100%;max-height:88dvh;border-radius:22px 22px 0 0;padding:24px 18px 30px}.contactProfileHero img,.contactProfileHero>span{width:84px;height:84px}}.contactProfileAbout{max-width:320px;margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--surface-2);color:var(--text-2);font-size:11px;line-height:1.4}.contactProfilePhotoClickable{cursor:zoom-in}.profilePhotoViewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:20px;background:#050a14f0}.profilePhotoViewer img{display:block;max-width:min(92vw,900px);max-height:88dvh;object-fit:contain;border-radius:4px}.profilePhotoViewerClose{position:fixed;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:30px;cursor:pointer}@media (max-width:720px){.profilePhotoViewer{padding:0}.profilePhotoViewer img{max-width:100vw;max-height:100dvh;border-radius:0}}.profilePhotoViewer img{width:min(86vw,760px)!important;height:min(82dvh,760px)!important;max-width:86vw!important;max-height:82dvh!important;object-fit:contain!important}@media (max-width:720px){.profilePhotoViewer img{width:96vw!important;height:78dvh!important;max-width:96vw!important;max-height:78dvh!important}}.sgpCustomerPanel .sectionTitle{margin-bottom:8px}.sgpSummaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sgpSummaryGrid>span{background:var(--surface-2);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--text-2)}.sgpSummaryGrid b{color:var(--text);font-size:11px}.sgpInvoices{margin-top:12px;display:grid;gap:7px}.sgpInvoicesHead{display:flex;justify-content:space-between;align-items:center}.sgpInvoicesHead small{color:var(--text-2)}.sgpInvoice{border:1px solid var(--border);border-radius:9px;padding:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.sgpInvoiceInfo{min-width:0;display:grid;gap:2px}.sgpInvoiceInfo b{font-size:10px}.sgpInvoiceInfo span{font-size:11px;font-weight:700}.sgpInvoiceInfo small{color:var(--text-2)}.sgpInvoiceActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.sgpInvoiceActions button{border:0;border-radius:6px;padding:5px 7px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:9px;font-weight:700;cursor:pointer}.sgpTechnicalGrid span{overflow:hidden}.sgpTechnicalGrid b{overflow-wrap:anywhere}.sgpCustomerData{margin-bottom:12px}.sgpContracts{display:grid;gap:8px}.sgpContract,.sgpBillingAccordion{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}.sgpContract>summary,.sgpBillingAccordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}.sgpContract>summary::-webkit-details-marker,.sgpBillingAccordion>summary::-webkit-details-marker{display:none}.sgpContract>summary>div{min-width:0;display:grid;gap:2px}.sgpContract>summary span{color:var(--text-2);font-size:10px}.sgpContract>summary small{color:var(--primary);font-weight:700}.sgpContractBody{padding:0 10px 10px}.sgpBillingAccordion{margin-top:10px}.sgpBillingAccordion>summary{background:var(--surface-2)}.sgpBillingAccordion>summary small{min-width:22px;padding:2px 6px;text-align:center;border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.sgpBillingAccordion .sgpInvoices{margin:0;padding:8px;max-height:330px;overflow:auto}.sgpNoInvoices{padding:10px;color:var(--text-2);font-size:10px;text-align:center}.sgpContract{border:1px solid #93b4ff;border-left:4px solid #356ae6;box-shadow:0 1px 2px #142d5a0f}.sgpContract:nth-child(2n){border-color:#b5a3ef;border-left-color:#7459c8}.sgpContract>summary{background:#f5f8ff}.sgpContract:nth-child(2n)>summary{background:#faf7ff}.sgpContract>summary small{color:#2563d9}.sgpNetworkBlock{margin-top:10px;padding:9px;border:1px solid #b8dfc8;border-left:3px solid #23a55a;border-radius:8px;background:#f7fcf9}.sgpNetworkBlock .sectionTitle{color:#187744}.sgpTechnicalGrid>span{border:1px solid #dcefe4;background:#fff}.sgpOnuCell{border-color:#b6dfc5!important;background:#f2fbf5!important}.sgpSignalCell{border-color:#a9d9bc!important;background:#eefaf2!important}.sgpBillingAccordion{border:1px solid #f0ca94;border-left:3px solid #e89221;background:#fffdfa}.sgpBillingAccordion>summary{background:#fff7e9}.sgpBillingAccordion>summary b{color:#9b5a08}.sgpBillingAccordion>summary small{color:#a86108;background:#ffebc7}.sgpInvoice{border-color:#ecd9bc;background:#fff}.sgpInvoiceActions button{border:1px solid transparent}.sgpInvoiceActions button:nth-child(1){color:#225fd3;background:#edf3ff;border-color:#c9d9ff}.sgpInvoiceActions button:nth-child(2){color:#187744;background:#edf9f1;border-color:#bee4cb}.sgpInvoiceActions button:nth-child(3){color:#6847b8;background:#f4f0ff;border-color:#d8cdf6}.sgpContractAddress{margin:10px 0;padding:9px;display:grid;gap:3px;border:1px solid #c9d8ff;border-left:3px solid #356ae6;border-radius:8px;background:#f5f8ff;color:var(--text-2);font-size:10px}.sgpContractAddress b{color:#234d9c;font-size:11px}.sgpContractAddress small{color:var(--text-2)}.sgpSignalCell b{color:#16834b;font-weight:800}.sgpNetworkBlock{padding:0}.sgpNetworkBlock>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px}.sgpNetworkBlock>summary::-webkit-details-marker{display:none}.sgpNetworkBlock>summary b{color:#187744;font-size:11px}.sgpNetworkBlock>summary small{color:#16834b;font-weight:800}.sgpNetworkBlock .sgpTechnicalGrid{padding:0 9px 9px}.chatHeaderBadges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}.chatHeaderBadge{display:flex;align-items:center;gap:5px;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.chatHeaderBadge small{font-size:8px!important;color:var(--muted)!important}.chatHeaderBadge b{font-size:9px!important;line-height:1!important}.chatHeaderBadge.origin{background:#eef5ff;border-color:#c9dcff}.chatHeaderBadge.origin b{color:#245fc7!important}.chatHeaderBadge.agent{background:#f5f1ff;border-color:#d9cef7}.chatHeaderBadge.agent b{color:#6747b5!important}.chatHeaderBadge.sector{background:#f4f6f8;border-color:#d9dfe7}.chatHeaderBadge.sector b{color:#526174!important}.chatHeaderBadge.status{background:#eef9f3;border-color:#bfe5cf}.chatHeaderBadge.status b{color:#167a48!important}.chatContactText{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.chatContactSavedName{font-size:14px;line-height:1.2}.chatContactWhatsappName{margin-top:2px;color:#667085;font-size:11px;line-height:1.2}.chatContactPhone{margin-top:1px}.chatContactText{flex-direction:row;align-items:center;gap:14px}.chatContactNames{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto}.chatHeaderBadges{margin-top:0}.composerClip svg{display:block;width:20px;height:20px}@media (max-width:720px){.chatContactText{flex-direction:column;align-items:flex-start;gap:5px}.chatHeaderBadges{margin-top:2px}}.chatContactText{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.chatContactTopLine{display:flex;align-items:center;gap:10px;min-width:0}.chatContactTopLine .chatHeaderBadges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0}.chatContactTopLine .chatHeaderBadge{min-height:25px;padding:3px 7px}.chatContactSavedName{flex:0 0 auto}.chatContactPhone{margin-top:0}@media (min-width:721px){.chatHead{min-height:70px}}@media (max-width:720px){.chatContactTopLine{align-items:flex-start;flex-wrap:wrap;gap:4px 7px}}@media (min-width:721px){.chatContactIdentity{flex:1 1 auto;min-width:0}.chatContactIdentity>.chatContactText{flex:1 1 auto;width:100%;min-width:0}.chatContactTopLine{width:100%;min-width:0}.chatContactTopLine .chatHeaderBadges{margin-left:auto!important;flex:0 0 auto;justify-content:flex-end}.chatContactSavedName{max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chatActions{flex:0 0 auto}}.bubble.inbound .messageSender{display:block;margin-bottom:4px;color:#356ae6;font-size:10px;font-weight:700}.queueAgentTag{display:block;width:max-content;max-width:100%;margin-top:3px;padding:2px 6px;border:1px solid #d9cef7;border-radius:6px;overflow:hidden;color:#6747b5;background:#f5f1ff;font-size:9px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sgpOpenCustomer{width:100%;margin:0 0 12px;padding:9px 10px;border:1px solid #244ba8;border-radius:8px;color:#fff;background:#173675;font-size:11px;font-weight:700;cursor:pointer}.sgpOpenCustomer:hover{background:#244ba8}.queueAgentName{display:block;max-width:100%;margin-top:2px;overflow:hidden;color:#6747b5;font-size:8px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.queueAgentName{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:3px;padding:2px 7px;border:1px solid #70bfff;border-radius:999px;color:#1769aa;background:#eaf6ff;font-size:9px;font-weight:700;line-height:1.2}.queueConversationMain{position:relative}.queueContactText{padding-right:48px}.queueAgentName{position:absolute;right:5px;top:27px;margin:0;max-width:44px;overflow:hidden;padding:2px 7px;border:1px solid #70bfff;border-radius:999px;background:#eaf6ff;color:#1769aa;font-size:9px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.myWorkQueue{position:relative;margin:4px 0 6px;padding:10px 9px 10px 11px!important;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--border))!important;background:color-mix(in srgb,var(--primary) 6%,var(--surface))!important;color:var(--primary)!important}.myWorkQueue:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.myWorkQueue>span:first-child{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}.queueLabel{min-width:0;display:grid}.queueLabel em{font-weight:700}.queueLabel small{margin-top:2px;color:var(--muted);font-size:8px;font-weight:500}.myWorkQueue>strong{color:#fff!important;background:var(--primary)!important;min-width:22px;text-align:center}.myWorkQueue:hover,.myWorkQueue.selected{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 12%,var(--surface))!important;box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 12%,transparent)}@media (min-width:951px){.attendance{grid-template-columns:320px minmax(360px,1fr) 290px!important}}.queueContactText{padding-right:0!important}.queueContactText.hasAgent{padding-right:48px!important}.queueConversation{column-gap:7px}.attendBtn{min-width:58px;padding-left:8px;padding-right:8px}