@keyframes text-loading-fbe714f9{0%{content:"."}33%{content:".."}66%{content:"..."}}@media(max-width:480px){.customer-dialog[data-v-fbe714f9]{width:90vw;height:80vh;margin:0 5vw}.message-content[data-v-fbe714f9]{max-width:13.75rem}}.text-loading[data-v-fbe714f9]{display:flex;align-items:center}.text-loading[data-v-fbe714f9]:after{font-weight:600;content:".";animation:text-loading-fbe714f9 1s infinite}.online-customer-modal[data-v-fbe714f9]{align-items:center;justify-content:center}.customer-dialog[data-v-fbe714f9],.online-customer-modal[data-v-fbe714f9]{position:relative;display:flex;overscroll-behavior:contain}.customer-dialog[data-v-fbe714f9]{flex-direction:column;width:27.375rem;height:37.5rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.1)}.dialog-header[data-v-fbe714f9]{z-index:10;justify-content:space-between;height:3.4375rem;padding:0 1.25rem;line-height:3.4375rem;box-shadow:0 .25rem .375rem rgba(84,85,118,.12)}.dialog-header[data-v-fbe714f9],.header-left[data-v-fbe714f9]{display:flex;align-items:center}.header-left[data-v-fbe714f9]{gap:.75rem}.avatar[data-v-fbe714f9]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;overflow:hidden;background:#fff;border-radius:50%}.avatar img[data-v-fbe714f9]{width:100%;height:100%;object-fit:cover}.header-info .title[data-v-fbe714f9]{margin-bottom:.125rem;font-size:1rem;font-weight:600;color:#333}.header-info .status[data-v-fbe714f9]{font-size:.75rem;color:#28a745}.close-btn[data-v-fbe714f9]{padding:.25rem;cursor:pointer;background:none;border:none;border-radius:.25rem;transition:background-color .2s}.dialog-content[data-v-fbe714f9]{flex:1;padding:0 .375rem;overflow:hidden;background:#fff}.dialog-content-pine[data-v-fbe714f9]{box-sizing:border-box;height:100%;padding:2.75rem 1.25rem 9.25rem;overflow-y:auto;overscroll-behavior:contain}.date-divider[data-v-fbe714f9]{margin-bottom:1rem;text-align:center}.date-divider span[data-v-fbe714f9]{padding:.25rem .75rem;font-size:.75rem;color:#666;background:#fff;border:.0625rem solid #e9ecef;border-radius:.75rem}.message-item[data-v-fbe714f9]{display:flex;gap:.5rem;margin-bottom:2.75rem}.message-item.user-message[data-v-fbe714f9]{flex-direction:row-reverse}.message-avatar[data-v-fbe714f9]{flex-shrink:0;width:2.25rem;height:2.25rem;overflow:hidden;border-radius:50%}.message-avatar img[data-v-fbe714f9]{width:100%;height:100%;object-fit:cover}.user-avatar[data-v-fbe714f9]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;color:#fff;background:#007bff;border-radius:50%}.message-content[data-v-fbe714f9]{position:relative;flex:1;max-width:17.5rem}.message-content .message-time[data-v-fbe714f9]{position:absolute;top:-1.5rem;left:0}.user-message .message-content[data-v-fbe714f9]{display:flex;flex-direction:column;align-items:flex-end}.user-message .message-content .message-time[data-v-fbe714f9]{right:0}.message-bubble[data-v-fbe714f9]{padding:.625rem;font-size:.875rem;line-height:1.4;color:#1f1f1f;word-break:break-word;white-space:normal}.user-message .message-bubble[data-v-fbe714f9]{background:#cbe5fc}.service-message .message-bubble[data-v-fbe714f9]{background:#f7f6f9}.message-time[data-v-fbe714f9]{padding:0 .25rem;font-size:.75rem;color:#999}.user-message .message-time[data-v-fbe714f9]{text-align:right}.dialog-footer[data-v-fbe714f9]{position:absolute;right:0;bottom:0;left:0;z-index:10;width:100%;min-height:6.5rem;padding:.75rem 1.1875rem 1.25rem;background:#fff}.input-container[data-v-fbe714f9]{align-items:center;min-height:4.5rem;padding:.625rem;background:#f2f3f7;border:.0625rem solid #e8eaf0;border-radius:.75rem}.input-container[data-v-fbe714f9] .ant-input:focus{box-shadow:none}.message-input[data-v-fbe714f9]{padding:.625rem .75rem;font-size:.875rem;border:.0625rem solid #e9ecef;border-radius:.5rem;outline:none;transition:border-color .2s}.message-input[data-v-fbe714f9]:focus{border-color:#007bff}.send[data-v-fbe714f9]{display:flex;justify-content:flex-end;margin-top:.625rem}.send-btn[data-v-fbe714f9]{height:1.625rem;padding:0 .625rem;font-size:.875rem;color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:1.25rem;transition:background-color .2s}.send-btn[data-v-fbe714f9]:hover:not(:disabled){background:#3367d6}.send-btn[data-v-fbe714f9]:disabled{cursor:not-allowed;background:#ccc}.dialog-content[data-v-fbe714f9]::-webkit-scrollbar{width:.25rem}.dialog-content[data-v-fbe714f9]::-webkit-scrollbar-track{background:#f1f1f1}.dialog-content[data-v-fbe714f9]::-webkit-scrollbar-thumb{background:#ccc;border-radius:.125rem}.dialog-content[data-v-fbe714f9]::-webkit-scrollbar-thumb:hover{background:#999}[data-v-fbe714f9] .ant-input{padding:0;font-size:.9375rem;line-height:1.5625rem;color:#1f1f1f;resize:none;scrollbar-width:thin;background-color:initial;border:none;border-radius:0;outline:none;transition:none}[data-v-fbe714f9] .ant-input::-webkit-scrollbar{width:.25rem;height:.25rem}[data-v-fbe714f9] .ant-input::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:.25rem}[data-v-fbe714f9] .ant-input::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:.25rem}