.message-wrapper[data-v-e89fe61a]{display:flex;margin-bottom:16px;max-width:100%}.message-wrapper.user-message[data-v-e89fe61a]{justify-content:flex-end}.message-wrapper.bot-message[data-v-e89fe61a]{justify-content:flex-start}.message-bubble[data-v-e89fe61a]{border-radius:18px;max-width:80%;padding:12px 16px;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.user-message .message-bubble[data-v-e89fe61a]{border-bottom-right-radius:6px;margin-left:auto}.bot-message .message-bubble[data-v-e89fe61a]{border-bottom-left-radius:6px;margin-right:auto}.message-content p[data-v-e89fe61a]{line-height:1.4;margin:0}.message-content[data-v-e89fe61a] a{text-decoration:underline}.message-content[data-v-e89fe61a] a:hover{text-decoration:none}.file-message[data-v-e89fe61a]{align-items:center;display:flex;gap:12px;padding:4px 0}.file-icon[data-v-e89fe61a]{font-size:24px}.file-info[data-v-e89fe61a]{display:flex;flex-direction:column}.file-name[data-v-e89fe61a]{font-weight:500;margin-bottom:2px}.file-size[data-v-e89fe61a]{font-size:12px;opacity:.7}.image-message[data-v-e89fe61a]{padding:4px}.image-message img[data-v-e89fe61a]{border-radius:8px;display:block;max-height:300px;max-width:100%}.system-message[data-v-e89fe61a]{align-items:center;display:flex;font-style:italic;gap:8px;opacity:.8}.system-icon[data-v-e89fe61a]{font-size:16px}.quick-replies[data-v-e89fe61a]{border-top:1px solid hsla(0,0%,100%,.2);display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px}.bot-message .quick-replies[data-v-e89fe61a]{border-top-color:#0000001a}.quick-reply-btn[data-v-e89fe61a]{background:transparent;border:1px solid;border-radius:16px;cursor:pointer;font-size:13px;padding:6px 12px;text-align:left;transition:all .2s ease}.quick-reply-btn[data-v-e89fe61a]:hover{background:#ffffff1a;transform:translateY(-1px)}.bot-message .quick-reply-btn[data-v-e89fe61a]:hover{background:#0000000d}.message-meta[data-v-e89fe61a]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.message-time[data-v-e89fe61a]{font-size:11px;opacity:.6;white-space:nowrap}.message-status[data-v-e89fe61a]{align-items:center;display:flex;opacity:.6}.message-status.sent[data-v-e89fe61a],.message-status.delivered[data-v-e89fe61a]{color:currentColor}.message-status.read[data-v-e89fe61a]{color:#28a745}.message-wrapper[data-v-e89fe61a]{animation:slideIn-e89fe61a .3s ease-out}@keyframes slideIn-e89fe61a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.message-bubble[data-v-e89fe61a]{max-width:90%}.quick-replies[data-v-e89fe61a]{flex-direction:column}.quick-reply-btn[data-v-e89fe61a]{width:100%}}.message-status svg[data-v-e89fe61a]{height:12px;width:12px}.message-content[data-v-e89fe61a] a{color:inherit;opacity:.9;transition:opacity .2s ease}.message-content[data-v-e89fe61a] a:hover{opacity:1}.message-content[data-v-e89fe61a] code{background:#ffffff1a;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 4px}.bot-message .message-content[data-v-e89fe61a] code{background:#0000001a}.message-content[data-v-e89fe61a] pre{background:#ffffff1a;border-radius:8px;margin:8px 0;overflow-x:auto;padding:12px}.bot-message .message-content[data-v-e89fe61a] pre{background:#0000001a}.delay-msg-text{width:100%}.delay-message-loading{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400}.delay-message-loading span{display:inline-block;margin:0 -.05em}.chat-container{background:#fff;border-radius:12px;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;height:100%;overflow:hidden;position:relative;width:100%}.chat-header{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);color:#000;padding:16px}.header-content{align-items:center;display:flex;justify-content:space-between}.bot-info{align-items:center;display:flex;gap:12px}.bot-avatar{align-items:center;border-radius:50%;box-shadow:0 8px 32px #0000001a;color:#000;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.bot-details{display:flex;flex-direction:column}.bot-name{font-size:16px;font-weight:600;margin:0}.bot-status{font-size:12px;opacity:.8}.bot-status.online:before{color:#28a745;content:"●";margin-right:4px}.connection-form{display:flex;flex:1;flex-direction:column;padding:24px}.form-header{margin-bottom:24px}.form-header h4{color:#333;font-size:18px;margin:0 0 8px}.form-header p{color:#666;font-size:14px;margin:0}.form-field{margin-bottom:16px}.form-field label{color:#333;display:block;font-weight:500;margin-bottom:6px}.form-field input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;width:100%}.form-field input:focus{border-color:#03b1c7;outline:none}.connect-btn{background:#03b1c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:8px;padding:12px 24px}.connect-btn:hover:not(:disabled){background:#03b1c7}.connect-btn:disabled{cursor:not-allowed;opacity:.6}.messages-container{background:inherit;flex:1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.messages-container.inputShowing{margin-bottom:0}.loading-indicator{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#03b1c7;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.message-group{margin-bottom:24px}.fade-slide-enter-active{transition:all 1s ease}.fade-slide-leave-active{opacity:0;transform:translateY(10px);transition:all 1s ease}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-enter-to{opacity:1;transform:translateY(0)}.date-separator{background:#0000000d;border-radius:12px;color:#666;display:inline-block;font-size:12px;margin-bottom:16px;margin-left:50%;padding:4px 12px;text-align:center;transform:translate(-50%)}.error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;display:flex;justify-content:space-between;margin:16px 0;padding:12px}.retry-btn{background:#721c24;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.message-input-container{background:#fff;border-top:1px solid #dee2e6;bottom:0;padding:16px;width:100%}.input-wrapper{align-items:center;display:flex;gap:8px}.input-inner-wrapper{width:100%}.message-input{border:1px solid #c2c2c2;border-radius:.75rem;flex:1;font-family:inherit;font-size:14px;max-height:100px;min-height:20px;outline:none;padding-bottom:.75rem;padding-left:1.5rem;padding-top:.75rem;resize:none;width:100%}.message-input:focus{outline:none}.send-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.sending-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.messages-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.file-upload-container{display:flex;flex-direction:column;gap:12px;width:100%}.file-input{display:none}.file-upload-area{align-items:center;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:120px;padding:24px;transition:border-color .2s ease}.file-upload-area:hover{border-color:#03b1c7}.upload-button{align-self:flex-end}.typing-indicator{align-items:center;display:flex;margin:8px 0;padding:12px 16px}.typing-dots{display:flex;gap:4px}.dot{animation:typing 1.4s infinite;background-color:#6c757d;border-radius:50%;height:8px;width:8px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-12px)}}