*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--theme-color: #2563eb}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;background:#f5f5f5}.chat-window{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0000001f}.chat-header{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--theme-color);color:#fff;font-weight:600;font-size:15px}.chat-header-dot{width:8px;height:8px;border-radius:50%;background:#4ade80}.message-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.message{display:flex}.message--user{justify-content:flex-end}.message--bot{justify-content:flex-start}.message-bubble{max-width:75%;padding:10px 14px;border-radius:18px;line-height:1.5;word-break:break-word}.message--user .message-bubble{background:var(--theme-color);color:#fff;border-bottom-right-radius:4px}.message--bot .message-bubble{background:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}.message-bubble--loading{display:flex;align-items:center;gap:4px;padding:14px 16px}.message-bubble--loading span{display:block;width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:bounce 1.2s infinite}.message-bubble--loading span:nth-child(2){animation-delay:.2s}.message-bubble--loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.chat-error{padding:8px 16px;background:#fef2f2;color:#dc2626;font-size:13px;border-top:1px solid #fecaca}.action-bar{display:flex;gap:8px;padding:8px 16px;border-top:1px solid #e2e8f0;background:#f8fafc}.action-bar-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.action-bar-btn:hover{opacity:.85}.escalation-form{padding:16px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.escalation-form-title{font-weight:700;font-size:14px;color:#1e293b}.escalation-form-desc{font-size:12px;color:#64748b;line-height:1.5}.escalation-form-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s;resize:none}.escalation-form-input:focus{border-color:var(--theme-color)}.escalation-form-textarea{line-height:1.5}.escalation-form-actions{display:flex;gap:8px;margin-top:4px}.escalation-form-btn{flex:1;padding:10px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.escalation-form-btn:disabled{opacity:.5;cursor:not-allowed}.escalation-form-btn--primary{background:var(--theme-color);color:#fff}.escalation-form-btn--skip{background:#e2e8f0;color:#475569}.completion-message{padding:16px;font-size:13px;font-weight:600;text-align:center;line-height:1.6}.completion-message--resolved{background:#dcfce7;color:#16a34a}.completion-message--escalated{background:#fef3c7;color:#92400e}.message-input{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff}.message-input-textarea{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:20px;resize:none;font-family:inherit;font-size:14px;line-height:1.5;outline:none;transition:border-color .2s}.message-input-textarea:focus{border-color:var(--theme-color)}.message-input-textarea:disabled{background:#f8fafc}.message-input-button{padding:10px 18px;background:var(--theme-color);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.message-input-button:hover:not(:disabled){filter:brightness(.9)}.message-input-button:disabled{background:#94a3b8;cursor:not-allowed}