.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{--bg: #f8fafc;--panel: #ffffff;--ink: #111827;--muted: #64748b;--line: #e2e8f0;--blue: #0d6efd;--blue-dark: #0056b3;--gecko: #05a3c8;--green: #198754;--red: #dc3545;--yellow: #b7791f;--shadow: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px;background:#fff;color:var(--ink);transition:border-color .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0b54ff1f}textarea{resize:vertical;line-height:1.45}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.main-area{min-width:0;padding:28px}.app-shell.collapsed{grid-template-columns:68px minmax(0,1fr)}.tab-content{display:grid;gap:20px}.side-nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:22px 16px;overflow-y:auto;background:#1f2933;color:#f8fafc;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.14)}.brand-mark{width:40px;height:40px;flex:0 0 40px;object-fit:contain}.brand strong{display:block;font-size:18px}.brand span,.side-note{color:#b7c4d4;font-size:13px}.side-nav nav{display:grid;gap:8px}.side-nav nav button{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border:0;border-radius:var(--radius-sm);background:transparent;color:#e5edf7;text-align:left;transition:background .15s ease}.side-nav nav button.active,.side-nav nav button:hover{background:linear-gradient(135deg,var(--blue),#057cae);color:#fff}.side-actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}.side-note{display:flex;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);font-size:12px;line-height:1.4}.collapse-btn{margin-left:auto;background:none;border:0;color:#b7c4d4;padding:4px;border-radius:var(--radius-sm);display:grid;place-items:center;transition:color .15s}.collapse-btn:hover{color:#fff}.collapse-icon{transition:transform .2s ease}.collapse-icon.rotated{transform:rotate(180deg)}.side-nav.collapsed{width:68px;padding:22px 10px}.side-nav.collapsed .brand{padding-bottom:10px}.side-nav.collapsed .brand div:not(.brand-mark):not(.collapse-btn){display:none}.side-nav.collapsed nav button{justify-content:center;padding:12px 0}.side-nav.collapsed .side-actions button{justify-content:center;padding:12px 0}.side-nav.collapsed .side-note{display:none}.hidden{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 4px;color:var(--blue);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em}h2{margin-bottom:4px;font-size:18px}h3{margin-bottom:6px;font-size:16px}.wf-active-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--green)}.wf-edit-hint{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.wf-edit-hint strong{color:var(--blue);cursor:pointer}.ghost-btn,.soft-btn,.actions button,.primary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-weight:800;transition:background .15s ease,border-color .15s ease}.primary,.actions button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.primary:hover,.actions button.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.primary:disabled{opacity:.5;cursor:not-allowed}.danger{border-color:var(--red);background:#fff;color:var(--red)}.danger:hover{background:var(--red);color:#fff}.small{min-height:32px;padding:6px 10px;font-size:13px}.split-view{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:20px;align-items:start}.list-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px}.panel-header h2{margin:0}.detail-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:20px}.detail-panel.empty{display:grid;place-items:center;min-height:300px;color:var(--muted)}.detail-panel h2{margin-bottom:8px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px;border-bottom:1px solid var(--line)}.filter-row select{min-width:0;flex:1 1 120px;min-height:36px;font-size:13px}.list-items{display:grid}.list-item{display:grid;gap:4px;padding:12px 18px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .1s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f8fbff}.list-item.active{background:#eef5ff;border-left:3px solid var(--blue)}.item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-identity{display:flex;align-items:center;min-width:0;gap:9px}.channel-icon{display:inline-grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border-radius:9px}.channel-icon.whatsapp{color:#168a56;background:#e4f7ed}.channel-icon.email{color:#1769c2;background:#e8f2ff}.item-subject{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.support-stage-mini{padding:2px 6px;border-radius:999px;background:#f0f5fb;color:#516b89;font-size:11px;font-weight:700}.item-body{color:var(--muted);font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.risk-baja{border-left-color:var(--green)}.risk-media{border-left-color:var(--yellow)}.risk-alto,.risk-critico{border-left-color:var(--red)}.risk-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.risk-dot.risk-baja{background:var(--green)}.risk-dot.risk-media{background:var(--yellow)}.risk-dot.risk-alto,.risk-dot.risk-critico{background:var(--red)}.badge{width:fit-content;padding:4px 8px;border-radius:999px;background:#e7eef8;color:#244162;font-size:12px;font-weight:800;white-space:nowrap}.badge.review{background:#fff3cd;color:#8a5a00}.badge.status-pendiente{background:#e7eef8;color:#244162}.badge.status-en_curso{background:#dbeafe;color:#1e40af}.badge.status-resuelto{background:#e1f8ee;color:var(--green)}.badge.status-cerrado{background:#f3f4f6;color:#6b7280}.status-ok{color:var(--green);font-weight:700}.status-warn{color:var(--yellow);font-weight:700}.status-active{color:var(--green)}.conversation-detail{display:grid;gap:16px}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:13px}.support-context{display:grid;gap:12px;padding:16px;border:1px solid #d9e6f5;border-radius:var(--radius);background:linear-gradient(135deg,#f8fbff,#f4f9f7)}.support-context-header,.support-context-actions,.next-question{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-context h3,.support-summary,.next-question p{margin:0}.support-context h3{font-size:17px}.eyebrow{display:block;margin-bottom:4px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.06em}.support-stage{padding:5px 9px;border-radius:999px;background:#e7eef8;color:#244162;font-size:12px;font-weight:800;white-space:nowrap}.support-stage.stage-diagnostico{background:#e3f0ff;color:#175ea8}.support-stage.stage-esperando_usuario{background:#fff3cd;color:#8a5a00}.support-stage.stage-derivado{background:#fee9e7;color:#a33a2d}.support-stage.stage-resuelto{background:#e1f8ee;color:#147548}.support-summary{color:#415a77;line-height:1.45}.escalation-note,.missing-context{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;line-height:1.4}.escalation-note{color:#8c2f25;background:#fff1ef;border:1px solid #f5c9c4}.automation-note{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border:1px solid #d8e3ef;border-radius:var(--radius-sm);color:#536b83;background:#f8fbff;font-size:13px;line-height:1.4}.automation-note.eligible{border-color:#b8e3ca;color:#16683f;background:#f1fbf5}.missing-context{background:#fffaf0;color:#7a5714}.missing-context strong{white-space:nowrap}.next-question{padding:12px;border:1px solid #bfd8ff;border-radius:var(--radius-sm);background:#fff}.next-question strong{display:block;margin-bottom:3px;color:var(--blue-dark);font-size:13px}.next-question p{line-height:1.4}.next-question button{flex:0 0 auto}.support-context-form{display:grid;gap:12px}.support-facts{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:12px}.support-facts span{white-space:nowrap}.quality-review{display:grid;gap:12px;padding:16px;border:1px solid #d9e6f5;border-radius:var(--radius);background:#fbfcfe}.quality-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quality-review h3,.quality-review p{margin:0}.quality-review h3{font-size:17px}.quality-review>p{color:var(--muted);font-size:13px;line-height:1.45}.quality-status,.quality-mini{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.quality-status.quality-pending{color:#566b83;background:#edf2f8}.quality-status.quality-approved,.quality-mini.quality-approved{color:#147548;background:#e1f8ee}.quality-status.quality-revised,.quality-mini.quality-revised{color:#8a5a00;background:#fff3cd}.quality-status.quality-rejected,.quality-mini.quality-rejected{color:#a33a2d;background:#fee9e7}.quality-review-form{display:grid;grid-template-columns:minmax(220px,.5fr) 1fr;gap:10px}.quality-review-form label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.quality-review-form .full-width{grid-column:1 / -1}.optional{font-weight:500}.quality-actions{flex-wrap:wrap}.quality-review-history{padding-top:10px;border-top:1px solid #e5edf6;color:var(--muted);font-size:12px;line-height:1.45}.knowledge-governance{display:grid;gap:14px}.knowledge-governance .panel-header{align-items:flex-start}.knowledge-governance .panel-note{max-width:720px;margin:4px 0 0}.knowledge-governance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-proposal{display:grid;gap:10px;padding:14px;border:1px solid #dce7f2;border-radius:var(--radius-sm);background:#fbfdff}.knowledge-proposal p{margin:0;color:#405a74;line-height:1.45}.knowledge-proposal label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.knowledge-proposal-privacy{padding:8px 10px;border-radius:6px;background:#f0f7ff;color:#345b84!important;font-size:12px}.proposal-pending_review{color:#566b83;background:#edf2f8}.proposal-accepted_for_change{color:#147548;background:#e1f8ee}.proposal-dismissed{color:#a33a2d;background:#fee9e7}.follow-up-panel{display:grid;gap:12px;padding:16px;border:1px solid #d9e6f5;border-radius:var(--radius);background:#fcfdff}.follow-up-panel h3,.follow-up-panel p{margin:0}.follow-up-panel h3{font-size:17px}.follow-up-panel>p{color:var(--muted);font-size:13px;line-height:1.45}.follow-up-queue-item{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid #dce7f2;border-radius:var(--radius-sm);background:#fff;color:var(--text);text-align:left}.follow-up-queue-item:hover{border-color:#9dc3f7;background:#f8fbff}.follow-up-signals{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.signal-escalado{color:#a33a2d;background:#fee9e7}.signal-accion_vencida{color:#8a5a00;background:#fff3cd}.signal-sin_responsable,.signal-esperando_cliente_sin_fecha{color:#175ea8;background:#e6f1ff}.signal-accion_programada{color:#566b83;background:#edf2f8}.operator-audit{display:grid;gap:5px;padding-top:10px;border-top:1px solid #e5edf6;color:var(--muted);font-size:12px}.operator-audit strong{color:var(--text)}.privacy-panel{display:grid;gap:16px}.privacy-settings{display:flex;align-items:end;gap:12px;padding-top:4px}.privacy-settings label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.privacy-settings input{width:150px}.privacy-notice{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #cfe1f5;border-radius:var(--radius-sm);background:#f5faff;color:#345b84;font-size:13px;line-height:1.45}.privacy-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.privacy-breakdown>div{display:grid;gap:5px;padding:12px;border:1px solid #e0e9f2;border-radius:var(--radius-sm);color:var(--muted);font-size:13px}.privacy-breakdown strong{color:var(--text)}.channels-page{display:grid;gap:16px}.channels-hero{display:flex;justify-content:space-between;align-items:end;gap:20px}.channels-hero h2{margin:4px 0 8px}.channels-hero p{margin:0;color:var(--muted);max-width:660px}.channels-guardrails{display:flex;align-items:center;gap:8px;max-width:270px;padding:10px 12px;border:1px solid #cfe1f5;border-radius:var(--radius-sm);background:#f5faff;color:#345b84;font-size:13px;font-weight:700}.channels-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.channels-summary>div{display:grid;gap:3px;padding:13px;border:1px solid #e0e9f2;border-radius:var(--radius-sm);background:#fff}.channels-summary strong{font-size:20px;color:var(--text)}.channels-summary span{color:var(--muted);font-size:12px}.channels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.channel-card{display:grid;gap:13px;padding:16px;border:1px solid #e0e9f2;border-radius:var(--radius);background:#fff}.channel-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.channel-card h3{margin:0;font-size:17px}.channel-card-head p{margin:4px 0 0;color:var(--muted);font-size:13px;text-transform:capitalize}.channel-status{white-space:nowrap}.channel-status.prototipo_simulado{background:#fff5d9;color:#8a5d00}.channel-detail{display:grid;gap:4px}.channel-detail strong{font-size:12px;color:var(--text)}.channel-detail p,.channel-detail ul{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.channel-detail ul{padding-left:18px}.channel-select{justify-self:start;min-height:34px;font-size:13px}.channel-evaluation-state{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:#f4f8fd;color:var(--muted);font-size:12px}.channel-evaluation-state strong{color:var(--blue)}.channel-evaluation-form{display:grid;gap:14px}.channel-evaluation-form h3{margin:3px 0 0}.channel-evaluation-form textarea{min-height:78px;resize:vertical}.channel-conditions{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0;padding:12px;border:1px solid #e0e9f2;border-radius:var(--radius-sm)}.channel-conditions legend{padding:0 5px;color:var(--text);font-size:12px;font-weight:800}.channel-readiness{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 12px;border-radius:var(--radius-sm);background:#f7fbff;color:var(--muted);font-size:12px}.channel-readiness strong{color:var(--blue);font-size:16px}.channel-readiness span:last-child{margin-left:auto;max-width:460px}.channel-history{display:grid;gap:12px}.channel-history h3{margin:3px 0 0}.channel-history-list{display:grid;gap:8px}.channel-history-event{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #e0e9f2;border-radius:var(--radius-sm)}.channel-history-event>div{display:grid;gap:3px}.channel-history-event span,.channel-history-event small{color:var(--muted);font-size:12px}.channel-history-event>div:last-child{text-align:right}.channel-pilot{display:grid;gap:14px}.channel-pilot h3{margin:3px 0 0}.channel-pilot textarea{min-height:74px;resize:vertical}.channel-pilot-actions{display:grid;gap:10px}.channel-pilot-actions label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.channel-pilot-actions p{margin:0;color:var(--muted);font-size:13px}.channel-pilot-summary{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 12px;border-radius:var(--radius-sm);background:#f7fbff;color:var(--muted);font-size:12px}.channel-pilot-summary strong{color:var(--text)}.channel-policy{display:grid;gap:8px}.channel-policy h3{margin:0}.channel-policy ol{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.45}.support-metrics-panel{display:grid;gap:14px}.support-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.support-metric{display:grid;gap:3px;padding:13px;border-left:3px solid #90a4bf;border-radius:var(--radius-sm);background:#f8fbff}.support-metric strong{font-size:22px}.support-metric span{color:var(--muted);font-size:12px;font-weight:700}.support-metric.warning{border-left-color:#d39a19;background:#fffaf0}.support-metric.info{border-left-color:#2d77c6}.support-metric.danger{border-left-color:#d65a4a;background:#fff6f5}.support-metric.success{border-left-color:#21885a;background:#f2fbf6}.automation-rollout{display:grid;gap:8px;padding:15px;margin-bottom:16px;border:1px solid #cfe0f3;border-radius:var(--radius);background:#f7fbff}.automation-rollout h3,.automation-rollout p{margin:0}.automation-rollout p{color:var(--muted);font-size:13px;line-height:1.45}.messages{display:grid;gap:10px}.msg{padding:12px 14px;border-radius:var(--radius-sm);background:#f8fbff;border:1px solid var(--line)}.msg.inbound{background:#fff}.msg.assistant{background:#eef5ff;border-color:#c7d9ff}.msg strong{display:block;margin-bottom:4px;font-size:13px}.msg p{margin:0 0 4px;white-space:pre-wrap;line-height:1.5}.msg small{color:var(--muted);font-size:12px}.draft-area{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fafcff}.draft-area h3{margin:0}.send-confirmation{display:flex;align-items:center;gap:8px;margin:0;color:var(--green);font-size:13px;font-weight:700}.section-error{display:grid;justify-items:start;gap:10px;border-color:#f2c1b5;background:#fffaf8}.section-error h2,.section-error p{margin:0}.knowledge-citations{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:12px}.knowledge-citations strong{color:var(--ink)}.knowledge-citations span{padding:3px 8px;border:1px solid rgba(13,110,253,.2);border-radius:999px;background:#0d6efd14;color:var(--blue-dark)}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0}.inline-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.inline-group input,.inline-group select{flex:1 1 160px;min-width:0}.field-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.compact{gap:8px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.full-width{grid-column:1 / -1}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;min-height:18px}.settings-grid{display:grid;gap:10px}.account-list{display:grid;gap:8px;margin-top:12px}.mail-hero,.mail-admin-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.mail-hero h2,.mail-admin-header h2{margin-bottom:4px;font-size:24px}.mail-hero p,.mail-admin-header p{margin-bottom:0;color:var(--muted);line-height:1.45}.mail-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mail-operation-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,.8fr) auto;align-items:end;gap:14px}.mail-operation-panel>div:first-child strong,.mail-operation-panel>div:first-child span{display:block}.mail-operation-panel>div:first-child span{margin-top:4px;color:var(--muted);font-size:12px}.mail-operation-panel label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:750}.mail-draft-card{overflow-wrap:anywhere}.mail-draft-source{display:flex;gap:8px;margin:8px 0;color:var(--muted);font-size:13px}.mail-draft-source strong{color:var(--ink)}.mail-draft-editor{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fbff}.mail-draft-editor label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:750}.mail-console{display:grid;grid-template-columns:270px minmax(320px,.95fr) minmax(360px,1.25fr);min-height:660px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.mail-sidebar,.mail-main,.mail-detail{min-width:0}.mail-sidebar{display:grid;align-content:start;gap:16px;padding:16px;border-right:1px solid var(--line);background:#f8fbff}.mail-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mail-sidebar-head strong,.mail-folder-list strong{display:block;font-size:14px}.mail-sidebar-head span{display:block;color:var(--muted);font-size:12px}.mail-account-list,.mail-folder-list{display:grid;gap:8px}.mail-account-card,.mail-folder-button,.mail-message-row{width:100%;border:1px solid var(--line);background:#fff;text-align:left}.mail-account-card{display:grid;gap:3px;padding:11px 12px;border-radius:var(--radius-sm)}.mail-account-card span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-account-card small,.mail-account-card em,.mail-folder-button em{color:var(--muted);font-size:12px;font-style:normal}.mail-account-card.active,.mail-folder-button.active,.mail-message-row.active{border-color:var(--blue);background:#eef5ff;box-shadow:0 0 0 2px #0b54ff14}.mail-folder-button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--ink)}.mail-main{display:grid;grid-template-rows:auto auto minmax(0,1fr);border-right:1px solid var(--line)}.mail-toolbar{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.mail-search{flex:1;position:relative}.mail-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.mail-search input{padding-left:38px}.mail-list-head{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.mail-list-head strong{color:var(--ink)}.mail-message-list{overflow-y:auto}.mail-message-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(140px,1fr) auto;grid-template-areas:"from subject date" "from preview date" "from meta date";gap:3px 10px;padding:13px 14px;border-width:0 0 1px;border-radius:0}.mail-message-row.unread .mail-message-subject,.mail-message-row.unread .mail-message-from{font-weight:900}.mail-message-from{grid-area:from;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-subject{grid-area:subject;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-preview{grid-area:preview;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-meta{grid-area:meta;display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:12px}.mail-message-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-date{grid-area:date;align-self:center;color:var(--muted);font-size:12px}.mail-detail{padding:20px;overflow-y:auto}.mail-detail-content{display:grid;gap:14px}.mail-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.mail-detail-header h2{margin:0;font-size:22px;line-height:1.2}.mail-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:260px}.mail-detail-actions button{min-height:36px}.mail-detail-actions button:disabled{opacity:.55;cursor:not-allowed}.mail-detail-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mail-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:#f8fbff;color:var(--muted);font-size:12px;font-weight:800}.mail-chip.is-unread{border-color:#0b54ff40;background:#eef5ff;color:var(--blue)}.mail-chip.risk-alto,.mail-chip.risk-critico{border-color:#ec174d38;background:#fff1f4;color:var(--red)}.mail-chip.mail-chip-spam{border-color:#dc262633;background:#fff1f2;color:#b91c1c}.mail-detail-meta{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fbff;font-size:13px}.mail-detail-meta span{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;overflow-wrap:anywhere}.mail-detail-meta strong{color:var(--muted)}.mail-body{min-height:300px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#1f2937;line-height:1.72;overflow-wrap:anywhere;box-shadow:inset 3px 0 #e6eef8}.mail-body p{margin:0 0 14px;max-width:76ch}.mail-body p:last-child{margin-bottom:0}.mail-muted{color:var(--muted)}.mail-empty{display:grid;place-items:center;gap:8px;min-height:150px;padding:20px;color:var(--muted);text-align:center}.mail-empty strong{color:var(--ink)}.mail-empty.small-empty{min-height:auto;padding:12px;border:1px dashed var(--line);border-radius:var(--radius-sm)}.detail-empty{height:100%}.mail-admin-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:20px}.mail-domain-panel,.mailbox-access-panel{min-width:0}.mail-inline-form,.mail-access-selectors{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin:4px 0 18px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fbff}.mail-access-selectors{grid-template-columns:repeat(2,minmax(220px,1fr))}.mail-inline-form label,.mail-access-selectors label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:12px;font-weight:750}.mail-domain-list,.dns-record-list{display:grid;gap:10px}.mail-domain-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.mail-domain-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mail-domain-summary strong,.mail-domain-summary span{display:block;overflow-wrap:anywhere}.mail-domain-summary>div:first-child>span{margin-top:4px;color:var(--muted);font-size:12px}.mail-domain-badges,.mail-domain-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.dns-record-list{margin-top:12px}.dns-record-row{display:grid;grid-template-columns:auto minmax(120px,.45fr) minmax(220px,1fr) minmax(120px,.45fr);align-items:start;gap:10px;padding:10px;border-radius:9px;background:#f8fbff;font-size:12px}.dns-record-row code,.dns-record-row strong,.dns-record-row span{min-width:0;overflow-wrap:anywhere}.mail-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm)}.mail-permission-grid legend{padding:0 7px;color:var(--muted);font-size:12px;font-weight:800}.mail-permission-grid label{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:9px;background:#f8fbff;font-size:13px}.mail-permission-grid input{width:18px;min-height:18px;flex:0 0 auto}.mail-permission-grid .mail-permission-owner,.mail-permission-grid .button-row{grid-column:1 / -1}.panel-header.flush{padding:0 0 14px}.mailbox-table{display:grid;border:1px solid var(--line);border-radius:var(--radius);overflow:visible}.mailbox-row{display:grid;grid-template-columns:minmax(210px,1.4fr) auto auto auto minmax(160px,.8fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}.mailbox-row:last-child{border-bottom:none}.mailbox-row strong,.mailbox-row span{display:block}.mailbox-row div>span{color:var(--muted);margin-top:2px}.mail-actions-menu{justify-self:end;position:relative;z-index:2}.mail-actions-menu>summary{list-style:none;cursor:pointer;min-height:30px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;color:var(--muted);font-size:18px;line-height:1;font-weight:900;-webkit-user-select:none;user-select:none;width:42px;text-align:center}.mail-actions-menu>summary::-webkit-details-marker{display:none}.mail-actions-menu[open]>summary{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.mail-actions-list{position:absolute;right:0;top:calc(100% + 6px);z-index:40;display:grid;gap:6px;min-width:190px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 40px #0f172a1f}.mail-actions-list button{width:100%;min-height:34px;justify-content:flex-start;padding:8px 10px;font-size:12px}.mail-actions-list button.danger{border-color:#fca5a5;color:#b91c1c;background:#fff5f5}.alias-list{display:grid;gap:8px;margin-bottom:14px}.alias-row{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fbff;font-size:13px}.alias-row span,.alias-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alias-actions{display:flex;gap:5px}.alias-actions button{display:grid;width:36px;min-width:36px;min-height:36px;place-items:center;padding:0}.alias-form{align-items:stretch}.mail-user-list{display:grid;gap:10px;margin-top:14px}.mail-user-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 140px auto auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fbff}.mail-user-row strong,.mail-user-row span{display:block}.mail-user-row span{color:var(--muted);font-size:12px}.mail-user-row select,.mail-user-row button{min-height:34px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:18px}.card.full-width{grid-column:1 / -1}.card h3{margin-bottom:12px}.stat{display:flex;align-items:center;gap:12px;border-left:3px solid;padding:4px 0 4px 12px}.stat strong{display:block;font-size:22px;line-height:1.2}.stat span{color:var(--muted);font-size:13px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fbff;margin-bottom:12px}.status-row span,.status-row strong{min-width:0;overflow-wrap:anywhere}.info-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:#eef5ff;color:var(--blue);font-size:13px;font-weight:700}.info-banner{grid-column:1 / -1;padding:14px 16px;border-radius:var(--radius-sm);background:#eef5ff;color:var(--blue);font-size:14px;line-height:1.5;font-weight:600}.password-wrap{display:flex;align-items:center;gap:0}.password-wrap input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.toggle-btn{min-height:42px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--line);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f8fbff;color:var(--muted);cursor:pointer;transition:background .15s ease}.toggle-btn:hover{background:#eef5ff;color:var(--blue)}.test-result{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);font-weight:700;font-size:13px;line-height:1.4}.test-result.success{background:#e1f8ee;color:var(--green)}.test-result.error{background:#fff0f3;color:var(--red)}.test-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:13px}.test-result.success .test-icon{background:var(--green);color:#fff}.test-result.error .test-icon{background:var(--red);color:#fff}.pipeline-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pipeline-header h2{display:flex;align-items:center;gap:8px;margin:0}.pipeline-legend{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.active{background:var(--green)}.legend-dot.inactive{background:var(--red)}.legend-dot.always{background:var(--blue)}.pipeline-subtitle{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.pipeline-rf-container{width:100%;height:460px;margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fafcff}.pipeline-rf-node{width:100%;height:100%;display:grid;gap:4px;padding:18px 12px 12px;border:2px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;position:relative}.pipeline-rf-node:hover{border-color:var(--node-color, var(--blue));box-shadow:0 4px 14px #0000001a}.react-flow__node.selected .pipeline-rf-node{border-color:var(--node-color, var(--blue));box-shadow:0 0 0 3px #00000014,0 4px 14px #0000001a}.react-flow__node:not(.selected) .pipeline-rf-node.state-inactive{opacity:.5}.pipeline-rf-node .node-index{position:absolute;top:-10px;left:-10px;width:24px;height:24px;border-radius:50%;background:var(--node-color, var(--blue));color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;z-index:10}.pipeline-rf-node .node-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;margin:0 auto}.pipeline-rf-node .node-title{font-weight:800;font-size:13px;text-align:center;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-rf-node .node-desc{font-size:10px;color:var(--muted);text-align:center;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.pipeline-rf-node .react-flow__handle{width:8px;height:8px;background:var(--node-color, var(--blue));border:2px solid #fff;opacity:0;transition:opacity .15s ease}.pipeline-rf-node:hover .react-flow__handle{opacity:1}.react-flow__background{border-radius:inherit}.react-flow__controls button{border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);color:var(--muted);width:28px;height:28px}.react-flow__controls button:hover{background:#f8fbff;color:var(--ink)}.wf-edge-label-bg{cursor:pointer;transition:filter .12s ease}.wf-edge-label-bg:hover{filter:brightness(1.15)}.wf-edge-label-text{-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.react-flow__edge-path{stroke-width:2}.pipeline-detail h3{display:flex;align-items:center;gap:8px;margin-bottom:16px}.pipeline-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-section{display:grid;gap:6px}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{margin:0;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.detail-section p{margin:0;font-size:14px;line-height:1.6;color:var(--ink)}.detail-list{margin:0;padding-left:18px;font-size:13px;line-height:1.8;color:var(--ink)}.code-ref{display:inline-block;padding:6px 10px;border-radius:var(--radius-sm);background:#f0f4f9;font-size:13px;font-family:ui-monospace,monospace;color:var(--ink);word-break:break-all}.prompt-preview{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:#1f2933;color:#e5edf7;font-size:13px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;font-family:ui-monospace,monospace}.status-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;display:inline-block}.status-badge.active{background:#e1f8ee;color:var(--green)}.status-badge.inactive{background:#fff0f3;color:var(--red)}.status-badge.always{background:#eef5ff;color:var(--blue)}.workflow-edit-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:16px;align-items:start;min-height:520px}.wf-palette{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:14px;overflow-y:auto;max-height:560px}.wf-palette-list{display:grid;gap:6px}.wf-palette-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s ease}.wf-palette-item:hover{background:#f0f4f9}.wf-palette-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-sm)}.wf-palette-item div:last-child{min-width:0}.wf-palette-item div:last-child strong{display:block;font-size:13px;line-height:1.3}.wf-palette-item div:last-child span{display:block;font-size:11px;color:var(--muted);line-height:1.3}.wf-canvas{height:520px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fafcff;box-shadow:var(--shadow)}.wf-rf-container{height:100%;margin-top:0}.wf-properties{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:14px;overflow-y:auto;max-height:560px}.wf-props-form{display:grid;gap:10px}.wf-props-form label{display:grid;gap:4px;color:var(--muted);font-size:12px;font-weight:800}.wf-props-empty{display:grid;place-items:center;min-height:200px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.wf-edge-info{display:grid;gap:6px;margin-top:4px}.wf-props-empty p{margin:0}@media(max-width:1100px){.workflow-edit-layout{grid-template-columns:180px minmax(0,1fr) 1fr}}.wf-dirty-badge{font-size:11px;font-weight:800;color:var(--yellow);animation:wf-pulse 1.5s ease-in-out infinite}@keyframes wf-pulse{0%,to{opacity:1}50%{opacity:.5}}.wf-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;z-index:1000}.wf-confirm-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px #0003;padding:24px 28px;max-width:380px;text-align:center}.wf-confirm-box p{margin:0 0 16px;font-size:15px;line-height:1.5}.wf-confirm-box .button-row{justify-content:center}@media(max-width:800px){.pipeline-rf-container{height:340px}.pipeline-detail-grid,.workflow-edit-layout{grid-template-columns:1fr}.wf-palette,.wf-properties{max-height:240px}.wf-palette-list{display:flex;flex-wrap:wrap}.wf-palette-item{flex:0 0 auto;width:auto}}.result{margin-top:8px;padding:10px 12px;border-radius:var(--radius-sm);font-weight:700;font-size:13px}.result.success{background:#e1f8ee;color:var(--green)}.result.error{background:#fff0f3;color:var(--red)}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}.login-card{width:100%;max-width:400px;display:grid;gap:16px;padding:36px 32px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.login-sub{margin:-8px 0 4px;color:var(--muted);font-size:14px}.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:18px}.panel header{margin-bottom:16px}.panel header p{margin:0;color:var(--muted)}.panel.loading{display:grid;place-items:center;min-height:200px;color:var(--muted);font-size:15px}.health-json{margin:0;padding:14px;border-radius:var(--radius-sm);background:#0f172a;color:#e5edf7;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre-wrap}.section-grid{display:grid;gap:16px}.conversation-list{max-height:calc(100vh - 190px);display:grid;gap:8px;overflow:auto}.toast{margin-bottom:14px;padding:12px 14px;border-radius:var(--radius);font-weight:800}.toast.success{background:#e8fff4;color:#006342}.toast.danger{background:#fff0f3;color:#b50034}.operation-status{position:sticky;top:12px;z-index:8;display:flex;align-items:flex-start;gap:10px;margin:-6px 0 14px;padding:12px 14px;border:1px solid #b8d8ff;border-radius:var(--radius);background:#f4f9ff;color:#174a80;box-shadow:0 8px 22px #1d4ed81a}.operation-status svg{flex:0 0 auto;margin-top:1px;animation:operation-spin 1s linear infinite}.operation-status strong,.operation-status span{display:block}.operation-status span{margin-top:2px;color:#527095;font-size:13px}.action-dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;overscroll-behavior:contain;padding:24px;background:#0f172a7a}.action-dialog{width:min(100%,480px);max-height:min(680px,calc(100vh - 48px));overflow-y:auto;overscroll-behavior:contain;padding:22px;border:1px solid #d8e3f0;border-radius:16px;background:#fff;box-shadow:0 24px 60px #0f172a47;animation:action-dialog-in .18s ease-out}.action-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.action-dialog-header h2{margin-bottom:0;font-size:22px;line-height:1.2}.eyebrow-danger{color:var(--red)}.icon-button{display:grid;width:36px;min-width:36px;height:36px;min-height:36px;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted)}.icon-button:hover{color:var(--ink);background:#f3f7fb}.action-dialog-description{margin:18px 0;color:#465d7a;line-height:1.5}.action-dialog-input-label{display:grid;gap:7px;color:#31445d;font-size:14px;font-weight:750}.action-dialog-hint{margin:12px 0 0;color:var(--muted);font-size:13px}.action-dialog-hint code{display:inline-block;padding:2px 5px;border-radius:5px;background:#f1f5f9;color:#243448;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.action-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}button:disabled{cursor:not-allowed;opacity:.58}@keyframes operation-spin{to{transform:rotate(360deg)}}@keyframes action-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.operation-status svg,.action-dialog{animation:none}}.empty,.loading{min-height:160px;display:grid;place-items:center;gap:8px;text-align:center;color:var(--muted)}.mt{margin-top:14px}@media(max-width:1100px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.brand div:not(.brand-mark),.side-nav nav span,.side-note{display:none}.side-nav nav button{justify-content:center}.split-view,.mail-console,.mail-admin-grid{grid-template-columns:1fr}.mail-operation-panel{grid-template-columns:minmax(220px,1fr) minmax(240px,1fr)}.mail-operation-panel .button-row{grid-column:1 / -1}.mail-sidebar,.mail-main{border-right:none;border-bottom:1px solid var(--line)}.mailbox-row{grid-template-columns:minmax(180px,1fr) auto auto}.mailbox-row>span:nth-of-type(3),.mailbox-row>span:nth-of-type(4){display:none}.dns-record-row{grid-template-columns:auto minmax(140px,.45fr) minmax(0,1fr)}.dns-record-row>span:last-child{grid-column:2 / -1}.mail-permission-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}.whatsapp-page{gap:18px}.configuration-page{display:grid;gap:18px}.configuration-header{padding:6px 2px 0}.configuration-header h2{margin-bottom:7px;font-size:clamp(25px,3vw,32px)}.configuration-header p:last-child{margin:0;color:var(--muted)}.configuration-tabs{display:flex;gap:8px;overflow-x:auto;padding:5px;border:1px solid var(--line);border-radius:14px;background:#fff}.configuration-tabs button{min-height:38px;padding:8px 13px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-weight:750;white-space:nowrap}.configuration-tabs button:hover{color:var(--ink);background:#f3f7fb}.configuration-tabs button.active{color:#fff;background:var(--blue)}.configuration-panel>.tab-content{padding-top:0}.inbox-empty{display:grid;justify-items:center;gap:8px;padding:42px 22px;color:var(--muted);text-align:center}.inbox-empty svg{color:var(--blue)}.inbox-empty strong{color:var(--ink)}.whatsapp-connect-card{padding:clamp(22px,4vw,40px);border:1px solid #dce7f6;border-radius:20px;background:radial-gradient(circle at 100% 0,#e8f3ff 0,transparent 36%),#fff;box-shadow:0 12px 30px #1b365c14}.whatsapp-connect-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.whatsapp-connect-heading h2{font-size:clamp(24px,3vw,32px);margin-bottom:8px}.whatsapp-connect-heading>div:first-child>p:last-child{color:var(--muted);margin-bottom:0;max-width:620px}.whatsapp-connection-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid #f2d39c;border-radius:999px;color:#a86400;background:#fff8e9;font-size:13px;font-weight:800}.whatsapp-connection-status.connected{border-color:#a6e0bb;background:#effbf3;color:#188348}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent)}.whatsapp-connect-content{display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}.whatsapp-qr-card{display:grid;justify-items:center;gap:12px;text-align:center}.whatsapp-qr-frame{width:min(100%,276px);padding:8px;border:1px solid #dce7f6;border-radius:18px;background:#fff;box-shadow:0 8px 20px #1948811a}.whatsapp-qr-frame img{display:block;width:100%;height:auto;border-radius:11px}.whatsapp-qr-card small{color:var(--muted)}.openwa-qr-placeholder{width:100%;aspect-ratio:1;display:grid;place-content:center;gap:10px;padding:24px;text-align:center;border-radius:11px;color:var(--muted);background:#f6faff}.openwa-qr-placeholder svg{animation:openwa-spin 1.4s linear infinite}.whatsapp-steps{max-width:520px}.steps-label{margin-bottom:10px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.whatsapp-steps ol{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none;counter-reset:step}.whatsapp-steps li{display:flex;align-items:center;gap:12px;color:#334155}.whatsapp-steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#eaf3ff;color:var(--blue);font-size:13px;font-weight:800}.whatsapp-safety{display:flex;gap:10px;align-items:flex-start;padding:13px;margin-bottom:18px;border-radius:12px;background:#f6f9fd;color:#516274;font-size:13px;line-height:1.45}.whatsapp-safety svg{flex:0 0 auto;color:var(--blue)}.whatsapp-connected-state{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #bfe8ce;border-radius:16px;background:#f2fcf5;color:#166534}.whatsapp-success-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#d8f6e2}.whatsapp-connected-state strong{font-size:16px}.whatsapp-connected-state p{margin:4px 0 0;color:#39714e}.whatsapp-connected-state button{margin-left:auto;white-space:nowrap}.whatsapp-advanced{border:1px solid var(--line);border-radius:14px;background:#fff}.whatsapp-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;color:#243448;font-weight:800}.whatsapp-advanced summary small{color:var(--muted);font-weight:600}.whatsapp-advanced-content{display:grid;gap:16px;padding:0 16px 16px;border-top:1px solid var(--line)}.whatsapp-advanced-content .panel{margin:0;box-shadow:none}@keyframes openwa-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.openwa-qr-placeholder svg{animation:none}}@media(max-width:720px){.configuration-tabs{margin:0 -2px;border-radius:12px}.whatsapp-connect-card{padding:22px;border-radius:16px}.whatsapp-connect-heading,.whatsapp-connected-state{align-items:flex-start;flex-direction:column}.whatsapp-connect-content{grid-template-columns:1fr;gap:28px}.whatsapp-qr-card{justify-items:start;text-align:left}.whatsapp-qr-frame{width:100%;max-width:276px}.whatsapp-connected-state button{margin-left:0}.whatsapp-advanced summary{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.app-shell{display:block}.side-nav{position:static;height:auto;padding:12px}.side-nav nav{display:flex;overflow-x:auto}.side-nav nav button{flex:0 0 auto;width:auto}.brand div:not(.brand-mark),.side-nav nav span{display:block}.main-area{padding:16px}.topbar,.status-row{align-items:flex-start;flex-direction:column}.mail-hero,.mail-admin-header,.mail-toolbar{align-items:stretch;flex-direction:column}.mail-operation-panel{grid-template-columns:1fr;align-items:stretch}.mail-operation-panel .button-row{grid-column:auto}.mail-message-row{grid-template-columns:1fr auto;grid-template-areas:"from date" "subject date" "preview preview"}.mailbox-row{grid-template-columns:1fr;align-items:stretch}.mail-inline-form,.mail-access-selectors,.mail-permission-grid,.dns-record-row{grid-template-columns:1fr}.mail-domain-summary{flex-direction:column}.mail-domain-badges,.mail-domain-actions{justify-content:flex-start}.dns-record-row>span:last-child,.mail-permission-grid .mail-permission-owner,.mail-permission-grid .button-row{grid-column:auto}.alias-row{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) auto}.form-grid{grid-template-columns:1fr}.support-context-header,.support-context-actions,.next-question{align-items:flex-start;flex-direction:column}.next-question button{width:100%}.support-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-review-form,.knowledge-governance-metrics{grid-template-columns:1fr}.follow-up-queue-item{flex-direction:column}.follow-up-signals{justify-content:flex-start}.privacy-settings{align-items:stretch;flex-direction:column}.privacy-breakdown{grid-template-columns:1fr}.channels-hero{align-items:stretch;flex-direction:column}.channels-guardrails{max-width:none}.channels-summary,.channels-grid{grid-template-columns:1fr}.channel-readiness span:last-child{margin-left:0}.channel-history-event{align-items:flex-start;flex-direction:column}.channel-history-event>div:last-child{text-align:left}.conversation-list{max-height:360px}}