body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.swal2-container{z-index:9999!important}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.nav-md .right_col{margin-left:230px;transition:margin-left .3s ease}body.nav-sm .right_col{margin-left:70px;transition:margin-left .3s ease}.chat-container-wrapper{align-items:center;background:#f0f2f5;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.chat-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;height:100%;overflow:hidden;width:100%}.chat-sidebar{border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;width:380px}.chat-main{background:#e5ddd5;flex:1 1}.chat-main,.no-chat-selected{display:flex;flex-direction:column}.no-chat-selected{align-items:center;color:#999;height:100%;justify-content:center;padding:40px;text-align:center}.no-chat-selected h2{color:#666;font-size:24px;margin:0 0 8px}.no-chat-selected p{color:#999;font-size:14px;margin:0}.conversation-sidebar{background:#fff;display:flex;flex-direction:column;height:100%;overflow:visible}.sidebar-header{align-items:center;background:#075e54;border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px}.sidebar-header h3{font-size:18px;margin:0}.new-conversation-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.conversations-filters-container{border-bottom:1px solid #ddd;display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:10px 20px;width:100%}.conversations-filter-btn{background:#0000;border:1px solid #075e54;border-radius:18px;color:#075e54;cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease-in-out}.conversations-filter-btn:hover{background:#25d3661a}.conversations-filter-btn.active{background:#25d366;border-color:#25d366;color:#fff}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;min-height:72px;padding:12px 16px;transition:background .2s}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#e3f2fd;border-left:4px solid #075e54}.conversation-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;text-align:left}.contact-name{color:#333;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:4px;text-align:left}.contact-name,.last-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{color:#666;font-size:14px;line-height:1.3;max-width:250px}.conversation-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:60px}.conversation-date{color:#999;font-size:12px;white-space:nowrap}.no-conversations{color:#666;padding:40px 20px;text-align:center}.search-container{background-color:#f5f5f5;padding:10px}.search-box{align-items:center;background-color:#ebebeb;border-radius:20px;display:flex;padding:5px 10px}.search-box .search-icon{color:#8e8e8e;font-size:16px;margin-right:8px}.search-box input{background:#0000;border:none;color:#000;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#8e8e8e}.search-box:hover{background-color:#e0e0e0}.chat-window,.chat-window-empty{display:flex;flex-direction:column;height:100%}.chat-window-empty{align-items:center;background:#f8f9fa;color:#666;justify-content:center}.chat-header{align-items:center;background:#075e54;color:#fff;display:flex;justify-content:space-between;min-height:60px;padding:16px 20px}.contact-info h4{font-size:18px;font-weight:500;margin:0 0 4px;text-align:left;transition:color .2s}.contact-info h4:hover{color:#fffc}.status{font-size:13px;opacity:.9}.chat-actions{display:flex;gap:8px}.chat-actions button{border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.attend-btn{background:#4caf50cc}.close-btn{background:#f44336cc}.messages-container{background:#e5ddd5;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px}.message-bubble{display:flex;flex-direction:column;margin-bottom:4px;max-width:70%}.message-bubble.incoming{align-items:flex-start;align-self:flex-start}.message-bubble.outgoing{align-items:flex-end;align-self:flex-end}.message-content{word-wrap:break-word;border-radius:8px;box-shadow:0 1px 2px #0000001a;font-size:14px;line-height:1.4;padding:8px 12px;position:relative;text-align:left}.message-bubble.incoming .message-content{background:#fff;border-bottom-left-radius:2px}.message-bubble.outgoing .message-content{background:#dcf8c6;border-bottom-right-radius:2px}.message-time{align-self:flex-end;color:#999;font-size:11px;margin-top:2px;padding:0 4px}.chat-lightbox-content{align-items:center;display:flex;justify-content:center;position:relative}.chat-lightbox img{max-height:none;max-width:90%;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.chat-lightbox-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:28px;position:fixed;right:25px;top:20px;z-index:10001}.zoom-controls{bottom:40px;display:flex;gap:15px;position:fixed;z-index:10001}.zoom-controls button{background:#075e54;border:none;border-radius:50%;color:#cdcdcd;cursor:pointer;font-size:22px;height:45px;transition:.2s;width:45px}.zoom-controls button:hover{background:#087467cc;color:#dcdcdc}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-status{font-size:14px;line-height:1}.message-status .fa-check{color:#999}.message-status .fa-check-double{color:#53bdeb}.msg-image{border-radius:8px;cursor:pointer;display:block;height:auto;max-width:300px;width:100%}.msg-caption{word-wrap:break-word;font-size:14px;margin-top:6px}.msg-audio audio{height:36px;max-width:280px;width:100%}.msg-video video{border-radius:8px;max-width:300px;width:100%}.msg-document a{align-items:center;background:#0000000a;border-radius:8px;color:inherit;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:background .2s}.msg-document a:hover{background:#00000014}.msg-document .fa-file,.msg-document .fa-file-alt,.msg-document .fa-file-archive,.msg-document .fa-file-audio,.msg-document .fa-file-code,.msg-document .fa-file-csv,.msg-document .fa-file-excel,.msg-document .fa-file-image,.msg-document .fa-file-pdf,.msg-document .fa-file-powerpoint,.msg-document .fa-file-video,.msg-document .fa-file-word{color:#075e54;flex-shrink:0;font-size:28px}.msg-doc-name{flex:1 1;font-size:13px;word-break:break-all}.msg-sticker img{height:auto;max-width:160px}.sticker-bubble{background:#0000!important;box-shadow:none!important;padding:4px!important}.msg-location{padding:6px 0}.msg-location-header{align-items:center;color:#075e54;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:4px}.msg-location-link{color:#075e54;display:inline-block;font-size:13px;margin-top:4px;text-decoration:underline}.msg-media-placeholder{align-items:center;background:#0000000a;border-radius:8px;color:#666;display:flex;font-size:13px;font-style:italic;gap:8px;padding:10px 12px}.chat-lightbox{align-items:flex-start;background:#000000d9;cursor:pointer;display:flex;inset:0;justify-content:center;overflow:auto;padding:40px 0;position:fixed;z-index:9999}.chat-lightbox-close:hover{color:#ddd}.date-separator{margin:16px 0 8px;text-align:center}.date-separator span{background:#e1f2fb;border-radius:8px;box-shadow:0 1px 1px #0000000f;color:#555;font-size:12px;padding:4px 14px}.message-input-form{align-items:center;background:#f0f0f0;border-top:1px solid #ddd;display:flex;gap:12px;padding:16px 20px}.message-input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;outline:none;overflow-y:hidden;padding:12px 16px;resize:none}.message-input:focus{border-color:#075e54}.send-button{background:#075e54;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background .2s}.send-button:hover{background:#128c7e}.send-button:disabled{background:#ccc;cursor:not-allowed}.message-input-wrapper{background:#f0f0f0;border-top:1px solid #ddd;display:flex;flex-direction:column}.message-input-wrapper .message-input-form{border-top:none}.attach-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.attach-btn:hover{background:#e0e0e0;color:#075e54}.attach-btn:disabled{cursor:not-allowed;opacity:.4}.file-preview-bar{background:#f0f0f0;padding:10px 16px 0}.file-preview-info{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;gap:10px;padding:8px 12px}.file-preview-thumb{object-fit:cover}.file-preview-icon,.file-preview-thumb{border-radius:6px;flex-shrink:0;height:50px;width:50px}.file-preview-icon{align-items:center;background:#e8f5e9;color:#075e54;display:flex;font-size:22px;justify-content:center}.file-preview-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.file-preview-name{color:#333;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{color:#999;font-size:11px}.file-preview-cancel{align-items:center;background:#ff5252;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:background .2s;width:28px}.file-preview-cancel:hover{background:#d32f2f}.file-caption-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:13px;margin-top:8px;outline:none;padding:8px 12px;width:100%}.file-caption-input:focus{border-color:#075e54}.file-selected-label{align-items:center;background:#0000!important;border:none!important;color:#075e54;display:flex;font-size:13px;font-style:italic;font-weight:500}.badge{background:#25d366;border-radius:50%;color:#fff;font-size:11px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:90vw;width:400px}.modal-header{align-items:center;background:#075e54;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header h3{margin:0}.close-modal-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px}.modal-actions button[type=button]{background:#f5f5f5;color:#666}.modal-actions button[type=submit]{background:#075e54;color:#fff}.contact-info-display{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;padding:12px}.contact-info-display.phone-number{background:#e8f5e8;border-color:#4caf50;color:#2e7d32;font-family:monospace;font-weight:700}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:20px}.loading-spinner.large{height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#075e54;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.chat-sidebar{width:320px}}@media (max-width:768px){.chat-container-wrapper{padding:0}.chat-container{border-radius:0}.chat-sidebar{display:none;width:100%}.chat-sidebar.show-mobile{display:flex}.chat-main{width:100%}}.template-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.template-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.template-modal-header{align-items:center;background:#005c4b;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.template-modal-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.template-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;opacity:.8;padding:2px 4px;transition:opacity .15s}.template-modal-close:hover{opacity:1}.template-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.template-field-group{display:flex;flex-direction:column;gap:6px}.template-field-label{color:#555;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.template-select{background:#fafafa;border:1px solid #d0d0d0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:10px 14px;transition:border-color .15s}.template-select:focus{border-color:#005c4b;outline:none}.template-preview-box{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;line-height:1.6;min-height:60px;padding:14px 16px}.template-var-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.template-var-label{color:#444;flex-shrink:0;font-size:13px;font-weight:600;min-width:110px}.template-var-input{border:1px solid #d0d0d0;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px;transition:border-color .15s}.template-var-input:focus{border-color:#005c4b;outline:none}.template-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:6px;color:#c62828;font-size:13px;padding:10px 14px}.template-modal-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.template-btn-cancel{background:#fff;border:1px solid #ccc;border-radius:6px;color:#555;cursor:pointer;font-size:14px;padding:9px 18px;transition:background .15s}.template-btn-cancel:hover:not(:disabled){background:#f0f0f0}.template-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.template-btn-send{background:#005c4b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:background .15s}.template-btn-send:hover:not(:disabled){background:#007a63}.template-btn-send:disabled{cursor:not-allowed;opacity:.5}.template-btn{align-items:center;background:none;border:none;border-radius:50%;color:#54656f;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;padding:6px 8px;transition:color .15s,background .15s}.template-btn:hover:not(:disabled){background:#005c4b14;color:#005c4b}.template-btn:disabled{cursor:not-allowed;opacity:.4}
/*# sourceMappingURL=main.f0b88591.css.map*/