body #chat-widget-app{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#chat-widget-app{background:transparent}#chat-widget-app code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-header{background:linear-gradient(135deg,#4A90E2 0%,#3A7BD5 100%);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;flex-shrink:0;border-radius:16px 16px 0 0;max-width:100%;box-sizing:border-box}.chat-header-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow:hidden}.chat-header-icon{width:48px;height:48px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header-text{flex:1;min-width:0;overflow:hidden}.chat-header-text h3{margin:0;font-size:17px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-text p{margin:3px 0 0;font-size:12px;opacity:.95;line-height:1.3;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.chat-action-btn{width:32px;height:32px;border:none;background:rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-action-btn:hover{background:rgba(255,255,255,.25)}.chat-action-btn:active{transform:scale(.95)}.chat-action-btn svg{width:18px;height:18px}.refresh-btn svg{transition:transform .4s ease}.refresh-btn:hover svg{transform:rotate(-180deg)}.fullscreen-btn svg{transition:transform .2s ease}.fullscreen-btn:hover svg{transform:scale(1.1)}@media (max-width: 768px){.chat-header{padding:16px 18px}.chat-header-icon{width:42px;height:42px}.chat-header-text h3{font-size:16px}.chat-header-text p{font-size:11px}.chat-action-btn{width:30px;height:30px}.chat-action-btn svg{width:16px;height:16px}}@media (max-width: 480px){.chat-header{padding:14px 16px;border-radius:0;width:100%;max-width:100vw}.chat-header-content{gap:10px}.chat-header-icon{width:36px;height:36px}.chat-header-text h3{font-size:15px}.chat-header-text p{font-size:11px}.chat-action-btn{width:36px;height:36px;border-radius:8px}.chat-action-btn svg{width:18px;height:18px}.chat-header-actions{gap:6px}.chat-action-btn:hover{background:rgba(255,255,255,.15)}}.typing-indicator-wrapper{display:flex;gap:10px;align-items:flex-start;animation:fadeIn .3s ease-out}.typing-indicator{background:#F3F4F6;padding:14px 18px;border-radius:16px 16px 16px 4px;display:flex;gap:6px;align-items:center}.typing-dot{width:8px;height:8px;background:#9CA3AF;border-radius:50%;animation:typingAnimation 1.4s infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}@media (max-width: 768px){.typing-indicator{padding:12px 16px}}@media (max-width: 480px){.typing-indicator-wrapper{gap:8px}.typing-indicator{padding:10px 14px;border-radius:14px 14px 14px 3px}.typing-dot{width:7px;height:7px}}.chat-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 20px;background:#ffffff;display:flex;flex-direction:column;gap:18px;max-width:100%}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.message{display:flex;gap:10px;animation:fadeIn .3s ease-out;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{align-items:flex-start}.message.user{justify-content:flex-end}.message-avatar{width:36px;height:36px;flex-shrink:0}.user-avatar{order:2}.message-content{max-width:75%;padding:14px 18px;border-radius:16px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.message.bot .message-content{background:#F3F4F6;color:#374151;border-bottom-left-radius:4px;box-shadow:none}.message.user .message-content{background:#66A3FF;color:#fff;border-bottom-right-radius:4px}.message-content p{margin:0;font-size:14px;color:inherit}.markdown-content{font-size:14px;color:inherit;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;width:100%}.markdown-content>*:first-child{margin-top:0!important}.markdown-content>*:last-child{margin-bottom:0!important}.markdown-content p{margin:0 0 12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:16px 0 8px;font-weight:600;line-height:1.3;color:inherit}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:18px}.markdown-content h3{font-size:16px}.markdown-content h4{font-size:15px}.markdown-content h5{font-size:14px}.markdown-content h6{font-size:13px}.markdown-content ul,.markdown-content ol{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content li>p{margin:0}.markdown-content a{color:#66a3ff;text-decoration:none;font-weight:500}.markdown-content a:hover{text-decoration:underline}.markdown-content code{background:rgba(0,0,0,.08);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.markdown-content pre{background:rgba(0,0,0,.05);padding:12px;border-radius:8px;overflow-x:auto;margin:12px 0;max-width:100%}.markdown-content pre code{background:none;padding:0;font-size:13px;line-height:1.5}.markdown-content blockquote{border-left:3px solid #66A3FF;padding-left:12px;margin:12px 0;color:#6b7280;font-style:italic}.markdown-content hr{border:none;border-top:1px solid #E5E7EB;margin:16px 0}.markdown-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px;max-width:100%;overflow-x:auto;display:block}.markdown-content th,.markdown-content td{border:1px solid #E5E7EB;padding:8px 12px;text-align:left}.markdown-content th{background:rgba(0,0,0,.05);font-weight:600}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;padding:0 8px;width:100%;max-width:100%;box-sizing:border-box}.action-btn{background:white;border:1.5px solid #E5E7EB;border-radius:12px;padding:16px 14px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;text-align:left;box-shadow:0 1px 3px #0000000a}.action-btn:hover{border-color:#66a3ff;background:#f0f7ff;transform:translateY(-2px);box-shadow:0 4px 8px #66a3ff1a}.action-btn:active{transform:translateY(0)}.action-icon{font-size:20px;line-height:1;flex-shrink:0}.action-label{font-size:13.5px;color:#374151;font-weight:500;line-height:1.4}.refresh-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:10px}.spinner{width:32px;height:32px;border:3px solid #E5E7EB;border-top:3px solid #66A3FF;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-indicator p{margin:0;font-size:13px;color:#6b7280}.message-links{display:flex;flex-direction:column;gap:8px;margin-top:12px}.message-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(102,163,255,.1);border-radius:8px;font-size:13px;color:#66a3ff;text-decoration:none;font-weight:500;transition:all .2s ease}.message-link:hover{background:rgba(102,163,255,.2);transform:translate(4px)}.chat-input-container{padding:12px 20px 20px;background:white;flex-shrink:0;border-radius:0 0 16px 16px;max-width:100%;box-sizing:border-box}.chat-input-form{display:flex;gap:10px;align-items:center;max-width:100%;width:100%}.chat-input{flex:1;padding:13px 18px;border:1.5px solid #E5E7EB;border-radius:28px;font-size:14px;outline:none;transition:all .2s ease;font-family:inherit;background:white;max-width:100%;min-width:0;box-sizing:border-box}.chat-input::-moz-placeholder{color:#9ca3af}.chat-input::placeholder{color:#9ca3af}.chat-input:focus{border-color:#66a3ff;box-shadow:0 0 0 3px #66a3ff1a}.chat-send-btn{width:44px;height:44px;border-radius:50%;background:#66A3FF;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #66a3ff4d}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn svg{width:20px;height:20px}@media (max-width: 768px){.chat-input-container{padding:10px 16px 16px}.chat-input{padding:12px 16px;font-size:13px}.chat-send-btn{width:40px;height:40px}.chat-send-btn svg{width:18px;height:18px}}@media (max-width: 480px){.chat-input-container{padding:10px 12px 14px;border-radius:0;width:100%;max-width:100vw}.chat-input-form{gap:8px;width:100%}.chat-input{padding:12px 16px;font-size:14px;border-radius:24px;width:100%}.chat-input::-moz-placeholder{font-size:14px}.chat-input::placeholder{font-size:14px}.chat-send-btn{width:42px;height:42px}.chat-send-btn svg{width:20px;height:20px}@supports (-webkit-touch-callout: none){.chat-input{font-size:16px}}}.suggestions-bar{padding:12px 20px;background:white;border-top:1px solid #E5E7EB;flex-shrink:0;max-height:90px;overflow-y:auto;overflow-x:hidden;max-width:100%;box-sizing:border-box}.suggestions-bar::-webkit-scrollbar{width:4px}.suggestions-bar::-webkit-scrollbar-track{background:transparent}.suggestions-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.suggestions-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.suggestions-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.suggestion-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:white;border:1.5px solid #E8F2FF;border-radius:18px;font-size:12px;color:#66a3ff;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.suggestion-chip:hover{background:#F0F7FF;border-color:#66a3ff;transform:translateY(-2px);box-shadow:0 4px 12px #66a3ff26}.suggestion-chip:active{transform:translateY(0);box-shadow:0 2px 6px #66a3ff1f}.chip-icon{font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.chip-text{font-size:12px;font-weight:500;color:#374151;line-height:1}@media (max-width: 768px){.suggestions-bar{padding:10px 16px;max-height:80px}.suggestions-container{gap:6px}.suggestion-chip{padding:5px 10px;font-size:11px}.chip-icon{font-size:13px}.chip-text{font-size:11px}}@media (max-width: 480px){.suggestions-bar{padding:10px 12px;max-height:75px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100vw}.suggestions-bar::-webkit-scrollbar{height:3px;width:3px}.suggestions-container{gap:6px;flex-wrap:nowrap}.suggestion-chip{padding:6px 12px;font-size:12px;border-radius:16px;flex-shrink:0}.chip-icon{font-size:14px}.chip-text{font-size:12px}.suggestion-chip:hover{transform:none}.suggestion-chip:active{background:#F0F7FF;border-color:#66a3ff;transform:scale(.98)}}.chat-widget-container{position:fixed;bottom:40px;right:40px;z-index:9999;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chat-widget-container *{box-sizing:border-box}.chat-toggle-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4A90E2 0%,#3A7BD5 100%);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 12px #4a90e266;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #4a90e280}.chat-toggle-btn:active{transform:scale(.95)}.chat-toggle-btn.open{display:none}.chat-window{position:absolute;bottom:0;right:0;width:600px;height:650px;background:white;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;transition:all .3s ease-in-out}.chat-window.maximized{width:1000px;height:700px;border-radius:16px;box-shadow:0 12px 48px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.chat-window.maximized{width:calc(100vw - 40px);height:calc(100vh - 40px);max-width:1000px;max-height:700px}}@media (max-width: 768px){.chat-window{width:480px;height:650px}.chat-window.maximized{width:calc(100vw - 30px);height:calc(100vh - 30px)}}@media (max-width: 480px){.chat-widget-container{inset:0}.chat-toggle-btn{width:56px;height:56px;position:fixed;bottom:16px;right:16px;z-index:10000}.chat-window{position:fixed;width:100vw;height:100vh;inset:0;border-radius:0;max-height:none;max-width:100vw;overflow-x:hidden}.chat-window.maximized{width:100vw;height:100vh;border-radius:0;max-width:100vw;overflow-x:hidden}}*{margin:0;padding:0;box-sizing:border-box}