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