body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:transparent}.chat-container.svelte-6hftkm.svelte-6hftkm{display:flex;flex-direction:column;height:100vh;width:100vw;background:#fff;box-sizing:border-box;overflow:hidden}.chat-header.svelte-6hftkm.svelte-6hftkm{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.header-left.svelte-6hftkm.svelte-6hftkm{display:flex;align-items:center;gap:10px}.agent-avatar.svelte-6hftkm.svelte-6hftkm{width:38px;height:38px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.agent-info.svelte-6hftkm.svelte-6hftkm{display:flex;flex-direction:column;gap:2px}.agent-name.svelte-6hftkm.svelte-6hftkm{font-size:14px;font-weight:600;line-height:1}.agent-status.svelte-6hftkm.svelte-6hftkm{display:flex;align-items:center;gap:5px;font-size:11px;opacity:.85;line-height:1}.status-dot.svelte-6hftkm.svelte-6hftkm{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.online.svelte-6hftkm.svelte-6hftkm{background:#4ade80;box-shadow:0 0 0 2px #4ade804d}.status-dot.offline.svelte-6hftkm.svelte-6hftkm{background:#fca5a5}.header-actions.svelte-6hftkm.svelte-6hftkm{display:flex;align-items:center;gap:4px}.action-btn.svelte-6hftkm.svelte-6hftkm{background:#ffffff26;border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;flex-shrink:0}.action-btn.svelte-6hftkm.svelte-6hftkm:hover{background:#ffffff47}.action-btn.svelte-6hftkm svg.svelte-6hftkm{width:15px;height:15px}.reconnect-banner.svelte-6hftkm.svelte-6hftkm{background:#f59e0b;color:#fff;text-align:center;font-size:12px;padding:5px 12px;flex-shrink:0}.chat-messages.svelte-6hftkm.svelte-6hftkm{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fc;scroll-behavior:smooth}.chat-messages.svelte-6hftkm.svelte-6hftkm::-webkit-scrollbar{width:4px}.chat-messages.svelte-6hftkm.svelte-6hftkm::-webkit-scrollbar-track{background:transparent}.chat-messages.svelte-6hftkm.svelte-6hftkm::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.message.svelte-6hftkm.svelte-6hftkm{display:flex;align-items:flex-end;gap:7px}.message.user.svelte-6hftkm.svelte-6hftkm{flex-direction:row-reverse}.message.agent.svelte-6hftkm.svelte-6hftkm{flex-direction:row}.bot-avatar.svelte-6hftkm.svelte-6hftkm{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.3px}.bubble.svelte-6hftkm.svelte-6hftkm{padding:9px 13px;border-radius:16px;max-width:78%;word-break:break-word;font-size:13.5px;line-height:1.5}.message.user.svelte-6hftkm .bubble.svelte-6hftkm{background:#6366f1;color:#fff;border-bottom-right-radius:4px;box-shadow:0 1px 3px #6366f14d}.message.agent.svelte-6hftkm .bubble.svelte-6hftkm{background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000012;border:1px solid #e5e7eb}.chat-input-area.svelte-6hftkm.svelte-6hftkm{padding:12px 14px;display:flex;gap:8px;align-items:center;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}input.svelte-6hftkm.svelte-6hftkm{flex:1;padding:9px 14px;border:1.5px solid #e5e7eb;border-radius:24px;outline:none;font-size:13.5px;font-family:inherit;color:#1f2937;background:#f9fafb;transition:border-color .15s ease,background .15s ease}input.svelte-6hftkm.svelte-6hftkm::placeholder{color:#9ca3af}input.svelte-6hftkm.svelte-6hftkm:focus{border-color:#6366f1;background:#fff}input.svelte-6hftkm.svelte-6hftkm:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.send-btn.svelte-6hftkm.svelte-6hftkm{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #6366f159;transition:transform .15s ease,box-shadow .15s ease}.send-btn.svelte-6hftkm.svelte-6hftkm:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.send-btn.svelte-6hftkm.svelte-6hftkm:not(:disabled):hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f173}.send-btn.svelte-6hftkm.svelte-6hftkm:not(:disabled):active{transform:scale(.95)}.send-btn.svelte-6hftkm svg.svelte-6hftkm{width:15px;height:15px}.typing-bubble.svelte-6hftkm.svelte-6hftkm{display:flex;align-items:center;gap:4px;padding:10px 14px;min-width:48px}.dot.svelte-6hftkm.svelte-6hftkm{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:svelte-6hftkm-bounce 1.2s infinite ease-in-out;flex-shrink:0}.dot.svelte-6hftkm.svelte-6hftkm:nth-child(1){animation-delay:0s}.dot.svelte-6hftkm.svelte-6hftkm:nth-child(2){animation-delay:.2s}.dot.svelte-6hftkm.svelte-6hftkm:nth-child(3){animation-delay:.4s}@keyframes svelte-6hftkm-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}