.support-chat[data-v-664ef74f]{width:320px;height:480px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background-color:var(--bg-light);box-shadow:var(--shadow-lg)}.chat-header[data-v-664ef74f]{display:flex;align-items:center;padding:12px 16px;background-color:var(--primary-color);color:#fff}.status-indicator[data-v-664ef74f]{width:10px;height:10px;border-radius:50%;margin-right:10px;background-color:var(--danger);transition:background-color var(--transition-normal)}.status-indicator.connected[data-v-664ef74f]{background-color:var(--success)}.chat-header h3[data-v-664ef74f]{flex-grow:1;margin:0;font-size:1.1rem}.close-btn[data-v-664ef74f]{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:0}.chat-messages[data-v-664ef74f]{flex:1;overflow-y:auto;padding:16px;background-color:var(--bg-light)}.message[data-v-664ef74f]{margin-bottom:16px;max-width:80%;word-break:break-word}.message.customer[data-v-664ef74f]{margin-left:auto}.message.customer>div[data-v-664ef74f]{background-color:var(--primary-color);color:#fff;border-radius:12px 12px 0 12px;padding:10px 14px}.message.agent>div[data-v-664ef74f]{background-color:var(--neutral-lighter);border-radius:12px 12px 12px 0;padding:10px 14px;color:var(--neutral-dark)}.sender[data-v-664ef74f]{font-size:12px;font-weight:600;margin-bottom:4px;display:block}.message.customer .sender[data-v-664ef74f]{color:hsla(0,0%,100%,.9)}.message.agent .sender[data-v-664ef74f]{color:var(--primary-color)}.content[data-v-664ef74f]{margin:0;word-break:break-word}.timestamp[data-v-664ef74f]{font-size:10px;margin-top:4px;display:block}.message.customer .timestamp[data-v-664ef74f]{color:hsla(0,0%,100%,.8)}.message.agent .timestamp[data-v-664ef74f]{color:var(--neutral-light)}.typing-indicator[data-v-664ef74f]{display:flex;padding:10px}.typing-dot[data-v-664ef74f]{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--neutral-light);margin-right:4px;animation:typing-664ef74f 1.4s infinite both}.typing-dot[data-v-664ef74f]:first-child{animation-delay:0s}.typing-dot[data-v-664ef74f]:nth-child(2){animation-delay:.2s}.typing-dot[data-v-664ef74f]:nth-child(3){animation-delay:.4s}.chat-input[data-v-664ef74f]{padding:12px;border-top:1px solid var(--neutral-lighter);background-color:var(--bg-light);display:flex}textarea[data-v-664ef74f]{flex:1;border:1px solid var(--neutral-lighter);border-radius:20px;padding:10px 14px;resize:none;outline:none;transition:border-color var(--transition-normal)}textarea[data-v-664ef74f]:focus{border-color:var(--primary-color)}.send-btn[data-v-664ef74f]{margin-left:8px;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal)}.send-btn[data-v-664ef74f]:disabled{opacity:.6;cursor:not-allowed}.send-btn[data-v-664ef74f]:hover:not(:disabled){background-color:var(--primary-dark)}.send-btn[data-v-664ef74f]:active:not(:disabled){background-color:var(--primary-light)}@keyframes typing-664ef74f{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.message-fade-enter-active[data-v-664ef74f],.message-fade-leave-active[data-v-664ef74f]{transition:all .3s}.message-fade-enter[data-v-664ef74f],.message-fade-leave-to[data-v-664ef74f]{opacity:0;transform:translateY(10px)}.reconnect-container[data-v-664ef74f]{text-align:center;margin:20px 0}.reconnect-btn[data-v-664ef74f]{background-color:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color var(--transition-normal)}.reconnect-btn[data-v-664ef74f]:hover{background-color:var(--primary-dark)}.reconnect-btn i[data-v-664ef74f]{font-size:.8rem}