.live-chat-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-family:sans-serif;overflow:hidden}@media (max-width:768px){.live-chat-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.chat-list-section{width:30%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}@media (max-width:768px){.chat-list-section{width:100%;height:50%}}.chat-list-section .chat-filters{padding-bottom:1rem;border-bottom:1px solid #ddd}.chat-list-section .chat-filters .checkbox-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px}.chat-list-section .chat-filters .checkbox-container input{margin-left:.5rem}.chat-list-section .chat-filters .search-filters{margin-top:1rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-list-section .chat-filters .search-filters .manager-select select,.chat-list-section .chat-filters .search-filters .search-input input{width:100%;padding:.5rem;margin-bottom:.5rem;border:1px solid #ccc;border-radius:4px;font-size:14px}.chat-list-section .chat-filters .search-filters .manager-select select{padding:.59rem}.chat-list-section .conversations-list{background-color:#fff;overflow-y:auto;height:520px}.chat-list-section .conversations-list .conversation-item{padding:1rem;border-bottom:1px solid #eee;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;-moz-transition:background .2s;transition:background .2s;border-left:2px solid transparent}.chat-list-section .conversations-list .conversation-item.__active,.chat-list-section .conversations-list .conversation-item:hover{background-color:#eef3fb;border-left:2px solid #007bff}.chat-list-section .conversations-list .conversation-item .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#ccc;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.chat-list-section .conversations-list .conversation-item .avatar.__empty{background-color:#007bff}.chat-list-section .conversations-list .conversation-item .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-list-section .conversations-list .conversation-item .conversation-info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.chat-list-section .conversations-list .conversation-item .conversation-info h3{margin:0;font-size:14px;word-break:break-word}.chat-list-section .conversations-list .conversation-item .conversation-info p{margin:10px 0 0;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.chat-list-section .conversations-list .conversation-item .conversation-info p.mt-3{margin-top:6px;color:#444}.chat-list-section .conversations-list .conversation-item .conversation-info-name{font-size:12px;color:#999}.chat-list-section .conversations-list .conversation-item .conversation-time{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#999;font-style:italic}.chat-list-section .conversations-list .conversation-item .conversation-point{width:10px;height:10px;background:#ff2d55;display:block;border-radius:50%;margin-left:5px}.chat-content-section{width:70%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem;background:#fff;border-radius:8px;margin-left:20px;overflow:hidden}@media (max-width:768px){.chat-content-section{width:100%;height:50%}}.chat-content-section .chat-header{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #eee;margin-bottom:15px}.chat-content-section .chat-header .link-button{background:0 0;border:none;color:#007bff;padding:0;font:inherit;cursor:pointer;text-decoration:none;margin-right:10px}.chat-content-section .chat-header .link-button:hover{text-decoration:underline;color:#0056b3}.chat-content-section .chat-controls{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:15px}.chat-content-section .messages-wrap{height:350px;overflow-y:auto;scroll-behavior:smooth}.chat-content-section .messages-container{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-bottom:1rem;min-height:0}.chat-content-section .messages-container .message{margin-bottom:1rem;margin-left:10rem}.chat-content-section .messages-container .message.__visitor{margin-right:10rem;margin-left:0}.chat-content-section .messages-container .message.__visitor .message-sender{text-align:left}.chat-content-section .messages-container .message.__visitor .message-time{text-align:left}.chat-content-section .messages-container .message .message-sender{font-style:italic;font-size:13px;margin-bottom:.25rem;text-align:right}.chat-content-section .messages-container .message .message-content{font-size:14px;background:#f4f6f9;border-radius:8px;padding:.75rem;margin-bottom:.7rem;word-break:break-word}.chat-content-section .messages-container .message .message-content.__read .message-ic{color:#007bff}.chat-content-section .messages-container .message .message-ic{display:block;width:100%;text-align:right;color:#999;font-size:10px}.chat-content-section .messages-container .message .message-time{font-size:12px;font-style:italic;text-align:right;color:#999}.chat-content-section .chat-input{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-top:.5rem}.chat-content-section .chat-input button{margin-bottom:7px}.chat-content-section .chat-input .textarea-container{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-right:.5rem}.chat-content-section .chat-input .textarea-container textarea{width:100%;padding:.75rem;padding-bottom:2.5rem;border:1px solid #ccc;border-radius:6px;font-size:14px;resize:vertical;min-height:100px;max-height:300px;height:100%}.chat-content-section .chat-input .textarea-container .file-upload-area{position:absolute;bottom:.5rem;left:.75rem;right:.75rem;background:#fff;padding-top:.25rem;border-top:1px solid #f0f0f0}.chat-content-section .chat-input .textarea-container .file-upload-area .file-upload-label{cursor:pointer;color:#666}.chat-content-section .chat-input .textarea-container .file-upload-area .file-upload-label:hover{color:#007bff}.chat-content-section .chat-input .textarea-container .file-upload-area .uploaded-files{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;max-height:90px;overflow-y:auto}.chat-content-section .chat-input .textarea-container .file-upload-area .uploaded-files .file-item{background:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-content-section .chat-input .textarea-container .file-upload-area .uploaded-files .file-item .remove-file{cursor:pointer;color:#dc3545}.chat-content-section .chat-input .textarea-container .file-upload-area .uploaded-files .file-item .remove-file:hover{color:#bd2130}.conversation-item.__resolved{position:relative;background-color:#e4e4e4;opacity:.7}.conversation-item.__resolved h3,.conversation-item.__resolved p{color:#777}.conversation-item.__resolved .avatar{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.conversation-item.__resolved::after{content:'\f00c';font-family:'Font Awesome';font-weight:900;color:#28a745;position:absolute;right:10px;top:10px;font-size:16px}.resolved-info{font-size:12px;color:#28a745;margin-top:5px;font-style:italic}