.home-page[data-v-1bc7e0b7]{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1[data-v-1bc7e0b7]{font-size:2.5rem;margin-bottom:20px;text-align:center}@media (max-width: 768px){.home-page[data-v-1bc7e0b7]{padding:15px}h1[data-v-1bc7e0b7]{font-size:2rem}}.chat-interface[data-v-072f2145]{height:100vh;display:flex;flex-direction:column}.messages-container[data-v-072f2145]{flex:1;overflow-y:auto;background:#f0f2f5;padding:10px 0}.ticket-info h3[data-v-072f2145]{margin:0;font-size:18px;color:#333;font-weight:600}.ticket-id[data-v-072f2145]{color:#999;font-size:12px;margin-top:4px}.connection-status[data-v-072f2145]{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.status-dot[data-v-072f2145]{width:8px;height:8px;border-radius:50%;background:#ccc;transition:all .3s ease}.status-dot.connected[data-v-072f2145]{background:#4caf50;box-shadow:0 0 4px #4caf5080}.status-dot.error[data-v-072f2145]{background:#f44336;box-shadow:0 0 4px #f4433680}.welcome-message[data-v-072f2145]{text-align:center;padding:40px 20px;color:#666;background:#fffffff2;margin:20px;border-radius:12px;border:1px solid #e0e0e0}.welcome-message ion-icon[data-v-072f2145]{font-size:48px;color:#667eea;margin-bottom:15px}.welcome-message h4[data-v-072f2145]{color:#333;margin:15px 0 10px;font-size:18px}.welcome-message p[data-v-072f2145]{margin:8px 0;line-height:1.5}.no-messages[data-v-072f2145]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;text-align:center}.no-messages ion-icon[data-v-072f2145]{margin-bottom:15px;font-size:48px}.message[data-v-072f2145]{display:flex;flex-direction:column;margin-bottom:12px;padding:0 15px}.message-bubble[data-v-072f2145]{max-width:70%;padding:12px 16px;border-radius:18px;word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.message.customer[data-v-072f2145]{align-items:flex-end}.message.customer .message-bubble[data-v-072f2145]{background:#25d366;color:#fff;border-bottom-right-radius:4px}.message.staff[data-v-072f2145]{align-items:flex-start}.message.staff .message-bubble[data-v-072f2145]{background:#fff;color:#333;border-bottom-left-radius:4px;border:1px solid #e0e0e0}.message-meta[data-v-072f2145]{display:flex;align-items:center;margin-top:4px;padding:0;font-size:11px;opacity:.7;white-space:nowrap;gap:4px}.message.customer .message-meta[data-v-072f2145]{align-self:flex-end}.message.staff .message-meta[data-v-072f2145]{align-self:flex-start}.message-author[data-v-072f2145]{font-weight:500;vertical-align:middle}.message-time[data-v-072f2145]{color:#666;vertical-align:middle;margin-top:0}.typing-indicator[data-v-072f2145]{background:#f1f1f1!important;color:#333!important}.typing-dots[data-v-072f2145]{display:flex;gap:4px;align-items:center}.typing-dots span[data-v-072f2145]{width:6px;height:6px;border-radius:50%;background:#999;animation:typing-072f2145 1.4s ease-in-out infinite}.typing-dots span[data-v-072f2145]:nth-child(2){animation-delay:.2s}.typing-dots span[data-v-072f2145]:nth-child(3){animation-delay:.4s}@keyframes typing-072f2145{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.input-wrapper[data-v-072f2145]{flex:1;display:flex;flex-direction:column}.input-info[data-v-072f2145]{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;color:#999}.char-counter[data-v-072f2145]{transition:color .2s}.char-counter.warning[data-v-072f2145]{color:#ff9800;font-weight:500}.chat-input[data-v-072f2145]:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.send-button.rate-limited[data-v-072f2145]{background:#ccc!important;cursor:not-allowed}.send-button[data-v-072f2145]:disabled{opacity:.6;cursor:not-allowed}ion-spinner[data-v-072f2145]{--color: white}@media (max-width: 480px){.chat-header[data-v-072f2145]{padding:12px 15px}.ticket-info h3[data-v-072f2145]{font-size:16px}.welcome-message[data-v-072f2145]{margin:15px;padding:30px 15px}.welcome-message h4[data-v-072f2145]{font-size:16px}.chat-input-container[data-v-072f2145]{padding:12px 15px}.input-info[data-v-072f2145]{margin-top:6px}.message-bubble[data-v-072f2145]{max-width:85%}}.error-page[data-v-4f4d765b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-content[data-v-4f4d765b]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;padding:20px;max-width:500px;margin:0 auto}.error-icon[data-v-4f4d765b]{font-size:80px;margin-bottom:30px;opacity:.9}h1[data-v-4f4d765b]{font-size:32px;margin:0 0 15px;font-weight:600}p[data-v-4f4d765b]{font-size:16px;line-height:1.5;margin-bottom:40px;opacity:.9}.error-actions[data-v-4f4d765b]{display:flex;flex-direction:column;gap:15px;width:100%;max-width:300px}.error-actions ion-button[data-v-4f4d765b]{--border-radius: 25px;--padding-start: 20px;--padding-end: 20px;height:50px;font-weight:500}.error-details[data-v-4f4d765b]{margin-top:30px;opacity:.7}.error-details small[data-v-4f4d765b]{font-size:12px;font-family:monospace}@media (max-width: 768px){.error-icon[data-v-4f4d765b]{font-size:60px;margin-bottom:20px}h1[data-v-4f4d765b]{font-size:28px}p[data-v-4f4d765b]{font-size:15px;margin-bottom:30px}.error-actions[data-v-4f4d765b]{gap:12px}.error-actions ion-button[data-v-4f4d765b]{height:45px}}@media (min-width: 768px){.error-actions[data-v-4f4d765b]{flex-direction:row;justify-content:center}}