.chat-header{background:linear-gradient(135deg,#075e54,#0a7e5e);color:#fff;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;flex-shrink:0}.header-content{display:flex;align-items:center;gap:12px}.bot-icon{width:40px;height:40px;border-radius:50%;background:#fff3;padding:6px;object-fit:contain;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-titles{display:flex;flex-direction:column;gap:1px}.app-title{font-size:18px;font-weight:700;letter-spacing:.5px;line-height:1.2}.header-subtitle{font-size:11px;opacity:.75;font-weight:400;letter-spacing:.3px}.header-info{display:flex;align-items:center;gap:8px}.status{font-size:12px;opacity:.9;font-weight:500}.status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status.online:before{background:#25d366;animation:blink 2s infinite}.status.offline:before{background:#aaa;animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 480px){.chat-header{padding:12px 14px}.app-title{font-size:16px}.header-subtitle{font-size:10px}.bot-icon{width:36px;height:36px}}.message-wrapper{display:flex;margin-bottom:4px;animation:messageIn .3s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.user{justify-content:flex-end;padding-right:8px}.message-wrapper.bot{justify-content:flex-start;padding-left:8px}.message-bubble{max-width:75%;padding:8px 12px;border-radius:18px;word-wrap:break-word;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;gap:4px}.message-bubble.user{background:linear-gradient(135deg,#dcf8c6,#c7f0d8);color:#000;border-bottom-right-radius:4px}.message-bubble.bot{background:linear-gradient(135deg,#e3e3e3,#f0f0f0);color:#000;border-bottom-left-radius:4px}.message-text{font-size:14px;line-height:1.4;margin:0;word-break:break-word;font-weight:500;white-space:pre-wrap}.message-time{font-size:11px;opacity:.7;text-align:right;margin-top:2px}.message-bubble.bot .message-time{text-align:left}.streaming-cursor{display:inline-block;width:2px;height:14px;background:#075e54;margin-left:2px;vertical-align:middle;border-radius:1px;animation:blink-cursor .7s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{display:flex;align-items:center;gap:4px;padding:4px 2px}.typing-indicator span{display:inline-block;width:7px;height:7px;background:#999;border-radius:50%;animation:typing-bounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@media (max-width: 480px){.message-bubble{max-width:85%}.message-text{font-size:13px}.message-time{font-size:10px}}.chat-messages{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#f5f5f5,#fff)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 480px){.chat-messages{padding:12px 8px}}.chat-input-wrapper{display:flex;flex-direction:column;gap:10px;padding:12px;background:#f5f5f5;border-top:1px solid #e0e0e0;flex-shrink:0}.chat-input-row{display:flex;gap:8px;align-items:center}.voice-button{border:none;background:#fff;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.voice-button.recording{background:#ffe6e6;border:1px solid #ff4d4d;color:#a80000}.voice-button:disabled,.stream-toggle-button:disabled{opacity:.5;cursor:not-allowed}.stream-toggle-button{border:none;background:#fff;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.stream-toggle-button.active{background:#dcfce7}.stream-toggle-button:hover:not(:disabled),.voice-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 6px #00000026}.chat-input{flex:1;border:none;border-radius:20px;padding:10px 16px;font-size:14px;background:#fff;outline:none;box-shadow:0 1px 3px #0000001a;font-family:inherit;transition:all .2s ease}.chat-input:focus{box-shadow:0 2px 6px #075e5433}.chat-input::placeholder{color:#999}.chat-input:disabled{background:#f0f0f0;cursor:not-allowed;opacity:.7}.send-button{background:linear-gradient(135deg,#075e54,#0a7e5e);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.send-button:hover:not(:disabled){transform:scale(1.08);box-shadow:0 2px 6px #075e544d}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 480px){.chat-input-wrapper{padding:10px;gap:8px}.chat-input-row{gap:6px}.voice-button,.send-button{width:34px;height:34px;font-size:14px}.chat-input{font-size:13px;padding:9px 14px}}.chat-container{display:flex;flex-direction:column;width:100%;max-width:420px;height:90vh;max-height:600px;background:#fff;border-radius:15px;box-shadow:0 0 20px #0003;overflow:hidden;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.chat-container{max-width:100%;max-height:100vh;border-radius:0;height:100vh}#root{padding:0;align-items:stretch;justify-content:stretch}}.chatbot-widget-shell{position:fixed;bottom:24px;right:24px;z-index:999999;width:380px;max-width:calc(100vw - 24px);pointer-events:auto}.chatbot-widget-panel{position:relative}.chatbot-widget-shell .chatbot-toggle-button,.chatbot-widget-shell .chatbot-close-button{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:none;border-radius:50%;background:#075e54;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 14px 40px #075e5438;transition:transform .2s ease,background .2s ease}.chatbot-widget-shell .chatbot-toggle-button:hover,.chatbot-widget-shell .chatbot-close-button:hover{transform:translateY(-1px);background:#0a7e5e}.chatbot-widget-shell .chatbot-toggle-button{right:0;bottom:0}.chatbot-widget-shell .chatbot-close-button{right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:#000000a6;font-size:20px;line-height:0}.chatbot-widget-shell .chat-container{height:88vh;max-height:600px;border-radius:20px}@media (max-width: 600px){.chatbot-widget-shell{bottom:0;right:0;left:0;width:100%;max-width:100%;height:100vh}.chatbot-widget-shell .chatbot-toggle-button{right:16px;bottom:16px}.chatbot-widget-shell .chatbot-close-button{right:14px;top:14px}.chatbot-widget-shell .chat-container{max-height:100vh;height:100vh;border-radius:0}}