.App{text-align:center;height:100vh;overflow:hidden}.App-header{background-color:#282c34;padding:20px;color:#fff}.App-link{color:#61dafb}.audio-attachment{position:relative;margin:8px 0;min-width:320px;max-width:320px}.audio-attachment.playing{border:2px solid #1976d2;border-radius:8px;padding:8px}.audio-controls{display:flex;align-items:center;gap:12px;padding:8px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.audio-play-button{background-color:#0000;color:#1976d2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:25px;padding:0 10px}.audio-info{flex:1;display:flex;flex-direction:column;gap:4px}.audio-time{font-size:12px;color:#6c757d;font-family:monospace}.audio-progress{width:100%}.audio-progress-bar{width:100%;height:4px;background:#dee2e6;border-radius:2px;position:relative;cursor:pointer}.audio-progress-fill{height:100%;background:#1976d2;border-radius:2px;width:0%;transition:width .1s linear}.audio-controls-bottom{display:flex;justify-content:flex-end;margin-top:4px}.audio-speed-button{background:#6c757d;color:#fff;border:none;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.audio-speed-button:hover{background:#5a6268;transform:scale(1.05)}@keyframes highlightBlink{0%,to{background-color:transparent}50%{background-color:#fff3cd;border-color:#ffeaa7}}.pending-messages-pill{position:absolute;top:-8px;left:-8px;background:#f44;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid white;box-shadow:0 2px 4px #0003;z-index:1}.image-attachment{position:relative;display:inline-block;transition:transform .2s ease;border-radius:8px;overflow:hidden}.image-attachment img{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease;max-width:100%;height:auto}.image-attachment:hover img{box-shadow:0 4px 16px #0003}.admin-layout-root{height:100%}.MuiDrawer-paper{background-color:#f8fafc;border-right:1px solid #e2e8f0}.MuiListItemButton-root{transition:all .3s ease;position:relative}.MuiListItemButton-root:hover{background-color:#f1f5f9}.MuiListItemButton-root.Mui-selected{background-color:#e0f2fe;border-left:3px solid #0ea5e9}.MuiListItemButton-root.Mui-selected:hover{background-color:#bae6fd}.MuiListItemIcon-root{color:#64748b;transition:all .3s ease}.MuiListItemButton-root:hover .MuiListItemIcon-root,.MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{color:#0ea5e9;transform:scale(1.08)}.MuiListItemButton-root.Mui-selected .MuiListItemText-primary{font-weight:700;color:#1e293b}[data-theme=dark] .admin-layout-root{background-color:#18191a}[data-theme=dark] .MuiDrawer-paper{background-color:#1f1f21;border-right:1px solid rgba(255,255,255,.08)}[data-theme=dark] .MuiDivider-root{border-color:#ffffff14}[data-theme=dark] .MuiListItemButton-root{color:#e1e4e8}[data-theme=dark] .MuiListItemButton-root:hover{background-color:#347adf26}[data-theme=dark] .MuiListItemButton-root.Mui-selected{background:linear-gradient(90deg,#347adf59,#347adf2e);border-left:4px solid #347ADF;box-shadow:inset 0 0 20px #347adf26;position:relative}[data-theme=dark] .MuiListItemButton-root.Mui-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#5691e4,#347adf,#5243aa);box-shadow:0 0 10px #347adf80}[data-theme=dark] .MuiListItemButton-root.Mui-selected:hover{background:linear-gradient(90deg,#347adf73,#347adf40);box-shadow:inset 0 0 25px #347adf33}[data-theme=dark] .MuiListItemIcon-root{color:#9199a8;transition:all .3s ease}[data-theme=dark] .MuiListItemButton-root:hover .MuiListItemIcon-root{color:#669df1;transform:scale(1.1)}[data-theme=dark] .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{color:#669df1;filter:drop-shadow(0 0 4px rgba(102,157,241,.5));transform:scale(1.08)}[data-theme=dark] .MuiListItemText-primary{color:#e1e4e8;transition:all .3s ease}[data-theme=dark] .MuiListItemButton-root.Mui-selected .MuiListItemText-primary{color:#fff;font-weight:700;text-shadow:0 0 8px rgba(52,122,223,.3)}[data-theme=dark] .MuiAvatar-root{background-color:#347adf}[data-theme=dark] .MuiMenu-paper{background-color:#1f1f21;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px #00000080}[data-theme=dark] .MuiMenuItem-root{color:#e1e4e8}[data-theme=dark] .MuiMenuItem-root:hover{background-color:#347adf26}[data-theme=dark] .MuiTooltip-tooltip{background-color:#2a2b2e;color:#e1e4e8;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #00000080}[data-theme=dark] .MuiTooltip-arrow{color:#2a2b2e}[data-theme=dark] .MuiSnackbar-root .MuiAlert-root{background-color:#1f1f21;color:#e1e4e8;border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .MuiAlert-standardSuccess{background-color:#10b98126;color:#34d399;border-color:#10b9814d}[data-theme=dark] .MuiAlert-standardError{background-color:#f15b5026;color:#f15b50;border-color:#f15b504d}[data-theme=dark] .MuiAlert-standardWarning{background-color:#f2c02926;color:#f2c029;border-color:#f2c0294d}[data-theme=dark] .MuiAlert-standardInfo{background-color:#347adf26;color:#5691e4;border-color:#347adf4d}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar{width:6px}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar-track{background:#18191a}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar-thumb{background:#2a2b2e;border-radius:3px}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar-thumb:hover{background:#347adf4d}.messages-container .message-bubble .content{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.messages-container .image-attachment img,.messages-container .video-attachment video{max-width:100%;height:auto}.messages-container .document-details{flex:1;min-width:0;overflow:hidden}.messages-container .document-name{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-container .image-attachment,.messages-container .video-attachment{max-width:100%;overflow:hidden}.messages-container .image-attachment img{max-width:350px;max-height:350px;width:100%;height:auto;border-radius:8px;display:block}.messages-container .video-attachment video{max-width:350px;max-height:350px;width:100%;height:auto;border-radius:8px;display:block}.messages-container .message-bubble:has(.audio-message),.messages-container .message-bubble:has(.audio-attachment){min-width:320px}.messages-container .audio-attachment{display:flex;margin:0;min-width:320px;max-width:320px}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.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:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;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:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@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}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform: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:#3367d9;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%}.audio-recorder-start{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;color:#374151;cursor:pointer;transition:all .2s ease}.audio-recorder-start:hover{background:#eef2f7;border-color:#d1d5db;color:#1f2937}.audio-recorder-start:active{transform:scale(.95)}.audio-recorder-recording{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;min-width:320px}.audio-recorder-recording.finalized{background:#d1fae5;border-color:#10b981}.audio-recorder-recording.finalized .timer-text{color:#065f46}.audio-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0;padding:12px;background:#ffffffe6;border-radius:10px;border:1px solid rgba(16,185,129,.4);box-shadow:0 2px 8px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;align-items:center;margin-bottom:8px;padding:4px 8px;background:#10b9811a;border-radius:6px}.audio-preview audio{border-radius:8px;box-shadow:0 2px 6px #00000026;min-width:240px}.audio-preview audio::-webkit-media-controls-panel{background-color:#f8fafc;border-radius:8px}.audio-preview audio::-webkit-media-controls-play-button{background-color:#10b981;border-radius:50%}.audio-preview audio::-webkit-media-controls-timeline{background-color:#e5e7eb;border-radius:4px}.audio-preview audio::-webkit-media-controls-current-time-display,.audio-preview audio::-webkit-media-controls-time-remaining-display{color:#374151;font-weight:500}.recording-timer{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.recording-indicator{display:flex;align-items:center;gap:6px;margin-left:12px;padding:4px 8px;background:#dc26261a;border-radius:12px;border:1px solid rgba(220,38,38,.3)}.recording-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse 1s ease-in-out infinite}.recording-text{font-size:11px;color:#dc2626;font-weight:500}.recording-icon{color:#dc2626;animation:pulse 1.5s ease-in-out infinite}.recording-icon.fa-check-circle{color:#10b981;animation:none}.timer-text{font-family:Courier New,monospace;font-weight:600;color:#92400e;font-size:14px}.recording-controls{display:flex;align-items:center;gap:6px;justify-content:center}.control-btn{min-width:80px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:12px;padding:0 12px}.btn-text{font-weight:500;font-size:11px}.control-btn:hover{transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.stop-btn{background:#dc2626;color:#fff}.stop-btn:hover{background:#b91c1c}.send-btn{background:#3b82f6;color:#fff}.send-btn:hover{background:#2563eb}.cancel-btn{background:#dc2626;color:#fff}.cancel-btn:hover{background:#b91c1c}.audio-recorder-error{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:13px;max-width:400px}.error-content{display:flex;align-items:flex-start;gap:12px}.error-details{flex:1;display:flex;flex-direction:column;gap:8px}.error-message{font-weight:500;line-height:1.4}.error-help{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:12px;font-size:12px;color:#991b1b}.error-help strong{display:block;margin-bottom:6px;color:#dc2626}.error-help ol{margin:0;padding-left:20px}.error-help li{margin-bottom:4px;line-height:1.3}.audio-recorder-error i{font-size:14px}.error-retry-btn{align-self:center;padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.error-retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.error-actions{display:flex;gap:8px;justify-content:center}.error-help-btn{padding:8px 16px;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.error-help-btn:hover{background:#4b5563;transform:translateY(-1px)}.error-retry-btn:hover{background:#b91c1c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.department-selection-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.department-selection-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.department-selection-modal .modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.department-selection-modal .modal-title{margin:0;font-size:18px;font-weight:600;color:#111827}.department-selection-modal .modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:4px;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.department-selection-modal .modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.department-selection-modal .modal-body{padding:20px 24px;flex:1;overflow-y:auto}.department-selection-modal .modal-message{margin:0 0 20px;color:#4b5563;line-height:1.5}.department-selection-modal .form-field{margin-bottom:16px}.department-selection-modal .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.department-selection-modal .form-select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background-color:#fff;transition:border-color .2s,box-shadow .2s}.department-selection-modal .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.department-selection-modal .form-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.department-selection-modal .no-departments-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:14px}.department-selection-modal .modal-footer{padding:16px 24px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.department-selection-modal .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.department-selection-modal .btn:disabled{opacity:.6;cursor:not-allowed}.department-selection-modal .btn-cancel{background-color:#fff;color:#374151;border-color:#d1d5db}.department-selection-modal .btn-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.department-selection-modal .btn-primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.department-selection-modal .btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.department-selection-modal .btn-primary:disabled{background-color:#9ca3af;border-color:#9ca3af}.department-selection-modal-overlay{animation:fadeIn .2s ease-out}.department-selection-modal{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.department-selection-modal-overlay{padding:8px}.department-selection-modal{max-width:none;width:100%}.department-selection-modal .modal-header,.department-selection-modal .modal-body,.department-selection-modal .modal-footer{padding-left:16px;padding-right:16px}.department-selection-modal .modal-footer{flex-direction:column}.department-selection-modal .btn{width:100%}}.contact-profile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-profile-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background-color:#fff;box-shadow:-2px 0 8px #00000026;z-index:1501;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.contact-profile-panel.open{transform:translate(0)}.contact-profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#29b9f2;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.contact-profile-header h2{margin:0;font-size:18px;font-weight:600}.contact-profile-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.contact-profile-close:hover{background-color:#ffffff1a}.contact-profile-content{flex:1;overflow-y:auto;padding:24px 20px;background-color:#f9fafb}.contact-profile-avatar-container{display:flex;justify-content:center;margin-bottom:16px;position:relative}.contact-profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0000001a}.contact-profile-sync-photo-btn{position:absolute;right:calc(50% - 70px);bottom:5px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#29b9f2,#1da1d8);color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #29b9f266;z-index:10}.contact-profile-sync-photo-btn:hover:not(:disabled){transform:scale(1.1) translateY(-2px);box-shadow:0 4px 12px #29b9f280;background:linear-gradient(135deg,#1da1d8,#1890c8)}.contact-profile-sync-photo-btn:active:not(:disabled){transform:scale(1.05)}.contact-profile-sync-photo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-profile-sync-photo-btn i{font-size:14px}.contact-profile-name{text-align:center;font-size:24px;font-weight:600;color:#111827;margin-bottom:8px}.contact-profile-status{display:flex;justify-content:center;margin-bottom:24px}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-PENDENTE{background-color:#fef3c7;color:#92400e}.status-badge.status-ATIVO{background-color:#d1fae5;color:#065f46}.status-badge.status-BOT{background-color:#dbeafe;color:#1e40af}.status-badge.status-FINALIZADO{background-color:#e5e7eb;color:#374151}.contact-profile-info-section{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.contact-profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.contact-profile-section-title{margin:0;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.contact-profile-section-actions{display:flex;gap:8px}.contact-profile-info-item{padding:12px 0;border-bottom:1px solid #f3f4f6}.contact-profile-info-item:last-child{border-bottom:none;padding-bottom:0}.contact-profile-info-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px}.contact-profile-info-label i{width:16px;font-size:14px;color:#9ca3af}.contact-profile-info-value{font-size:14px;color:#111827;font-weight:500;word-break:break-word;padding-left:24px}.contact-profile-content::-webkit-scrollbar{width:6px}.contact-profile-content::-webkit-scrollbar-track{background:#f3f4f6}.contact-profile-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.contact-profile-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.contact-profile-edit-btn,.contact-profile-save-btn,.contact-profile-cancel-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.contact-profile-edit-btn{background-color:#29b9f2;color:#fff}.contact-profile-edit-btn:hover{background-color:#1da1d8;transform:translateY(-1px);box-shadow:0 2px 4px #29b9f24d}.contact-profile-save-btn{background-color:#10b981;color:#fff}.contact-profile-save-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.contact-profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.contact-profile-cancel-btn{background-color:#ef4444;color:#fff}.contact-profile-cancel-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.contact-profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.contact-profile-name-edit{text-align:center;margin-bottom:8px}.contact-profile-input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:16px;font-weight:600;text-align:center;transition:all .2s ease;outline:none}.contact-profile-input:focus{border-color:#29b9f2;box-shadow:0 0 0 3px #29b9f21a}.contact-profile-input-small{font-size:14px;font-weight:500;text-align:left;padding:8px 10px}.contact-profile-textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease;outline:none}.contact-profile-textarea:focus{border-color:#29b9f2;box-shadow:0 0 0 3px #29b9f21a}.contact-profile-input:disabled,.contact-profile-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.contact-profile-observacoes{white-space:pre-wrap;word-break:break-word;line-height:1.6}.contact-profile-sync-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#29b9f2,#1da1d8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #29b9f24d}.contact-profile-sync-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #29b9f266;background:linear-gradient(135deg,#1da1d8,#1890c8)}.contact-profile-sync-btn:active:not(:disabled){transform:translateY(0)}.contact-profile-sync-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-profile-sync-btn i{font-size:16px}.contact-profile-sync-description{margin-top:8px;font-size:12px;color:#6b7280;text-align:center;line-height:1.4}@media (max-width: 768px){.contact-profile-panel{width:100%;max-width:100vw}.contact-profile-avatar{width:100px;height:100px}.contact-profile-name{font-size:20px}.contact-profile-section-header{flex-direction:column;align-items:flex-start;gap:12px}.contact-profile-section-actions{width:100%}.contact-profile-edit-btn,.contact-profile-save-btn,.contact-profile-cancel-btn{flex:1;justify-content:center}}.message-status-container{display:inline-flex;align-items:center;margin-left:4px}.message-status{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;transition:all .2s ease}.message-status.clickable{cursor:pointer;transition:transform .2s ease}.message-status.clickable:hover{transform:scale(1.1)}.message-status.pending{background-color:#ff98001a;border:1px solid rgba(255,152,0,.3)}.message-status.processing{background-color:#1976d21a;border:1px solid rgba(25,118,210,.3)}.message-status.sent,.message-status.delivered{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3)}.message-status.read{background-color:#2196f31a;border:1px solid rgba(33,150,243,.3)}.message-status.failed{background-color:#f443361a;border:1px solid rgba(244,67,54,.3)}.message-status.unknown{background-color:#9e9e9e1a;border:1px solid rgba(158,158,158,.3)}.message-status.processing i{animation:spin 1s linear infinite}.message-status.clickable[title]{position:relative}.message-status.clickable[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:4px}.retry-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background-color:#dc3545;cursor:pointer;transition:all .2s ease;font-size:14px;box-shadow:0 2px 4px #dc35454d}.retry-button:hover{background-color:#c82333;transform:scale(1.1);box-shadow:0 4px 8px #dc354566}.retry-button:active{transform:scale(.95)}.retry-button.processing{background-color:#6c757d;cursor:not-allowed}.retry-button.processing:hover{transform:none;background-color:#6c757d;box-shadow:0 2px 4px #6c757d4d}.retry-button.processing i{animation:spin 1s linear infinite}.message-bubble-and-retry{display:flex;align-items:center;gap:8px}.message-bubble-and-retry .message-bubble{flex:1}.message-bubble-and-retry .retry-button{flex-shrink:0}.message.forward-mode{cursor:pointer;transition:background-color .2s ease}.message.forward-mode:hover{background-color:#1976d20d}.message.forward-mode.selected{background-color:#1976d21a;border-left:3px solid #1976d2}.message-checkbox{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:10}.message-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1976d2}.message.forward-mode .message-content{margin-left:35px}.forward-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border-radius:8px;margin-bottom:8px;box-shadow:0 2px 8px #1976d233}.forward-info{display:flex;align-items:center;gap:12px}.forward-count{font-weight:500;font-size:14px}.forward-cancel{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.forward-cancel:hover{background-color:#ffffff1a}.forward-send{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.forward-send:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.forward-send:disabled{opacity:.5;cursor:not-allowed}.forward-send i{font-size:14px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.forward-controls{animation:slideInDown .3s ease-out}@media (max-width: 768px){.forward-controls{padding:10px 12px;margin-bottom:6px}.forward-count{font-size:13px}.forward-send{padding:6px 12px;font-size:13px}.message-checkbox input[type=checkbox]{width:16px;height:16px}.message.forward-mode .message-content{margin-left:30px}}.input-area{display:flex;flex-direction:column;width:100%}.reply-preview{position:relative;padding:8px 12px;background-color:#f5f5f5;border-left:4px solid #2196f3;margin:0 0 8px;border-radius:4px;width:100%;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes message-highlight{0%{background-color:transparent}30%{background-color:#2196f333}to{background-color:transparent}}.message-highlight{animation:message-highlight 1s ease-in-out}.composer-container{display:flex;align-items:center;width:100%;background:#fff}.reply-preview-content,.reply-preview-message{display:flex;flex-direction:column;gap:4px}.reply-preview-header{display:flex;justify-content:space-between;align-items:center}.reply-preview-sender{font-weight:500;color:#2196f3}.reply-preview-close{background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center}.reply-preview-close:hover{color:#333}.reply-preview-text{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:.9em}.reply-message{margin-bottom:12px;padding:8px 12px;background-color:#2196f31a;border-left:3px solid #2196f3;border-radius:6px;font-size:.9em;min-width:100px;margin-right:0;margin-left:0}.reply-content{display:flex;flex-direction:column;gap:4px}.reply-header{display:flex;align-items:center;gap:6px;color:#2196f3;font-weight:500;font-size:.85em}.reply-header i{font-size:.8em}.reply-label{font-size:.85em}.reply-text{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:.85em;line-height:1.3}.message.sent .reply-message{background-color:#4caf501a;border-left-color:#4caf50}.message.sent .reply-header{color:#4caf50}.message.received .reply-message{background-color:#2196f31a;border-left-color:#2196f3}.message.received .reply-header{color:#2196f3}.message-bubble .reply-message{margin-bottom:12px;margin-top:0;border-radius:6px;background-color:#0000001a;border-left:3px solid rgba(0,0,0,.3)}.message.sent .message-bubble .reply-message{background-color:#ffffff40;border-left:4px solid rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.message.received .message-bubble .reply-message{background-color:#00000014;border-left:4px solid rgba(0,0,0,.4);border:1px solid rgba(0,0,0,.1)}.message-bubble .reply-header{font-size:.8em;font-weight:600;opacity:1}.message.sent .message-bubble .reply-header{color:#ffffffe6}.message.received .message-bubble .reply-header{color:#000000b3}.message-bubble .reply-text{font-size:.8em;opacity:1}.message.sent .message-bubble .reply-text{color:#ffffffd9}.message.received .message-bubble .reply-text{color:#0009}.message-bubble .reply-message{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.message-bubble .reply-message:hover{opacity:.9}.reply-media-preview{display:flex;align-items:center;gap:8px}.reply-media-preview img{border-radius:4px;box-shadow:0 1px 3px #0003;flex-shrink:0}.reply-media-preview .reply-text{display:flex;align-items:center;gap:4px;font-size:.85em;color:#666}.message.sent .reply-media-preview .reply-text{color:#ffffffd9}.message.received .reply-media-preview .reply-text{color:#0009}.reply-preview .reply-media-preview{margin-top:4px}.reply-preview .reply-media-preview img{width:40px;height:40px;margin-right:0}.reply-preview .reply-text{font-size:.9em;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.message-options{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s ease;z-index:10}.message-bubble:hover .message-options,.message-options.active{opacity:1}.message-options-button{background:#0000001a;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:12px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.message-options-button:hover{background:#0003;color:#333;transform:scale(1.1)}.message.sent .message-options-button{background:#fff3;color:#fffc}.message.sent .message-options-button:hover{background:#ffffff4d;color:#fff}.message-options-menu{width:225px;padding:10px;background-color:#1d1f1f;color:#fafafa;font-size:16px;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;text-align:left;border-radius:16px;box-shadow:#0b141a42 0 2px 5px,#0b141a29 0 2px 10px;overflow:hidden}.message-options-menu ul{list-style:none;margin:0;padding:0}.message-options-menu li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.message-options-menu li:hover{background-color:#ffffff1a}.message-options-menu li i{flex-shrink:0;width:20px;height:20px;color:currentColor;font-size:16px}.message-options-menu li span{flex-grow:1;font-size:14px}.message-status-icon{margin-left:4px;font-size:12px;opacity:.7;transition:opacity .2s ease}.message-status-icon:hover{opacity:1}.loading-messages-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#2196f31a;border-bottom:1px solid rgba(33,150,243,.2);color:#2196f3;font-size:14px;font-weight:500;position:sticky;top:0;z-index:10}.loading-spinner{width:16px;height:16px;border:2px solid rgba(33,150,243,.3);border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messages-container{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='rich-pattern' x='0' y='0' width='300' height='300' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.18'%3E%3C!-- Balões de chat --%3E%3Cpath d='M30 40 h25 a6 6 0 0 1 6 6 v12 a6 6 0 0 1 -6 6 h-6 l-4 5 l-3 -5 h-12 a6 6 0 0 1 -6 -6 v-12 a6 6 0 0 1 6 -6' fill='none' stroke='%2329B9F2' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M240 180 h-25 a6 6 0 0 0 -6 6 v12 a6 6 0 0 0 6 6 h6 l4 5 l3 -5 h12 a6 6 0 0 0 6 -6 v-12 a6 6 0 0 0 -6 -6' fill='none' stroke='%2363A5BF' stroke-width='1.5' opacity='0.45'/%3E%3C!-- Coração --%3E%3Cpath d='M150 50 c0 -3 2 -5 5 -5 s5 2 5 5 c0 -3 2 -5 5 -5 s5 2 5 5 c0 5 -5 10 -10 15 c-5 -5 -10 -10 -10 -15' fill='%23ef4444' opacity='0.25'/%3E%3C!-- Estrela --%3E%3Cpath d='M200 90 l3 9 h9 l-7 5 l3 9 l-8 -6 l-8 6 l3 -9 l-7 -5 h9 z' fill='%23fbbf24' opacity='0.3'/%3E%3C!-- Nuvem --%3E%3Cpath d='M70 200 c0 -5 4 -8 8 -8 c1 -4 5 -7 9 -7 c5 0 9 4 9 9 h-26 z' fill='%2363A5BF' opacity='0.25'/%3E%3C!-- Sol --%3E%3Ccircle cx='250' cy='40' r='8' fill='%23fbbf24' opacity='0.3'/%3E%3Cpath d='M250 25 v6 M250 47 v6 M265 40 h-6 M239 40 h-6 M260 30 l-4 4 M244 46 l-4 4 M260 50 l-4 -4 M244 34 l-4 -4' stroke='%23fbbf24' stroke-width='1.5' opacity='0.3'/%3E%3C!-- Lua --%3E%3Cpath d='M40 250 a12 12 0 1 0 8 -8 a8 8 0 1 1 -8 8' fill='%23385273' opacity='0.25'/%3E%3C!-- Pássaro --%3E%3Cpath d='M180 140 q-8 -3 -12 0 q-2 -8 2 -12 q8 2 10 12' fill='%2329B9F2' opacity='0.3'/%3E%3Cpath d='M178 135 l-3 -2' stroke='%2329B9F2' stroke-width='1' opacity='0.3'/%3E%3C!-- Folha --%3E%3Cpath d='M120 270 q10 -15 0 -30 q10 15 20 15' fill='%2310b981' opacity='0.25'/%3E%3C!-- Música --%3E%3Cpath d='M270 200 v-20 m0 0 l8 -3 v15 m-8 8 a4 4 0 1 1 0 0.01' stroke='%23a78bfa' stroke-width='1.5' fill='none' opacity='0.3'/%3E%3C!-- Raio --%3E%3Cpath d='M100 80 l-8 15 h6 l-6 12 l12 -15 h-6 z' fill='%23fbbf24' opacity='0.25'/%3E%3C!-- Triângulos --%3E%3Cpath d='M220 250 L228 265 L212 265 Z' fill='%2329B9F2' opacity='0.2'/%3E%3Cpath d='M50 120 L58 135 L42 135 Z' fill='%2363A5BF' opacity='0.18'/%3E%3C!-- Quadrados arredondados --%3E%3Crect x='160' y='230' width='18' height='18' rx='4' fill='none' stroke='%2329B9F2' stroke-width='1.2' opacity='0.25'/%3E%3Crect x='10' y='180' width='15' height='15' rx='3' fill='%2363A5BF' opacity='0.2'/%3E%3C!-- Hexágono --%3E%3Cpath d='M280 150 L290 156 L290 168 L280 174 L270 168 L270 156 Z' fill='none' stroke='%23a78bfa' stroke-width='1' opacity='0.25'/%3E%3C!-- Círculos diversos --%3E%3Ccircle cx='90' cy='40' r='3' fill='%2329B9F2' opacity='0.25'/%3E%3Ccircle cx='200' cy='120' r='2.5' fill='%2363A5BF' opacity='0.22'/%3E%3Ccircle cx='130' cy='190' r='2' fill='%23385273' opacity='0.18'/%3E%3Ccircle cx='260' cy='260' r='2.2' fill='%2329B9F2' opacity='0.2'/%3E%3C!-- Ondas decorativas --%3E%3Cpath d='M140 110 Q150 105 160 110 T180 110' stroke='%2329B9F2' stroke-width='1' fill='none' opacity='0.22'/%3E%3Cpath d='M20 150 Q30 145 40 150 T60 150' stroke='%2363A5BF' stroke-width='1' fill='none' opacity='0.2'/%3E%3C!-- Flor simples --%3E%3Ccircle cx='230' cy='130' r='2' fill='%23f472b6' opacity='0.25'/%3E%3Ccircle cx='227' cy='128' r='1.5' fill='%23f472b6' opacity='0.2'/%3E%3Ccircle cx='233' cy='128' r='1.5' fill='%23f472b6' opacity='0.2'/%3E%3Ccircle cx='227' cy='132' r='1.5' fill='%23f472b6' opacity='0.2'/%3E%3Ccircle cx='233' cy='132' r='1.5' fill='%23f472b6' opacity='0.2'/%3E%3C!-- Borboleta simplificada --%3E%3Cellipse cx='110' cy='220' rx='4' ry='6' fill='%23a78bfa' opacity='0.22'/%3E%3Cellipse cx='118' cy='220' rx='4' ry='6' fill='%23a78bfa' opacity='0.22'/%3E%3Cline x1='114' y1='214' x2='114' y2='226' stroke='%23385273' stroke-width='1' opacity='0.25'/%3E%3C!-- Café --%3E%3Crect x='265' y='110' width='12' height='14' rx='2' fill='none' stroke='%23d97706' stroke-width='1' opacity='0.25'/%3E%3Cpath d='M277 115 h4 a3 3 0 0 1 0 6 h-4' stroke='%23d97706' stroke-width='1' fill='none' opacity='0.25'/%3E%3C!-- Avião de papel --%3E%3Cpath d='M180 250 l12 -8 l-8 -2 l-4 -8 l-2 10 l-8 2 z' fill='%2329B9F2' opacity='0.28'/%3E%3C!-- Losangos --%3E%3Cpath d='M60 90 l5 8 l-5 8 l-5 -8 z' fill='none' stroke='%2363A5BF' stroke-width='1' opacity='0.2'/%3E%3Cpath d='M250 210 l6 10 l-6 10 l-6 -10 z' fill='%2329B9F2' opacity='0.18'/%3E%3C!-- Setas --%3E%3Cpath d='M15 90 l8 0 l-4 -6 z' fill='%2329B9F2' opacity='0.2'/%3E%3Cpath d='M285 175 l0 8 l6 -4 z' fill='%2363A5BF' opacity='0.18'/%3E%3C!-- Smile --%3E%3Ccircle cx='140' cy='30' r='8' fill='none' stroke='%23fbbf24' stroke-width='1.2' opacity='0.28'/%3E%3Ccircle cx='137' cy='28' r='1' fill='%23fbbf24' opacity='0.28'/%3E%3Ccircle cx='143' cy='28' r='1' fill='%23fbbf24' opacity='0.28'/%3E%3Cpath d='M136 33 Q140 35 144 33' stroke='%23fbbf24' stroke-width='1' fill='none' opacity='0.28'/%3E%3C!-- Peixe --%3E%3Cellipse cx='35' cy='215' rx='8' ry='5' fill='%2329B9F2' opacity='0.22'/%3E%3Cpath d='M27 215 l-5 -3 l0 6 z' fill='%2329B9F2' opacity='0.22'/%3E%3Ccircle cx='39' cy='214' r='0.8' fill='%23ffffff' opacity='0.3'/%3E%3C!-- Planta --%3E%3Cpath d='M200 280 v-15 m-5 5 q5 -8 5 -15 m0 10 q5 -5 8 -8' stroke='%2310b981' stroke-width='1.2' fill='none' opacity='0.25'/%3E%3C!-- Diamante --%3E%3Cpath d='M280 280 l8 -8 l8 8 l-8 12 z' fill='none' stroke='%23a78bfa' stroke-width='1' opacity='0.25'/%3E%3C!-- Infinito --%3E%3Cpath d='M150 160 q-8 -8 -15 0 t-15 0 q8 8 15 0 t15 0 q-8 -8 -15 0' stroke='%2329B9F2' stroke-width='1' fill='none' opacity='0.2'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='300' height='300' fill='url(%23rich-pattern)'/%3E%3C/svg%3E")}.messages-container.pattern-icons{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg width='150' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='chat-icons' x='0' y='0' width='150' height='150' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.15'%3E%3C!-- Balão de chat esquerdo --%3E%3Cpath d='M20 30 h20 a5 5 0 0 1 5 5 v10 a5 5 0 0 1 -5 5 h-5 l-3 4 l-2 -4 h-10 a5 5 0 0 1 -5 -5 v-10 a5 5 0 0 1 5 -5' fill='none' stroke='%2329B9F2' stroke-width='1.5' opacity='0.6'/%3E%3C!-- Balão de chat direito --%3E%3Cpath d='M110 80 h-20 a5 5 0 0 0 -5 5 v10 a5 5 0 0 0 5 5 h5 l3 4 l2 -4 h10 a5 5 0 0 0 5 -5 v-10 a5 5 0 0 0 -5 -5' fill='none' stroke='%2363A5BF' stroke-width='1.5' opacity='0.5'/%3E%3C!-- Círculos decorativos --%3E%3Ccircle cx='70' cy='20' r='2' fill='%2329B9F2' opacity='0.4'/%3E%3Ccircle cx='130' cy='130' r='1.5' fill='%2363A5BF' opacity='0.35'/%3E%3Ccircle cx='25' cy='120' r='1.8' fill='%23385273' opacity='0.3'/%3E%3C!-- Ondas --%3E%3Cpath d='M50 130 Q60 125 70 130 T90 130' stroke='%2329B9F2' stroke-width='1' fill='none' opacity='0.35'/%3E%3Cpath d='M100 40 Q110 35 120 40 T140 40' stroke='%2363A5BF' stroke-width='1' fill='none' opacity='0.3'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='150' height='150' fill='url(%23chat-icons)'/%3E%3C/svg%3E")}.messages-container.pattern-dots{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='dots' x='0' y='0' width='50' height='50' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.2'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%2329B9F2' opacity='0.5'/%3E%3Ccircle cx='40' cy='40' r='1.2' fill='%2363A5BF' opacity='0.4'/%3E%3Ccircle cx='25' cy='25' r='0.8' fill='%23385273' opacity='0.3'/%3E%3Ccircle cx='10' cy='40' r='1' fill='%2329B9F2' opacity='0.35'/%3E%3Ccircle cx='40' cy='10' r='1.1' fill='%2363A5BF' opacity='0.4'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='50' height='50' fill='url(%23dots)'/%3E%3C/svg%3E")}.messages-container.pattern-geometric{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='geometric' x='0' y='0' width='120' height='120' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.18'%3E%3C!-- Triângulo --%3E%3Cpath d='M30 20 L35 30 L25 30 Z' fill='none' stroke='%2329B9F2' stroke-width='1' opacity='0.5'/%3E%3C!-- Quadrado arredondado --%3E%3Crect x='80' y='15' width='15' height='15' rx='3' fill='none' stroke='%2363A5BF' stroke-width='1' opacity='0.4'/%3E%3C!-- Hexágono --%3E%3Cpath d='M60 80 L68 75 L76 80 L76 90 L68 95 L60 90 Z' fill='none' stroke='%2329B9F2' stroke-width='1' opacity='0.45'/%3E%3C!-- Estrela pequena --%3E%3Cpath d='M95 85 L97 90 L102 90 L98 93 L99 98 L95 95 L91 98 L92 93 L88 90 L93 90 Z' fill='%2363A5BF' opacity='0.3'/%3E%3C!-- Círculos --%3E%3Ccircle cx='20' cy='90' r='2.5' fill='%2329B9F2' opacity='0.4'/%3E%3Ccircle cx='105' cy='50' r='2' fill='%23385273' opacity='0.35'/%3E%3C!-- Linhas decorativas --%3E%3Cpath d='M40 50 L50 50' stroke='%2329B9F2' stroke-width='1.5' opacity='0.3'/%3E%3Cpath d='M15 65 L25 65' stroke='%2363A5BF' stroke-width='1.5' opacity='0.35'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='120' height='120' fill='url(%23geometric)'/%3E%3C/svg%3E")}.messages-container.pattern-grid{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.12'%3E%3Cline x1='0' y1='0' x2='80' y2='0' stroke='%2329B9F2' stroke-width='0.5'/%3E%3Cline x1='0' y1='0' x2='0' y2='80' stroke='%2329B9F2' stroke-width='0.5'/%3E%3Ccircle cx='0' cy='0' r='1.5' fill='%2329B9F2' opacity='0.6'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='80' height='80' fill='url(%23grid)'/%3E%3C/svg%3E")}.messages-container.pattern-diagonal{background-color:#f8fafc;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(41,185,242,.02) 40px,rgba(41,185,242,.02) 42px)}[data-theme=dark] .messages-container{background-color:#18191a;background-image:url("data:image/svg+xml,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='rich-pattern-dark' x='0' y='0' width='300' height='300' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.15'%3E%3C!-- Balões de chat --%3E%3Cpath d='M30 40 h25 a6 6 0 0 1 6 6 v12 a6 6 0 0 1 -6 6 h-6 l-4 5 l-3 -5 h-12 a6 6 0 0 1 -6 -6 v-12 a6 6 0 0 1 6 -6' fill='none' stroke='%230466c8' stroke-width='1.5' opacity='0.6'/%3E%3Cpath d='M240 180 h-25 a6 6 0 0 0 -6 6 v12 a6 6 0 0 0 6 6 h6 l4 5 l3 -5 h12 a6 6 0 0 0 6 -6 v-12 a6 6 0 0 0 -6 -6' fill='none' stroke='%235c677d' stroke-width='1.5' opacity='0.45'/%3E%3C!-- Coração --%3E%3Cpath d='M150 50 c0 -3 2 -5 5 -5 s5 2 5 5 c0 -3 2 -5 5 -5 s5 2 5 5 c0 5 -5 10 -10 15 c-5 -5 -10 -10 -10 -15' fill='%23ef4444' opacity='0.25'/%3E%3C!-- Estrela --%3E%3Cpath d='M200 90 l3 9 h9 l-7 5 l3 9 l-8 -6 l-8 6 l3 -9 l-7 -5 h9 z' fill='%23fbbf24' opacity='0.3'/%3E%3C!-- Nuvem --%3E%3Cpath d='M70 200 c0 -5 4 -8 8 -8 c1 -4 5 -7 9 -7 c5 0 9 4 9 9 h-26 z' fill='%235c677d' opacity='0.25'/%3E%3C!-- Sol --%3E%3Ccircle cx='250' cy='40' r='8' fill='%23fbbf24' opacity='0.3'/%3E%3Cpath d='M250 25 v6 M250 47 v6 M265 40 h-6 M239 40 h-6 M260 30 l-4 4 M244 46 l-4 4 M260 50 l-4 -4 M244 34 l-4 -4' stroke='%23fbbf24' stroke-width='1.5' opacity='0.3'/%3E%3C!-- Lua --%3E%3Cpath d='M40 250 a12 12 0 1 0 8 -8 a8 8 0 1 1 -8 8' fill='%239199a8' opacity='0.25'/%3E%3C!-- Pássaro --%3E%3Cpath d='M180 140 q-8 -3 -12 0 q-2 -8 2 -12 q8 2 10 12' fill='%230466c8' opacity='0.3'/%3E%3Cpath d='M178 135 l-3 -2' stroke='%230466c8' stroke-width='1' opacity='0.3'/%3E%3C!-- Folha --%3E%3Cpath d='M120 270 q10 -15 0 -30 q10 15 20 15' fill='%2334d399' opacity='0.25'/%3E%3C!-- Música --%3E%3Cpath d='M270 200 v-20 m0 0 l8 -3 v15 m-8 8 a4 4 0 1 1 0 0.01' stroke='%23c4b5fd' stroke-width='1.5' fill='none' opacity='0.3'/%3E%3C!-- Raio --%3E%3Cpath d='M100 80 l-8 15 h6 l-6 12 l12 -15 h-6 z' fill='%23fbbf24' opacity='0.25'/%3E%3C!-- Triângulos --%3E%3Cpath d='M220 250 L228 265 L212 265 Z' fill='%230466c8' opacity='0.2'/%3E%3Cpath d='M50 120 L58 135 L42 135 Z' fill='%235c677d' opacity='0.18'/%3E%3C!-- Quadrados arredondados --%3E%3Crect x='160' y='230' width='18' height='18' rx='4' fill='none' stroke='%230466c8' stroke-width='1.2' opacity='0.25'/%3E%3Crect x='10' y='180' width='15' height='15' rx='3' fill='%235c677d' opacity='0.2'/%3E%3C!-- Hexágono --%3E%3Cpath d='M280 150 L290 156 L290 168 L280 174 L270 168 L270 156 Z' fill='none' stroke='%23c4b5fd' stroke-width='1' opacity='0.25'/%3E%3C!-- Círculos diversos --%3E%3Ccircle cx='90' cy='40' r='3' fill='%230466c8' opacity='0.25'/%3E%3Ccircle cx='200' cy='120' r='2.5' fill='%235c677d' opacity='0.22'/%3E%3Ccircle cx='130' cy='190' r='2' fill='%239199a8' opacity='0.18'/%3E%3Ccircle cx='260' cy='260' r='2.2' fill='%230466c8' opacity='0.2'/%3E%3C!-- Ondas decorativas --%3E%3Cpath d='M140 110 Q150 105 160 110 T180 110' stroke='%230466c8' stroke-width='1' fill='none' opacity='0.22'/%3E%3Cpath d='M20 150 Q30 145 40 150 T60 150' stroke='%235c677d' stroke-width='1' fill='none' opacity='0.2'/%3E%3C!-- Flor simples --%3E%3Ccircle cx='230' cy='130' r='2' fill='%23f9a8d4' opacity='0.25'/%3E%3Ccircle cx='227' cy='128' r='1.5' fill='%23f9a8d4' opacity='0.2'/%3E%3Ccircle cx='233' cy='128' r='1.5' fill='%23f9a8d4' opacity='0.2'/%3E%3Ccircle cx='227' cy='132' r='1.5' fill='%23f9a8d4' opacity='0.2'/%3E%3Ccircle cx='233' cy='132' r='1.5' fill='%23f9a8d4' opacity='0.2'/%3E%3C!-- Borboleta simplificada --%3E%3Cellipse cx='110' cy='220' rx='4' ry='6' fill='%23c4b5fd' opacity='0.22'/%3E%3Cellipse cx='118' cy='220' rx='4' ry='6' fill='%23c4b5fd' opacity='0.22'/%3E%3Cline x1='114' y1='214' x2='114' y2='226' stroke='%239199a8' stroke-width='1' opacity='0.25'/%3E%3C!-- Café --%3E%3Crect x='265' y='110' width='12' height='14' rx='2' fill='none' stroke='%23fbbf24' stroke-width='1' opacity='0.25'/%3E%3Cpath d='M277 115 h4 a3 3 0 0 1 0 6 h-4' stroke='%23fbbf24' stroke-width='1' fill='none' opacity='0.25'/%3E%3C!-- Avião de papel --%3E%3Cpath d='M180 250 l12 -8 l-8 -2 l-4 -8 l-2 10 l-8 2 z' fill='%230466c8' opacity='0.28'/%3E%3C!-- Losangos --%3E%3Cpath d='M60 90 l5 8 l-5 8 l-5 -8 z' fill='none' stroke='%235c677d' stroke-width='1' opacity='0.2'/%3E%3Cpath d='M250 210 l6 10 l-6 10 l-6 -10 z' fill='%230466c8' opacity='0.18'/%3E%3C!-- Setas --%3E%3Cpath d='M15 90 l8 0 l-4 -6 z' fill='%230466c8' opacity='0.2'/%3E%3Cpath d='M285 175 l0 8 l6 -4 z' fill='%235c677d' opacity='0.18'/%3E%3C!-- Smile --%3E%3Ccircle cx='140' cy='30' r='8' fill='none' stroke='%23fbbf24' stroke-width='1.2' opacity='0.28'/%3E%3Ccircle cx='137' cy='28' r='1' fill='%23fbbf24' opacity='0.28'/%3E%3Ccircle cx='143' cy='28' r='1' fill='%23fbbf24' opacity='0.28'/%3E%3Cpath d='M136 33 Q140 35 144 33' stroke='%23fbbf24' stroke-width='1' fill='none' opacity='0.28'/%3E%3C!-- Peixe --%3E%3Cellipse cx='35' cy='215' rx='8' ry='5' fill='%230466c8' opacity='0.22'/%3E%3Cpath d='M27 215 l-5 -3 l0 6 z' fill='%230466c8' opacity='0.22'/%3E%3Ccircle cx='39' cy='214' r='0.8' fill='%23ffffff' opacity='0.3'/%3E%3C!-- Planta --%3E%3Cpath d='M200 280 v-15 m-5 5 q5 -8 5 -15 m0 10 q5 -5 8 -8' stroke='%2334d399' stroke-width='1.2' fill='none' opacity='0.25'/%3E%3C!-- Diamante --%3E%3Cpath d='M280 280 l8 -8 l8 8 l-8 12 z' fill='none' stroke='%23c4b5fd' stroke-width='1' opacity='0.25'/%3E%3C!-- Infinito --%3E%3Cpath d='M150 160 q-8 -8 -15 0 t-15 0 q8 8 15 0 t15 0 q-8 -8 -15 0' stroke='%230466c8' stroke-width='1' fill='none' opacity='0.2'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='300' height='300' fill='url(%23rich-pattern-dark)'/%3E%3C/svg%3E")}[data-theme=dark] .messages-container.pattern-icons{background-color:#18191a;background-image:url("data:image/svg+xml,%3Csvg width='150' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='chat-icons-dark' x='0' y='0' width='150' height='150' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.15'%3E%3Cpath d='M20 30 h20 a5 5 0 0 1 5 5 v10 a5 5 0 0 1 -5 5 h-5 l-3 4 l-2 -4 h-10 a5 5 0 0 1 -5 -5 v-10 a5 5 0 0 1 5 -5' fill='none' stroke='%230466c8' stroke-width='1.5' opacity='0.6'/%3E%3Cpath d='M110 80 h-20 a5 5 0 0 0 -5 5 v10 a5 5 0 0 0 5 5 h5 l3 4 l2 -4 h10 a5 5 0 0 0 5 -5 v-10 a5 5 0 0 0 -5 -5' fill='none' stroke='%235c677d' stroke-width='1.5' opacity='0.5'/%3E%3Ccircle cx='70' cy='20' r='2' fill='%230466c8' opacity='0.4'/%3E%3Ccircle cx='130' cy='130' r='1.5' fill='%235c677d' opacity='0.35'/%3E%3Ccircle cx='25' cy='120' r='1.8' fill='%239199a8' opacity='0.3'/%3E%3Cpath d='M50 130 Q60 125 70 130 T90 130' stroke='%230466c8' stroke-width='1' fill='none' opacity='0.35'/%3E%3Cpath d='M100 40 Q110 35 120 40 T140 40' stroke='%235c677d' stroke-width='1' fill='none' opacity='0.3'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='150' height='150' fill='url(%23chat-icons-dark)'/%3E%3C/svg%3E")}[data-theme=dark] .messages-container.pattern-dots{background-color:#18191a;background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='dots-dark' x='0' y='0' width='50' height='50' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.18'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%230466c8' opacity='0.5'/%3E%3Ccircle cx='40' cy='40' r='1.2' fill='%235c677d' opacity='0.4'/%3E%3Ccircle cx='25' cy='25' r='0.8' fill='%239199a8' opacity='0.3'/%3E%3Ccircle cx='10' cy='40' r='1' fill='%230466c8' opacity='0.35'/%3E%3Ccircle cx='40' cy='10' r='1.1' fill='%235c677d' opacity='0.4'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='50' height='50' fill='url(%23dots-dark)'/%3E%3C/svg%3E")}[data-theme=dark] .messages-container.pattern-geometric{background-color:#18191a;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='geometric-dark' x='0' y='0' width='120' height='120' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.15'%3E%3Cpath d='M30 20 L35 30 L25 30 Z' fill='none' stroke='%230466c8' stroke-width='1' opacity='0.5'/%3E%3Crect x='80' y='15' width='15' height='15' rx='3' fill='none' stroke='%235c677d' stroke-width='1' opacity='0.4'/%3E%3Cpath d='M60 80 L68 75 L76 80 L76 90 L68 95 L60 90 Z' fill='none' stroke='%230466c8' stroke-width='1' opacity='0.45'/%3E%3Cpath d='M95 85 L97 90 L102 90 L98 93 L99 98 L95 95 L91 98 L92 93 L88 90 L93 90 Z' fill='%235c677d' opacity='0.3'/%3E%3Ccircle cx='20' cy='90' r='2.5' fill='%230466c8' opacity='0.4'/%3E%3Ccircle cx='105' cy='50' r='2' fill='%239199a8' opacity='0.35'/%3E%3Cpath d='M40 50 L50 50' stroke='%230466c8' stroke-width='1.5' opacity='0.3'/%3E%3Cpath d='M15 65 L25 65' stroke='%235c677d' stroke-width='1.5' opacity='0.35'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='120' height='120' fill='url(%23geometric-dark)'/%3E%3C/svg%3E")}[data-theme=dark] .messages-container.pattern-grid{background-color:#18191a;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid-dark' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.12'%3E%3Cline x1='0' y1='0' x2='80' y2='0' stroke='%230466c8' stroke-width='0.5'/%3E%3Cline x1='0' y1='0' x2='0' y2='80' stroke='%230466c8' stroke-width='0.5'/%3E%3Ccircle cx='0' cy='0' r='1.5' fill='%230466c8' opacity='0.6'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='80' height='80' fill='url(%23grid-dark)'/%3E%3C/svg%3E")}[data-theme=dark] .messages-container.pattern-diagonal{background-color:#18191a;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(4,102,200,.03) 40px,rgba(4,102,200,.03) 42px)}.messages-container.pattern-hexagon{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg width='50' height='43' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='hex' x='0' y='0' width='50' height='43' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.15'%3E%3Cpath d='M25 2 L38 10 L38 26 L25 34 L12 26 L12 10 Z' fill='none' stroke='%2329B9F2' stroke-width='1' opacity='0.5'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='50' height='43' fill='url(%23hex)'/%3E%3C/svg%3E")}[data-theme=dark] .messages-container.pattern-hexagon{background-color:#18191a;background-image:url("data:image/svg+xml,%3Csvg width='50' height='43' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='hex-dark' x='0' y='0' width='50' height='43' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.12'%3E%3Cpath d='M25 2 L38 10 L38 26 L25 34 L12 26 L12 10 Z' fill='none' stroke='%230466c8' stroke-width='1' opacity='0.5'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='50' height='43' fill='url(%23hex-dark)'/%3E%3C/svg%3E")}.messages-container.pattern-waves{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='waves' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.16'%3E%3Cpath d='M0 50 Q25 40 50 50 T100 50' stroke='%2329B9F2' stroke-width='1.5' fill='none' opacity='0.5'/%3E%3Cpath d='M0 70 Q25 60 50 70 T100 70' stroke='%2363A5BF' stroke-width='1.2' fill='none' opacity='0.4'/%3E%3Cpath d='M0 30 Q25 20 50 30 T100 30' stroke='%2329B9F2' stroke-width='1' fill='none' opacity='0.35'/%3E%3Ccircle cx='25' cy='50' r='1.5' fill='%2329B9F2' opacity='0.4'/%3E%3Ccircle cx='75' cy='70' r='1.2' fill='%2363A5BF' opacity='0.35'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23waves)'/%3E%3C/svg%3E")}[data-theme=dark] .messages-container.pattern-waves{background-color:#18191a;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='waves-dark' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cg opacity='0.15'%3E%3Cpath d='M0 50 Q25 40 50 50 T100 50' stroke='%230466c8' stroke-width='1.5' fill='none' opacity='0.5'/%3E%3Cpath d='M0 70 Q25 60 50 70 T100 70' stroke='%235c677d' stroke-width='1.2' fill='none' opacity='0.4'/%3E%3Cpath d='M0 30 Q25 20 50 30 T100 30' stroke='%230466c8' stroke-width='1' fill='none' opacity='0.35'/%3E%3Ccircle cx='25' cy='50' r='1.5' fill='%230466c8' opacity='0.4'/%3E%3Ccircle cx='75' cy='70' r='1.2' fill='%235c677d' opacity='0.35'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23waves-dark)'/%3E%3C/svg%3E")}[data-theme=dark]{color-scheme:dark;--dark-bg-base: #18191a;--dark-surface-1: #1f1f21;--dark-surface-2: #1f1f21;--dark-surface-3: #252629;--dark-surface-4: #2a2b2e;--dark-border: rgba(255, 255, 255, .08);--dark-border-strong: rgba(255, 255, 255, .12);--dark-text-primary: #e1e4e8;--dark-text-secondary: #9199a8;--dark-accent: #347adf;--dark-accent-secondary: #5691e4;--dark-accent-light: #669df1;--dark-accent-purple: #5243aa;--dark-accent-warning: #f2c029;--dark-accent-danger: #f15b50}[data-theme=dark] body{background:var(--dark-bg-base);color:var(--dark-text-primary)}[data-theme=dark] .sidebar{background:var(--dark-surface-1);border-right:1px solid var(--dark-border-strong);box-shadow:2px 0 8px #0000004d}[data-theme=dark] .content{background:var(--dark-bg-base)}[data-theme=dark] .chat-header-top{background:var(--dark-surface-3);border-bottom:1px solid var(--dark-border-strong);box-shadow:0 2px 8px #0006}[data-theme=dark] .chat-header-top .header-name{color:var(--dark-text-primary)}[data-theme=dark] .chat-header-top .header-sub{color:var(--dark-text-secondary)}[data-theme=dark] .chat-header-top .header-main-area:hover{background-color:#0466c826}[data-theme=dark] .contact-profile-overlay{background-color:#000000b3}[data-theme=dark] .contact-profile-panel{background-color:var(--dark-surface-2);box-shadow:-2px 0 16px #00000080}[data-theme=dark] .contact-profile-header{background-color:var(--dark-accent)}[data-theme=dark] .contact-profile-content{background-color:var(--dark-surface-1)}[data-theme=dark] .contact-profile-name{color:var(--dark-text-primary)}[data-theme=dark] .contact-profile-info-section{background-color:var(--dark-surface-2);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .contact-profile-section-title{color:var(--dark-text-secondary)}[data-theme=dark] .contact-profile-info-item{border-bottom:1px solid var(--dark-border-subtle)}[data-theme=dark] .contact-profile-info-label,[data-theme=dark] .contact-profile-info-label i{color:var(--dark-text-secondary)}[data-theme=dark] .contact-profile-info-value{color:var(--dark-text-primary)}[data-theme=dark] .contact-profile-avatar{border-color:var(--dark-surface-3)}[data-theme=dark] .contact-profile-content::-webkit-scrollbar-track{background:var(--dark-surface-1)}[data-theme=dark] .contact-profile-content::-webkit-scrollbar-thumb{background:var(--dark-border-strong)}[data-theme=dark] .contact-profile-content::-webkit-scrollbar-thumb:hover{background:var(--dark-accent)}[data-theme=dark] .contact-profile-input,[data-theme=dark] .contact-profile-textarea{background-color:var(--dark-surface-3);border-color:var(--dark-border-strong);color:var(--dark-text-primary)}[data-theme=dark] .contact-profile-input:focus,[data-theme=dark] .contact-profile-textarea:focus{border-color:var(--dark-accent);box-shadow:0 0 0 3px #0466c833}[data-theme=dark] .contact-profile-input:disabled,[data-theme=dark] .contact-profile-textarea:disabled{background-color:var(--dark-surface-1);opacity:.5}[data-theme=dark] .contact-profile-sync-btn{background:linear-gradient(135deg,var(--dark-accent) 0%,#0466c8 100%);box-shadow:0 2px 8px #0466c866}[data-theme=dark] .contact-profile-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#0466c8,#0353a4);box-shadow:0 4px 12px #0466c880}[data-theme=dark] .contact-profile-sync-description{color:var(--dark-text-secondary)}[data-theme=dark] .chat-header-top .header-btn{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .chat-header-top .header-btn:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff;box-shadow:0 2px 6px #0466c866}[data-theme=dark] .chat-header-top .header-status{border:1px solid}[data-theme=dark] .chat-header-top .status-ativo{background:#34d39933;color:#34d399;border-color:#34d39959}[data-theme=dark] .chat-header-top .status-pendente{background:#fb923c33;color:#fb923c;border-color:#fb923c59}[data-theme=dark] .chat-header-top .status-bot{background:#60a5fa33;color:#60a5fa;border-color:#60a5fa59}[data-theme=dark] .chat-header-top .status-finalizado{background:#94a3b833;color:#94a3b8;border-color:#94a3b859}[data-theme=dark] .chat-header-top .status-cancelado{background:#f8717133;color:#f87171;border-color:#f8717159}[data-theme=dark] .chat-header-top .status-pausado{background:#9ca3af33;color:#9ca3af;border-color:#9ca3af59}[data-theme=dark] .header-btn-start{background:#10b98126!important;border-color:#10b98166!important;color:#10b981!important}[data-theme=dark] .header-btn-start:hover{background:#10b98140!important;border-color:#10b981!important;color:#34d399!important;box-shadow:0 2px 6px #10b9814d!important}[data-theme=dark] .header-btn-transfer{background:#f59e0b26!important;border-color:#f59e0b66!important;color:#f59e0b!important}[data-theme=dark] .header-btn-transfer:hover{background:#f59e0b40!important;border-color:#f59e0b!important;color:#fbbf24!important;box-shadow:0 2px 6px #f59e0b4d!important}[data-theme=dark] .header-btn-close{background:#ef444426!important;border-color:#ef444466!important;color:#ef4444!important}[data-theme=dark] .header-btn-close:hover{background:#ef444440!important;border-color:#ef4444!important;color:#f87171!important;box-shadow:0 2px 6px #ef44444d!important}[data-theme=dark] .messages-container{background:var(--dark-bg-base)}[data-theme=dark] .messages-placeholder .placeholder-card{background:var(--dark-surface-1);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .messages-placeholder .placeholder-card .subtitle{color:var(--dark-text-secondary)}[data-theme=dark] .composer-bar{background:var(--dark-surface-3);border-top:1px solid var(--dark-border-strong);box-shadow:0 -2px 8px #0006}[data-theme=dark] .composer-bar.disabled{background:var(--dark-surface-1);border-top:1px solid var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .composer-bar-disabled-message{background:linear-gradient(135deg,var(--dark-surface-2) 0%,var(--dark-surface-1) 100%);border-top:1px solid var(--dark-border-strong);border-bottom:1px solid var(--dark-border-strong);color:var(--dark-text-secondary);box-shadow:inset 0 2px 4px #0000004d}[data-theme=dark] .composer-action{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .composer-action:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff;box-shadow:0 2px 6px #0466c866}[data-theme=dark] .composer-action:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .composer-input{background:linear-gradient(135deg,#0466c814,#0553a41a);color:var(--dark-text-primary);border:1px solid var(--dark-border-strong);box-shadow:inset 0 1px 3px #0000004d,inset 0 0 10px #0466c80d;transition:all .2s ease}[data-theme=dark] .composer-input::placeholder{color:var(--dark-text-secondary);opacity:.7}[data-theme=dark] .composer-input:hover{background:linear-gradient(135deg,#0466c81f,#0553a424);border-color:var(--dark-accent)}[data-theme=dark] .composer-input:focus{border-color:var(--dark-accent);box-shadow:0 0 0 3px #0466c84d,inset 0 1px 3px #0003,inset 0 0 15px #0466c81a;background:linear-gradient(135deg,#0466c81f,#0553a426)}[data-theme=dark] .composer-input:disabled{opacity:.5;cursor:not-allowed;background:var(--dark-surface-1)}[data-theme=dark] .composer-send{background:linear-gradient(135deg,#0466c8,#0353a4);box-shadow:0 2px 8px #0466c866}[data-theme=dark] .composer-send:hover{background:linear-gradient(135deg,#0575e6,#0466c8);box-shadow:0 4px 12px #0466c899}[data-theme=dark] .attach-popover{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);box-shadow:0 4px 12px #00000080}[data-theme=dark] .attach-item{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .attach-item:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff}[data-theme=dark] .emoji-popover{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);box-shadow:0 4px 12px #00000080}[data-theme=dark] .composer-container,[data-theme=dark] .input-area{background:transparent!important}[data-theme=dark] .use-chat-name-container{background-color:#0466c826!important;border-color:var(--dark-border-strong)!important}[data-theme=dark] .use-chat-name-container:hover{background-color:#0466c838!important;border-color:var(--dark-accent)!important}[data-theme=dark] .use-chat-name-container label{color:var(--dark-text-primary)!important}[data-theme=dark] .use-chat-name-container label strong{color:var(--dark-accent)!important}[data-theme=dark] .use-chat-name-container input[type=checkbox]{accent-color:var(--dark-accent)}[data-theme=dark] .composer-container>div[style*=backgroundColor],[data-theme=dark] .composer-bar div[style*="backgroundColor: rgb(248, 249, 250)"],[data-theme=dark] div[style*="backgroundColor:#f8f9fa"]:not(.use-chat-name-container),[data-theme=dark] div[style*="background-color: #f8f9fa"]:not(.use-chat-name-container),[data-theme=dark] div[style*="background-color:rgb(248, 249, 250)"]:not(.use-chat-name-container){background-color:var(--dark-surface-4)!important;border-color:var(--dark-border-strong)!important;color:var(--dark-text-primary)!important}[data-theme=dark] .reply-preview{background:var(--dark-surface-3);border-top:1px solid var(--dark-border-strong);box-shadow:0 -2px 4px #0000004d}[data-theme=dark] .reply-preview-message{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .reply-preview-header{color:var(--dark-text-secondary)}[data-theme=dark] .reply-preview-sender{color:var(--dark-accent)}[data-theme=dark] .reply-content{color:var(--dark-text-primary)}[data-theme=dark] .reply-text{color:var(--dark-text-secondary)}[data-theme=dark] .reply-preview-close{color:var(--dark-text-secondary);background:#0466c81f}[data-theme=dark] .reply-preview-close:hover{background:var(--dark-accent);color:#fff}[data-theme=dark] .reply-message{background:#0466c826!important;border-left-color:var(--dark-accent)!important}[data-theme=dark] .reply-message:hover{background:#0466c838!important}[data-theme=dark] .message.sent .reply-message{background:#0466c840!important;border-left-color:var(--dark-accent)!important}[data-theme=dark] .message.received .reply-message{background:#0466c826!important;border-left-color:var(--dark-accent)!important}[data-theme=dark] .message-bubble .reply-message{background:#0466c82e!important;border-left-color:var(--dark-accent)!important}[data-theme=dark] .message.sent .message-bubble .reply-message{background:#0466c840!important;border-left:4px solid var(--dark-accent)!important;border-right:1px solid rgba(4,102,200,.4)!important;border-top:1px solid rgba(4,102,200,.4)!important;border-bottom:1px solid rgba(4,102,200,.4)!important}[data-theme=dark] .message.received .message-bubble .reply-message{background:#0466c826!important;border-left:4px solid var(--dark-accent)!important;border-right:1px solid var(--dark-border-strong)!important;border-top:1px solid var(--dark-border-strong)!important;border-bottom:1px solid var(--dark-border-strong)!important}[data-theme=dark] .reply-header,[data-theme=dark] .reply-label{color:var(--dark-accent)!important}[data-theme=dark] .message.sent .message-bubble .reply-header,[data-theme=dark] .message.sent .message-bubble .reply-label{color:#ffffffe6!important}[data-theme=dark] .message.received .message-bubble .reply-header,[data-theme=dark] .message.received .message-bubble .reply-label{color:var(--dark-accent)!important}[data-theme=dark] .message.sent .message-bubble .reply-text{color:#ffffffd9!important}[data-theme=dark] .message.received .message-bubble .reply-text{color:var(--dark-text-secondary)!important}[data-theme=dark] .forward-controls{background:linear-gradient(135deg,#0466c8,#0353a4)!important;box-shadow:0 2px 8px #0466c866}[data-theme=dark] .forward-count{color:#fff}[data-theme=dark] .forward-send{background:#fff3;border-color:#ffffff4d}[data-theme=dark] .forward-send:hover:not(:disabled){background:#ffffff4d}[data-theme=dark] .message.forward-mode:hover{background-color:#0466c814}[data-theme=dark] .message.forward-mode.selected{background-color:#0466c82e;border-left-color:var(--dark-accent)}[data-theme=dark] .message-checkbox input[type=checkbox]{accent-color:var(--dark-accent)}[data-theme=dark] .loading-messages-indicator{background-color:#0466c826;border-bottom-color:#0466c84d;color:var(--dark-accent)}[data-theme=dark] .loading-spinner{border-color:#0466c840;border-top-color:var(--dark-accent)}[data-theme=dark] .scroll-to-bottom-btn{background:var(--dark-accent);box-shadow:0 4px 12px #0466c880}[data-theme=dark] .scroll-to-bottom-btn:hover{background:#0575e6;box-shadow:0 6px 16px #0466c899}[data-theme=dark] .pending-messages-pill{background:#fff;color:var(--dark-accent)}[data-theme=dark] .session-info{background-color:#0466c82e!important;color:var(--dark-accent)!important;border:1px solid rgba(4,102,200,.3);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .message-options-button{background:#0466c82e;color:var(--dark-text-primary);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .message-options-button:hover{background:var(--dark-accent);color:#fff}[data-theme=dark] .message.sent .message-options-button{background:#fff3;color:#ffffffe6}[data-theme=dark] .message.sent .message-options-button:hover{background:#ffffff4d;color:#fff}[data-theme=dark] .forwarded-indicator{color:var(--dark-text-secondary)!important}[data-theme=dark] .audio-recorder-start{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .audio-recorder-start:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff}[data-theme=dark] .audio-recorder-recording{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .audio-recorder-recording.finalized{background:#10b98126;border-color:#10b98166}[data-theme=dark] .audio-preview{background:var(--dark-surface-4);border-color:#0466c866;box-shadow:0 2px 8px #0006}[data-theme=dark] .preview-header{background:#0466c82e}[data-theme=dark] .audio-preview audio::-webkit-media-controls-panel{background-color:var(--dark-surface-3)}[data-theme=dark] .audio-preview audio::-webkit-media-controls-timeline{background-color:var(--dark-surface-4)}[data-theme=dark] .timer-text{color:var(--dark-text-primary)}[data-theme=dark] .audio-recorder-recording.finalized .timer-text{color:#10b981}[data-theme=dark] .audio-recorder-controls button,[data-theme=dark] .recorder-controls button{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .audio-recorder-controls button:hover,[data-theme=dark] .recorder-controls button:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff}[data-theme=dark] .recorder-cancel{background:#ef444426!important;border-color:#ef444466!important;color:#ef4444!important}[data-theme=dark] .recorder-cancel:hover{background:#ef444440!important;border-color:#ef4444!important}[data-theme=dark] .recorder-send{background:#10b98126!important;border-color:#10b98166!important;color:#10b981!important}[data-theme=dark] .recorder-send:hover{background:#10b98140!important;border-color:#10b981!important}[data-theme=dark] #chats{background:var(--dark-surface-2);box-shadow:2px 0 8px #0006}[data-theme=dark] #chats .chat-list-header{background:var(--dark-surface-3);border-bottom:1px solid var(--dark-border-strong)}[data-theme=dark] .chat-list-items{background:var(--dark-surface-2)}[data-theme=dark] .tabs .tab{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-secondary);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .tabs .tab.active{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff;box-shadow:0 2px 6px #0466c866}[data-theme=dark] .chat-search-input{background:var(--dark-surface-4);color:var(--dark-text-primary);border:1px solid var(--dark-border-strong);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .chat-search-input:focus{border-color:var(--dark-accent);box-shadow:0 0 0 3px #0466c84d,inset 0 1px 3px #0003;background:var(--dark-surface-3)}[data-theme=dark] .chat-search-icon,[data-theme=dark] .chat-search-clear{color:var(--dark-text-secondary)}[data-theme=dark] .chat-search-clear:hover{color:var(--dark-accent)}[data-theme=dark] .chat-empty-message{color:var(--dark-text-secondary)}[data-theme=dark] .chat-list-items .chat-item{border-bottom:1px solid var(--dark-border);transition:all .2s ease}[data-theme=dark] .chat-list-items .chat-item:hover{background:#0466c81f;box-shadow:inset 0 0 8px #0466c826}[data-theme=dark] .chat-list-items .chat-item.selected{background:#0466c838;border-left:4px solid var(--dark-accent);box-shadow:inset 0 0 12px #0466c833}[data-theme=dark] #chats .contact-name{color:var(--dark-text-primary)}[data-theme=dark] #chats .chat-time,[data-theme=dark] #chats .last-message{color:var(--dark-text-secondary)}[data-theme=dark] #chats .meta-item{font-size:11px;border:1px solid}[data-theme=dark] #chats .chat-meta>.meta-item:nth-child(1){background:#a78bfa26;color:#a78bfa;border-color:#a78bfa4d}[data-theme=dark] #chats .chat-meta>.meta-item:nth-child(2){background:#34d39926;color:#34d399;border-color:#34d3994d}[data-theme=dark] #chats .chat-meta>.meta-item[data-canal=telegram]{background:#60a5fa26;color:#60a5fa;border-color:#60a5fa4d}[data-theme=dark] #chats .chat-meta>.meta-item[data-canal=email]{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}[data-theme=dark] #chats .chat-meta>.meta-item:nth-child(3){background:#60a5fa26;color:#60a5fa;border-color:#60a5fa4d}[data-theme=dark] #chats .status-badge.status-ativo{background:#34d39926;color:#34d399;border-color:#34d3994d}[data-theme=dark] #chats .status-badge.status-pendente{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}[data-theme=dark] #chats .status-badge.status-bot{background:#60a5fa26;color:#60a5fa;border-color:#60a5fa4d}[data-theme=dark] #chats .status-badge.status-finalizado{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}[data-theme=dark] #chats .status-badge.status-pausado{background:#6b728026;color:#6b7280;border-color:#6b72804d}[data-theme=dark] #chats .status-indicator{border:1px solid}[data-theme=dark] #chats .status-ativo{background:#34d39933;color:#34d399;border-color:#34d39959}[data-theme=dark] #chats .status-pendente{background:#fb923c33;color:#fb923c;border-color:#fb923c59}[data-theme=dark] #chats .status-bot{background:#60a5fa33;color:#60a5fa;border-color:#60a5fa59}[data-theme=dark] #chats .status-finalizado{background:#94a3b833;color:#94a3b8;border-color:#94a3b859}[data-theme=dark] #chats .status-cancelado{background:#f8717133;color:#f87171;border-color:#f8717159}[data-theme=dark] #chats .status-pausado{background:#9ca3af33;color:#9ca3af;border-color:#9ca3af59}[data-theme=dark] .message.received .message-bubble{background:var(--dark-surface-4);color:var(--dark-text-primary);border:1px solid var(--dark-border-strong);box-shadow:0 2px 6px #0006}[data-theme=dark] .message-time{color:var(--dark-text-secondary)}[data-theme=dark] .modal-overlay{background:#000000e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .modal-card{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);box-shadow:0 20px 60px #000000b3}[data-theme=dark] .modal-header{background:var(--dark-surface-4);border-bottom:1px solid var(--dark-border-strong);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .modal-title{color:var(--dark-text-primary)}[data-theme=dark] .modal-close{background:#0466c81f;border:1px solid var(--dark-border-strong);color:var(--dark-text-primary)}[data-theme=dark] .modal-close:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff}[data-theme=dark] .form-field label{color:var(--dark-text-secondary)}[data-theme=dark] .form-field input,[data-theme=dark] .form-field select{background:var(--dark-surface-4);color:var(--dark-text-primary);border:1px solid var(--dark-border-strong);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .form-field input:focus,[data-theme=dark] .form-field select:focus{border-color:var(--dark-accent);box-shadow:0 0 0 3px #0466c84d,inset 0 1px 3px #0003;background:var(--dark-surface-3)}[data-theme=dark] .listbox{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);box-shadow:0 4px 12px #00000080}[data-theme=dark] .listbox-item{background:var(--dark-surface-3);border-bottom:1px solid var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .listbox-item:hover{background:#0466c81f;box-shadow:inset 0 0 8px #0466c826}[data-theme=dark] .listbox-item.selected{background:#0466c838;border-left:3px solid var(--dark-accent);box-shadow:inset 0 0 12px #0466c833}[data-theme=dark] .listbox-title{color:var(--dark-text-primary)}[data-theme=dark] .listbox-sub{color:var(--dark-text-secondary)}[data-theme=dark] .modal-footer{background:var(--dark-surface-4);border-top:1px solid var(--dark-border-strong);box-shadow:0 -2px 4px #0000004d}[data-theme=dark] .btn{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .btn:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff;box-shadow:0 2px 6px #0466c866}[data-theme=dark] .audio-message{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 2px 6px #0006}[data-theme=dark] .audio-sender-circle{background:var(--dark-surface-3);border:2px solid var(--dark-border-strong)}[data-theme=dark] .audio-message .audio-progress-bar{background:var(--dark-surface-3);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .audio-message .audio-speed-button{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .audio-message .audio-speed-button:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff}[data-theme=dark] .document-attachment{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);box-shadow:0 2px 6px #0006}[data-theme=dark] .document-name{color:var(--dark-text-primary)}[data-theme=dark] .document-meta{color:var(--dark-text-secondary)}[data-theme=dark] .download-btn{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .download-btn:hover{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff}[data-theme=dark] .floating-audio-control{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);box-shadow:0 12px 40px #000000b3,0 0 1px var(--dark-border-strong)}[data-theme=dark] .floating-audio-control .audio-progress-bar{background:var(--dark-surface-4);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .floating-audio-control .audio-time-display{color:var(--dark-text-secondary)}[data-theme=dark] .floating-audio-control .audio-speed-button{background:var(--dark-surface-4);border:1px solid var(--dark-border-strong);color:var(--dark-text-secondary);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .media-preview-container{background:var(--dark-surface-3);box-shadow:0 20px 60px #000c}[data-theme=dark] .media-preview-header{background:var(--dark-surface-4);border-bottom:1px solid var(--dark-border-strong);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .media-preview-title{color:var(--dark-text-primary)}[data-theme=dark] .media-preview-close{color:var(--dark-text-secondary);background:#0466c81a}[data-theme=dark] .media-preview-close:hover{background:var(--dark-accent);color:#fff}[data-theme=dark] .media-control-btn{background:var(--dark-surface-3);border:1px solid var(--dark-border-strong);color:var(--dark-text-primary);box-shadow:0 1px 3px #0003}[data-theme=dark] .media-control-btn:hover{background:#29b9f226;border-color:var(--dark-accent);color:var(--dark-accent)}[data-theme=dark] .media-control-btn.active{background:var(--dark-accent);border-color:var(--dark-accent);color:#fff;box-shadow:0 2px 8px #29b9f266}[data-theme=dark] .message-input{background:var(--dark-surface-3);color:var(--dark-text-primary);border:1px solid var(--dark-border-strong);box-shadow:inset 0 1px 3px #0003}[data-theme=dark] .message-input:focus{border-color:var(--dark-accent);box-shadow:0 0 0 3px #29b9f233,inset 0 1px 3px #0000001a;background:var(--dark-surface-2)}[data-theme=dark] .message-input-label{color:var(--dark-text-primary)}[data-theme=dark] .input-hint{color:var(--dark-text-secondary)}[data-theme=dark] .thumbnail-document{background:var(--dark-surface-3);color:var(--dark-text-secondary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .media-add-thumbnail{background:var(--dark-surface-3);border:2px dashed var(--dark-border-strong);color:var(--dark-text-secondary);box-shadow:0 1px 3px #0003}[data-theme=dark] .media-add-thumbnail:hover{border-color:var(--dark-accent);background:#29b9f21a;color:var(--dark-accent);box-shadow:0 2px 6px #29b9f233}[data-theme=dark] .messages-container::-webkit-scrollbar-track{background:var(--dark-surface-1)}[data-theme=dark] .messages-container::-webkit-scrollbar-thumb{background:var(--dark-surface-3);border-radius:4px}[data-theme=dark] .messages-container::-webkit-scrollbar-thumb:hover{background:#29b9f24d}[data-theme=dark] .media-thumbnails::-webkit-scrollbar-track{background:var(--dark-surface-2)}[data-theme=dark] .media-thumbnails::-webkit-scrollbar-thumb{background:var(--dark-surface-3);border-radius:4px}[data-theme=dark] .media-thumbnails::-webkit-scrollbar-thumb:hover{background:#29b9f24d}[data-theme=dark] .MuiTableContainer-root{background-color:var(--dark-surface-2);border-color:var(--dark-border-strong)}[data-theme=dark] .MuiTableHead-root .MuiTableCell-root{background-color:var(--dark-surface-3);color:var(--dark-text-primary);border-bottom-color:var(--dark-border-strong);font-weight:600}[data-theme=dark] .MuiTableBody-root .MuiTableCell-root{color:var(--dark-text-primary);border-bottom-color:var(--dark-border)}[data-theme=dark] .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n){background-color:#ffffff08}[data-theme=dark] .MuiTableBody-root .MuiTableRow-root:nth-of-type(odd){background-color:var(--dark-surface-2)}[data-theme=dark] .MuiTableBody-root .MuiTableRow-root:hover{background-color:#347adf26!important;transition:background-color .2s ease}[data-theme=dark] .MuiTablePagination-root{color:var(--dark-text-primary);border-top-color:var(--dark-border-strong)}[data-theme=dark] .MuiTablePagination-selectLabel,[data-theme=dark] .MuiTablePagination-displayedRows{color:var(--dark-text-secondary)}[data-theme=dark] .MuiTablePagination-select,[data-theme=dark] .MuiTablePagination-actions .MuiIconButton-root{color:var(--dark-text-primary)}[data-theme=dark] .MuiTablePagination-actions .MuiIconButton-root:hover{background-color:#347adf26}[data-theme=dark] .MuiTablePagination-actions .MuiIconButton-root.Mui-disabled{color:var(--dark-text-secondary);opacity:.5}[data-theme=dark] .MuiTableContainer-root::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] .MuiTableContainer-root::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}[data-theme=dark] .MuiTableContainer-root::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}[data-theme=dark] .MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .MuiPaper-root{background-color:var(--dark-surface-2);color:var(--dark-text-primary)}[data-theme=dark] .MuiPaper-outlined{border-color:var(--dark-border-strong)}[data-theme=dark] .MuiCard-root{background-color:var(--dark-surface-2);border-color:var(--dark-border-strong)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;height:100%;display:block;overflow:hidden;background:#fff}h1{font-size:3.2em;line-height:1.1}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:1fr;height:100%}.atendimento-shell{display:grid;grid-template-columns:360px 1fr;grid-template-rows:1fr;height:100%;min-height:0;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:0;overflow:hidden}.content{display:flex;flex-direction:column;background:#fafbfc;min-height:0;overflow:hidden}.chat-header-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb;gap:12px}.chat-header-top .header-main-area{display:flex;align-items:center;flex:1;min-width:0;padding:8px;margin:-8px;border-radius:8px;transition:background-color .2s ease}.chat-header-top .header-main-area:hover{background-color:#29b9f214}.chat-header-top .header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.chat-header-top .header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-header-top .header-info{display:flex;flex-direction:column;min-width:0}.chat-header-top .header-name-row{display:flex;align-items:center;gap:8px}.chat-header-top .header-name{font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-top .header-sub{font-size:12px;color:#6b7280}.chat-header-top .header-status{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.chat-header-top .status-ativo{background:#10b98126;color:#059669;border-color:#10b9814d}.chat-header-top .status-pendente{background:#f59e0b26;color:#d97706;border-color:#f59e0b4d}.chat-header-top .status-bot{background:#3b82f626;color:#2563eb;border-color:#3b82f64d}.chat-header-top .status-finalizado{background:#22c55e26;color:#16a34a;border-color:#22c55e4d}.chat-header-top .status-pausado{background:#6b728026;color:#4b5563;border-color:#6b72804d}.chat-header-top .header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-header-top .header-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#374151;cursor:pointer;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:all .2s ease}.chat-header-top .header-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.chat-header-top .header-btn-start{background:linear-gradient(135deg,#10b9811f,#05966926);border-color:#10b9814d;color:#059669}.chat-header-top .header-btn-start:hover{background:linear-gradient(135deg,#10b98133,#05966940);border-color:#10b98180;color:#047857}.chat-header-top .header-btn-transfer{background:linear-gradient(135deg,#3b82f61f,#2563eb26);border-color:#3b82f64d;color:#2563eb}.chat-header-top .header-btn-transfer:hover{background:linear-gradient(135deg,#3b82f633,#2563eb40);border-color:#3b82f680;color:#1d4ed8}.chat-header-top .header-btn-close{background:linear-gradient(135deg,#ef44441f,#dc262626);border-color:#ef44444d;color:#dc2626}.chat-header-top .header-btn-close:hover{background:linear-gradient(135deg,#ef444433,#dc262640);border-color:#ef444480;color:#b91c1c}.chat-header-top .header-btn.danger{background:#fff5f5;border-color:#fecaca;color:#b91c1c}.chat-header-top .header-btn.danger:hover{background:#fee2e2}.messages-grid-container{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.messages-container{flex:1;min-height:0;overflow-y:auto;padding:20px;background:#fafbfc;position:relative}.messages-container{overscroll-behavior:contain}.messages-placeholder{height:100%;display:flex;align-items:center;justify-content:center}.messages-placeholder .placeholder-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#374151;box-shadow:0 4px 16px #0000000a}.messages-placeholder .placeholder-card .title{font-weight:700;font-size:16px}.messages-placeholder .placeholder-card .subtitle{font-size:13px;color:#6b7280}.messages-placeholder .placeholder-card i{font-size:28px;color:#667eea}.composer-bar{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #e5e7eb}.composer-bar-disabled-message{padding:16px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;text-align:center;color:#6b7280;font-size:14px;line-height:1.6;font-weight:500;box-shadow:inset 0 2px 4px #0000000d}.composer-actions{display:flex;align-items:center;gap:8px}.composer-action{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;color:#374151;cursor:pointer}.composer-action:hover{background:#f1f5f9}.attach-menu{position:relative}.attach-popover{position:absolute;bottom:44px;left:0;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px}.emoji-menu{position:relative}.emoji-popover{position:absolute;bottom:44px;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;width:350px;height:400px}.composer-bar textarea,.composer-bar input{font-family:"Segoe UI Emoji","Noto Color Emoji",Segoe UI Symbol,"Android Emoji",EmojiSymbols,sans-serif;box-shadow:0 10px 30px #0000001f;z-index:50}.attach-item{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#f8fafc;color:#374151;cursor:pointer;font-size:13px}.attach-item:hover{background:#eef2f7;border-color:#e5e7eb}.composer-input{flex:1;resize:none;border:1px solid #d1d5db;border-radius:12px;padding:8px 12px;font-size:14px;line-height:20px;max-height:136px;outline:none;background:#fff;color:#111827;overflow-y:hidden}.composer-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.composer-send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.composer-send:hover{filter:brightness(1.05)}#chats{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}#chats .chat-list-header{padding:12px;border-bottom:1px solid #eaeaea;background:#fff;flex-shrink:0}.chat-list-items{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.tabs .tab{padding:6px 10px;border:1px solid #e5e7eb;background:#f8fafc;color:#374151;font-size:12px;font-weight:700;border-radius:8px}.tabs .tab.active{background:#eef2ff;border-color:#c7d2fe;color:#1d4ed8}.chat-search-wrapper{display:flex;align-items:center;gap:8px}.chat-search{position:relative;display:flex;align-items:center;flex:1}.chat-search-input{width:100%;padding:8px 32px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#111827}.chat-search-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.chat-search-icon{position:absolute;left:10px;color:#6b7280;font-size:14px}.chat-search-clear{position:absolute;right:8px;border:none;background:transparent;color:#6b7280;cursor:pointer;padding:6px}.chat-search-clear:hover{color:#374151}.chat-action-buttons{display:flex;align-items:center;gap:6px}.chat-refresh-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s ease;padding:0;font-size:13px}.chat-refresh-button:hover{background:#e0f2fe;color:#0ea5e9;border-color:#bae6fd}.chat-refresh-button:disabled{opacity:.6;cursor:not-allowed}.chat-new-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 8px #0ea5e959;cursor:pointer;transition:all .2s ease}.chat-new-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 4px 12px #0ea5e973;transform:translateY(-1px)}.chat-empty-message{text-align:center;padding:24px 12px;color:#6b7280;font-size:14px;line-height:1.5;-webkit-user-select:none;user-select:none}.chat-filters-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.multi-toggle{width:18px;height:18px;border-radius:4px;border:1px solid #d1d5db;background:#f3f4f6;box-shadow:inset 0 0 0 2px #fff6;display:inline-block}.multi-toggle.on{background:#2563eb;border-color:#1d4ed8}.chat-filter{padding:4px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#f3f4f6;color:#374151;font-size:12px;font-weight:700;cursor:pointer}.chat-filter.on{background:#e3f2fd;color:#1d4ed8}.chat-list-items .chat-item{padding:14px 16px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background .2s ease}.chat-list-items .chat-item:hover{background:#f8f9fa}.chat-list-items .chat-item.selected{background:#e3f2fd;border-left:4px solid #667eea}.chat-list-items .chat-content{display:flex;align-items:center;gap:12px}#chats .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}#chats .chat-info{flex:1;min-width:0}#chats .chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}#chats .contact-name{font-weight:600;font-size:14px;color:#111827}#chats .chat-time{font-size:12px;color:#6b7280}#chats .last-message{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#chats .messages-badge{background:#e74c3c;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:12px}.message-bubble{padding:12px 16px;border-radius:18px;position:relative;min-width:100px}.message.sent .message-bubble .content{background:transparent!important;color:inherit}.message-time{font-size:11px;color:#6b7280;margin-top:4px;display:flex;align-items:center;gap:4px}.image-attachment img{max-width:350px;max-height:350px;width:auto;height:auto;border-radius:8px}.video-attachment video{max-width:350px;max-height:350px;width:auto;height:auto;border-radius:8px}.audio-attachment{display:flex;margin:8px 0;min-width:320px;max-width:320px}.audio-attachment audio{border-radius:8px;background:#f8f9fa}.document-attachment{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin:8px 0;max-width:320px}.document-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.document-info i{flex-shrink:0}.document-info .fas.fa-file-pdf{color:#e53e3e;font-size:24px}.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center;position:relative;top:-15px}.reactions-own{justify-content:flex-end}.reactions-other{justify-content:flex-start}.reaction-group{display:flex;align-items:center;background:#00000014;border-radius:16px;padding:4px 10px;font-size:12px;gap:0px;transition:all .2s ease;-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000000d}.reactions-own .reaction-group{background:#ffffff40;border:1px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #0000001a}.reactions-other .reaction-group{background:#0000000f;border:1px solid rgba(0,0,0,.08)}.reaction-group:hover{background:#0000001f;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.reactions-own .reaction-group:hover{background:#ffffff59;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.reaction-emoji{font-size:16px;line-height:1}.reaction-count{font-size:16px;font-weight:400;color:#0009;min-width:16px;text-align:center}.document-details{flex:1;min-width:0;max-width:100%}.document-name{font-weight:600;color:#2d3748;font-size:14px;max-width:100%;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}.document-meta{font-size:12px;color:#718096;margin-top:2px}.download-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:#edf2f7;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;text-decoration:none;transition:all .2s;flex-shrink:0}.download-btn:hover{background:#e2e8f0;color:#2d3748}.message.sent .document-attachment{background:#ffffff1a;border-color:#fff3}.message.sent .document-name{color:#fff}.message.sent .document-meta{color:#fffc}.message.sent .download-btn{background:#ffffff1a;border-color:#fff3;color:#fff}.message.sent .download-btn:hover{background:#fff3;color:#fff}.error-bubble{background:#fed7d7!important;border:1px solid #feb2b2!important;color:#c53030!important}.message.sent .error-bubble{background:#fed7d7e6!important;color:#c53030!important}.error-content{display:flex;align-items:center;gap:8px}.error-content .fas{color:#e53e3e}.media-preview-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.media-preview-container{background:#fff;border-radius:12px;width:90vw;max-width:800px;min-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.media-preview-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#f8f9fa}.media-preview-title{font-weight:600;font-size:18px;color:#111827}.media-preview-close{background:none;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:background-color .05s ease,color .05s ease}.media-preview-close:hover{background:#e5e7eb;color:#374151}.media-preview-body{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden;min-height:0}.media-controls{display:flex;gap:12px;margin-bottom:16px;justify-content:center;flex-wrap:wrap}.media-control-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .05s ease,border-color .05s ease,color .05s ease}.media-control-btn:hover{background:#f1f5f9;border-color:#d1d5db}.media-control-btn.active{background:#667eea;border-color:#667eea;color:#fff}.media-control-btn.active:hover{background:#5a6fd8}.main-media-container{margin-bottom:20px;text-align:center;width:600px;height:400px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .05s ease;overflow:hidden}.main-document-container{margin-bottom:20px;text-align:center;width:600px;height:350px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:#f8f9fa;transition:background-color .1s ease}.main-document-container.dark-bg{background:#1f2937}.document-icon{font-size:120px;color:#9ca3af;margin-bottom:20px}.document-filename{font-size:18px;font-weight:500;color:#374151;margin-bottom:10px;max-width:500px;word-break:break-word;text-align:center}.dark-bg .document-filename{color:#f9fafb}.main-media-container.light-bg{background:#f8f9fa}.main-media-container.dark-bg{background:#1f2937}.main-media{width:600px;height:400px;object-fit:scale-down}.thumbnails-send-row{display:flex;align-items:center;gap:16px;margin-top:20px}.media-thumbnails-container{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.media-thumbnails{display:flex;gap:12px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6;flex:1;min-width:0;position:relative;transition:box-shadow .05s ease}.media-thumbnails::-webkit-scrollbar{height:6px}.media-thumbnails.has-scroll:not(.at-end){box-shadow:inset -10px 0 8px -8px #00000026}.media-thumbnails.has-scroll.scrolled{box-shadow:inset 10px 0 8px -8px #00000026}.media-thumbnails.has-scroll.scrolled:not(.at-end){box-shadow:inset 10px 0 8px -8px #00000026,inset -10px 0 8px -8px #00000026}.media-preview-modal .dark-bg .media-thumbnails.has-scroll:not(.at-end){box-shadow:inset -10px 0 8px -8px #fff3}.media-preview-modal .dark-bg .media-thumbnails.has-scroll.scrolled{box-shadow:inset 10px 0 8px -8px #fff3}.media-preview-modal .dark-bg .media-thumbnails.has-scroll.scrolled:not(.at-end){box-shadow:inset 10px 0 8px -8px #fff3,inset -10px 0 8px -8px #fff3}.media-thumbnails::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.media-thumbnails::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.media-thumbnails::-webkit-scrollbar-thumb:hover{background:#9ca3af}.thumbnail-item{position:relative;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:8px;overflow:visible;cursor:pointer;border:2px solid transparent;transition:border-color .05s ease;transform:translateZ(0);flex-shrink:0;box-sizing:border-box}.thumbnail-item:hover{border-color:#667eea}.thumbnail-item.active{border-color:#667eea;transform:scale(1.05);transition:all .1s ease;z-index:10;position:relative}.thumbnail-item.dragging{opacity:.5;transform:scale(.95) rotate(2deg);border-color:#667eea;z-index:1000}.thumbnail-item.drag-over{border-color:#10b981;background-color:#10b9811a;transform:scale(1.05)}.thumbnail-item[draggable=true]{cursor:grab}.thumbnail-item[draggable=true]:active{cursor:grabbing}.thumbnail-media{width:100%;height:100%;object-fit:cover;border-radius:8px;transform:translateZ(0)}.thumbnail-document{width:100%;height:100%;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;font-size:8px;text-align:center;padding:4px;word-break:break-word;border-radius:6px}.thumbnail-document .fas{font-size:16px;margin-bottom:2px;color:#9ca3af}.thumbnail-document .filename{font-size:6px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;cursor:pointer;z-index:20;min-width:20px;min-height:20px;transition:background-color .1s ease;box-shadow:0 2px 8px #0000004d;padding:0;transform:translateZ(10)}.thumbnail-remove:hover{background:#dc2626}.message-input-container{margin-bottom:20px}.message-input-label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.input-hint{display:block;font-size:12px;font-weight:400;color:#6b7280;margin-top:4px;line-height:1.4}.message-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;font-family:inherit;box-sizing:border-box}.message-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.send-button-fixed{flex-shrink:0;display:flex;align-items:center}.preview-btn{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none}.preview-btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.preview-btn-cancel:hover{background:#e5e7eb}.preview-btn-send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.preview-btn-send:hover{filter:brightness(1.05)}.preview-btn-send:disabled{opacity:.5;cursor:not-allowed}.preview-btn-send:disabled:hover{filter:none}.media-add-thumbnail{width:50px;height:50px;min-width:50px;min-height:50px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f9fafb;color:#9ca3af;transition:border-color .05s ease,background-color .05s ease,color .05s ease;position:relative;flex-shrink:0}.media-add-thumbnail:hover{border-color:#667eea;background:#f0f4ff;color:#667eea}.media-add-thumbnail .fas{font-size:16px}@media (max-width: 768px){.media-preview-container{min-width:95vw;width:95vw}.main-media-container{width:100%;height:300px}.main-media{width:100%;height:300px;max-width:100%;object-fit:scale-down}.media-controls{gap:8px}.media-control-btn{padding:8px 12px;font-size:12px}}@media (max-width: 480px){.main-media-container{height:250px}.main-media{height:250px;object-fit:scale-down}.media-thumbnails{gap:8px}.thumbnail-item,.media-add-thumbnail{width:60px;height:60px;min-width:60px;min-height:60px}.media-control-btn{padding:6px 10px;font-size:11px}.thumbnails-send-row{gap:12px;margin-top:16px}}.messages-container img[alt=Avatar]{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important}.messages-container .flex.items-start.gap-2\.5>img[alt=Avatar]{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}.new-messages-indicator{display:none;position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;padding:12px 20px;border-radius:25px;cursor:pointer;z-index:1000;font-size:14px;font-weight:600;box-shadow:0 4px 15px #007bff66;transition:all .3s ease;border:2px solid #fff}.new-messages-indicator:hover{background:#0056b3;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 20px #007bff80}.scroll-to-bottom-btn{display:none;position:fixed;bottom:100px;right:20px;width:45px;height:45px;border-radius:50%;border:none;background:#1976d2;color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #1976d24d;z-index:1000;transition:all .2s ease;font-size:18px}.scroll-to-bottom-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 6px 16px #1976d266}.scroll-to-bottom-btn:active{transform:translateY(0);box-shadow:0 2px 8px #1976d24d}.messages-grid-container{flex:1;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:20px 60px;position:relative}.message{display:flex;margin-bottom:16px;max-width:100%}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:70%;display:flex;flex-direction:column;white-space:pre-line;word-wrap:break-word}.message.sent .message-content{align-items:flex-end}.message-bubble{padding:12px 16px;border-radius:18px;word-wrap:break-word;position:relative;min-width:100px}.message-bubble:has(.audio-message),.message-bubble:has(.audio-attachment){min-width:320px}.message.sent .message-bubble{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-bottom-right-radius:4px}.message.received .message-bubble{background:#fff;color:#333;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.message-time{font-size:11px;color:#6c757d;margin-top:4px;display:flex;align-items:center;gap:4px}.message.sent .message-time{justify-content:flex-end}.reply-message{border-left:3px solid #60a5fa;background-color:#eff6ff;color:#1f2937;padding:8px 12px;margin-bottom:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.reply-message:hover{background-color:#dbeafe}.mt-2{margin-top:8px}.image-attachment{cursor:pointer;max-height:300px;border-radius:8px;overflow:hidden;transition:transform .2s ease}.image-attachment:hover{transform:scale(1.02)}.image-attachment img{width:100%;max-width:300px;height:auto;display:block}.video-attachment{border-radius:8px;overflow:hidden;max-width:300px}.video-attachment video{width:100%;height:auto;display:block}.file-attachment{display:flex;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;max-width:300px}.file-attachment:hover{background:#f8f9fa;border-color:#667eea}.audio-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-width:320px;transition:all .2s ease;margin:8px 0}.audio-message-debug{border:2px solid #ff0000!important;background:#fff5f5!important}.audio-message.playing{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.audio-message.error{border-color:#ef4444;box-shadow:0 2px 8px #ef444433;background-color:#fef2f2}.audio-sender-circle{width:55px;height:55px;border-radius:50%;background:#f8f9fa;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.audio-sender-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.audio-headphone-icon{font-size:24px;color:#6c757d}.audio-message .audio-progress-bar{position:relative;height:6px;background:#e9ecef;border-radius:3px;cursor:pointer;flex:1;min-height:6px;overflow:visible;display:block}.audio-message .audio-progress-fill{position:absolute;top:0;left:0;height:100%;background:#3b82f6;border-radius:2px;min-width:0%;display:block;transition:width .1s ease}.audio-message .audio-progress-fill.dragging{transition:none}.audio-message .audio-progress-knob{position:absolute;width:12px;height:12px;background:#3b82f6;border:2px solid white;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;left:0%;box-shadow:0 2px 4px #0000004d;opacity:0;transition:opacity .2s ease,left .1s ease;z-index:10;display:block}.audio-message:hover .audio-progress-knob,.audio-message.playing .audio-progress-knob{opacity:1}.audio-message .audio-progress-knob.dragging{opacity:1!important}.audio-message .audio-progress-knob:active{cursor:grabbing}.audio-message .audio-time-display{font-size:11px;color:#6c757d;font-family:SF Mono,Monaco,monospace}.audio-message .audio-speed-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:10px;font-weight:600;padding:4px 6px;min-width:30px;transition:all .2s ease}.audio-message .audio-speed-button:hover{background:#e9ecef}.audio-message .audio-retry-button{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#92400e;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.audio-message .audio-retry-button:hover{background:#fde68a}.audio-message .audio-error-text{color:#ef4444;font-size:14px;font-weight:700;cursor:not-allowed}.audio-message .audio-controls-container{flex:1;display:flex;flex-direction:column;gap:6px;min-height:40px}.audio-message .audio-time-speed-container{display:flex;justify-content:space-between;align-items:center}.audio-message .audio-play-button{background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:25px;transition:color .2s ease;outline:none;position:relative;flex-shrink:0;padding:0}.audio-message .audio-play-button:hover{color:#2563eb}.audio-message .audio-play-button:active{color:#1d4ed8;transform:none}.audio-message .audio-play-button:focus{outline:none}.audio-message .audio-play-button:disabled{color:#9ca3af;cursor:not-allowed}.floating-audio-control{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:12px 16px;display:flex;flex-direction:column;gap:10px;z-index:9999;min-width:320px;max-width:400px;width:90vw;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:all .3s ease}.floating-audio-control.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.floating-audio-control .floating-progress-container{display:flex;flex-direction:column;gap:6px;flex:1;width:100%}.floating-audio-control .floating-controls-container{display:flex;align-items:center;justify-content:center;gap:12px}.floating-audio-control .audio-locate-button,.floating-audio-control .audio-play-button,.floating-audio-control .audio-speed-button,.floating-audio-control .audio-close-button{width:36px;height:36px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;color:#495057;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.floating-audio-control .audio-speed-button{border-radius:18px;font-size:11px;font-weight:600;min-width:40px;width:auto;padding:0 8px}.floating-audio-control .audio-locate-button:hover,.floating-audio-control .audio-play-button:hover,.floating-audio-control .audio-speed-button:hover,.floating-audio-control .audio-close-button:hover{background:#e9ecef}.floating-audio-control .audio-progress-bar{position:relative;width:100%;height:6px;background:#e9ecef;border-radius:3px;cursor:pointer}.floating-audio-control .audio-progress-fill{height:100%;background:#3b82f6;border-radius:3px;width:0%;transition:width .1s linear}.floating-audio-control .audio-progress-fill.dragging{transition:none}.floating-audio-control .audio-progress-knob{position:absolute;width:14px;height:14px;background:#3b82f6;border:2px solid white;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;left:0%;box-shadow:0 2px 4px #0000004d;opacity:0;transition:opacity .2s ease}.floating-audio-control .audio-progress-bar:hover .audio-progress-knob,.floating-audio-control .audio-progress-knob.dragging{opacity:1!important}.floating-audio-control .audio-time-display{font-size:11px;color:#6c757d;font-family:SF Mono,Monaco,monospace;text-align:center}.floating-audio-control .audio-close-button{color:#dc3545}.floating-audio-control .audio-close-button:hover{background:#f8d7da;color:#721c24}.highlight-blink{animation:highlightBlink 1.5s ease-in-out}@keyframes highlightBlink{0%,to{background-color:transparent;box-shadow:0 0 #3b82f600}50%{background-color:#3b82f61a;box-shadow:0 0 0 6px #3b82f659}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#image-viewer-overlay{display:none;position:fixed;inset:0;background:#000000e6;justify-content:center;align-items:center;z-index:10000}#image-viewer-container{display:flex;justify-content:center;align-items:center;position:relative;width:100vw;height:100vh;overflow:hidden}#image-viewer-container img{position:absolute;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%) scale(1);cursor:grab;-webkit-user-select:none;user-select:none;max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 32px #0000004d}.viewer-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#fffffff2;padding:12px 16px;border-radius:12px;z-index:10001}.viewer-controls button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:8px 12px}#chats .chat-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;flex-wrap:wrap;margin-top:6px}#chats .meta-item{display:flex;align-items:center;padding:3px 8px;border-radius:8px;font-weight:600;font-size:11px;border:1px solid}#chats .chat-meta>.meta-item:nth-child(1){background:#8b5cf61f;color:#7c3aed;border-color:#8b5cf640}#chats .chat-meta>.meta-item:nth-child(2){background:#10b9811f;color:#059669;border-color:#10b98140}#chats .chat-meta>.meta-item[data-canal=telegram]{background:#3b82f61f;color:#2563eb;border-color:#3b82f640}#chats .chat-meta>.meta-item[data-canal=email]{background:#f59e0b1f;color:#d97706;border-color:#f59e0b40}#chats .chat-meta>.meta-item:nth-child(3){background:#3b82f61f;color:#2563eb;border-color:#3b82f640}#chats .status-badge.status-ativo{background:#10b9811f;color:#059669;border-color:#10b98140}#chats .status-badge.status-pendente{background:#f59e0b1f;color:#d97706;border-color:#f59e0b40}#chats .status-badge.status-bot{background:#3b82f61f;color:#2563eb;border-color:#3b82f640}#chats .status-badge.status-finalizado{background:#6b72801f;color:#4b5563;border-color:#6b728040}#chats .status-badge.status-pausado{background:#4b55631f;color:#374151;border-color:#4b556340}#chats .status-indicator{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}#chats .status-ativo{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}#chats .status-pendente{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}#chats .status-bot{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}#chats .status-finalizado{background:linear-gradient(135deg,#28a745,#218838);color:#fff}#chats .status-pausado{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff}.modal-overlay{position:fixed;inset:0;background:#11182780;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:520px;max-width:95vw;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 40px 80px #00000040;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#f8fafc,#fff)}.modal-title{font-weight:800;color:#111827}.modal-close{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;color:#374151;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:#eef2f7}.modal-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px;max-height:65vh;overflow-y:auto}.alert{border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600}.alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12px;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.form-field input,.form-field select{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px;color:#111827;background:#fff}.form-field input:focus,.form-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.listbox{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:10px;max-height:220px;overflow-y:auto;background:#fff}.listbox.popover{position:absolute;z-index:1000;width:100%;box-shadow:0 10px 30px #0000001f}.autocomplete{position:relative}.listbox-empty{padding:10px;font-size:13px;color:#6b7280}.listbox-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:10px;border-bottom:1px solid #f0f2f5;background:#fff;color:#111827;cursor:pointer}.listbox-item:hover{background:#f8fafc}.listbox-item.selected{background:#eef2ff;border-left:3px solid #667eea}.listbox-title{font-weight:700;color:#111827}.listbox-sub{font-size:12px;color:#6b7280}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fafbfc}.btn{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;color:#374151;padding:8px 12px;font-weight:700;cursor:pointer}.btn:hover{background:#f1f5f9}.btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn.primary:hover{filter:brightness(1.05)}.floating-audio-control{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:16px;min-width:400px;max-width:600px;display:flex;flex-direction:column;gap:12px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.floating-audio-control .audio-progress-bar{position:relative;height:8px;background-color:#e5e7eb;border-radius:4px;cursor:pointer;overflow:hidden}.floating-audio-control .audio-progress-fill{position:absolute;top:0;left:0;height:100%;background-color:#3b82f6;border-radius:4px;transition:width .1s ease}.floating-audio-control .audio-progress-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#3b82f6;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #0003;opacity:0;transition:opacity .2s ease}.floating-audio-control .audio-progress-bar:hover .audio-progress-knob{opacity:1}.floating-audio-control .audio-progress-knob.dragging{opacity:1!important}.floating-audio-control .audio-progress-knob:active{cursor:grabbing}.floating-audio-control .floating-controls-container{display:flex;align-items:center;gap:8px}.floating-audio-control .audio-locate-button,.floating-audio-control .audio-play-button,.floating-audio-control .audio-speed-button,.floating-audio-control .audio-close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.floating-audio-control .audio-locate-button{color:#3b82f6}.floating-audio-control .audio-play-button{background-color:#3b82f6;color:#fff;width:40px;height:40px;border-radius:50%}.floating-audio-control .audio-play-button:hover{background-color:#2563eb}.floating-audio-control .audio-speed-button{color:#6b7280;font-size:12px;font-weight:500;padding:6px 10px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px}.floating-audio-control .audio-close-button{color:#6b7280;margin-left:auto}.floating-audio-control .audio-time-display{font-size:12px;color:#6b7280;min-width:80px;text-align:center}