*{margin:0;padding:0;box-sizing:border-box}html{height:-webkit-fill-available;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;height:-webkit-fill-available;height:100%;background:#ffffff;overflow:hidden}.chat-container{width:100%;height:100vh;height:100svh;height:100dvh;min-height:-webkit-fill-available;display:none;flex-direction:column;background:linear-gradient(to bottom,#ebf8ff,#c9eaff);border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,0.12);overflow:hidden;margin:0;padding:0}.chat-header{background:none;height:70px;padding:0;display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative}.chat-title{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.chat-icon{display:none}.chat-logo{height:30px;width:auto;object-fit:contain}.close-button{background:none;border:none;color:#4e9eff;width:40px;height:40px;padding:0;cursor:pointer;font-size:40px;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.close-button:hover{opacity:0.7}.chat-messages{flex:1;padding:20px;overflow-y:auto;background:transparent;display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;max-width:80%;animation:messageSlideIn 0.3s ease-out}.message.user{align-self:flex-end}.message.bot{align-self:flex-start;display:flex;flex-direction:row;align-items:flex-start;gap:8px;max-width:100%}.message-content{padding:12px 16px;border-radius:18px;overflow-wrap:anywhere;line-height:1.4;font-size:14px;white-space:pre-wrap}.message.user .message-content{background:#79b2f7;color:#ffffff;border-bottom-right-radius:4px}.message.bot .message-content{background:#ffffff;color:#333333;border:1px solid #e9ecef;border-bottom-left-radius:4px}.message-bot-icon{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-bot-avatar{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.bot-name{font-size:10px;color:#444444;text-align:center;font-weight:500}.message-content-wrapper{display:flex;flex-direction:row;flex:1;align-items:flex-end;gap:8px}.message-time{font-size:11px;color:#6c757d;margin-top:4px;padding:0 4px}.message.user .message-time{text-align:right}.message.bot .message-time{text-align:left}.welcome-message{align-self:flex-start;display:flex;flex-direction:row;align-items:flex-start;gap:8px;max-width:80%}.welcome-message .message-content{background:#ffffff;color:#333333;border:1px solid #e9ecef;border-radius:18px}.chat-input-area{padding:20px;background:transparent;border-top:1px solid #e9ecef;flex-shrink:0}.input-container{display:flex;gap:12px;align-items:flex-end;background:#ffffff;border-radius:28px;padding:4px}#message-input{flex:1;padding:12px 16px;border:0px none #ffffff;border-radius:20px;font-size:16px;outline:none;transition:border-color 0.2s ease;resize:none;overflow-y:hidden;line-height:1.5;box-sizing:border-box}#message-input:focus{border-color:#007bff}#message-input::placeholder{color:#6c757d}.send-button{background:#79b2f7;border:none;width:44px;height:44px;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background-color 0.2s ease;margin-bottom:2px}.send-button:hover{background:#0056b3}.send-button:disabled{background:#6c757d;cursor:not-allowed}.send-icon{width:20px;height:20px;object-fit:contain}.input-footer{text-align:center;margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.input-footer small{color:#6c757d;font-size:11px}.chat-footer{padding:8px 20px;background:transparent;border-top:1px solid #e9ecef;text-align:center;flex-shrink:0}.chat-footer small{color:#6c757d;font-size:10px}.chat-footer a{color:#79b2f7;text-decoration:none}.chat-footer a:hover{text-decoration:underline}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes messageSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.chat-container{border-radius:0;height:100vh;height:100svh;height:100dvh;min-height:-webkit-fill-available;margin:0;padding:0;width:100vw;position:fixed;top:0;left:0;right:0;bottom:0}input,textarea{font-size:16px}.chat-header{padding:12px 16px}.chat-messages{padding:16px}.chat-input-area{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.message{max-width:90%}}.chat-container.dark-theme{background:linear-gradient(to bottom,#1a1a1a,#2d2d2d);color:#ffffff}.chat-container.dark-theme .chat-messages{background:transparent}.chat-container.dark-theme .message.bot .message-content{background:#3a3a3a;color:#ffffff;border-color:#4a4a4a}.chat-container.dark-theme .chat-input-area{background:transparent;border-top-color:#4a4a4a}.chat-container.dark-theme #message-input{background:#3a3a3a;border-color:#4a4a4a;color:#ffffff}.chat-container.dark-theme #message-input::placeholder{color:#888}.chat-container.dark-theme .input-footer small{color:#888}.chat-container.dark-theme .reset-conversation-button{color:#79b2f7}.chat-container.dark-theme .chat-footer{border-top-color:#4a4a4a}.chat-container.dark-theme .chat-footer small{color:#888}.chat-container.dark-theme .chat-footer a{color:#79b2f7}.chat-container.closing{animation:widgetSlideOut 0.3s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes widgetSlideOut{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.8) translateY(20px)}}@media(max-width:768px){.chat-container{border-radius:4px;height:100vh;height:100dvh;animation:widgetSlideIn 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes widgetSlideInMobile{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chat-container.closing{animation:widgetSlideOutMobile 0.3s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes widgetSlideOutMobile{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}.chat-container.loading{opacity:0.7;pointer-events:none}.chat-container.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.message-content a{color:#0066cc;text-decoration:underline;word-break:break-all}.message-content a:hover{color:#0052a3;text-decoration:none}.message-content a:visited{color:#551a8b}.typing-dots{display:flex;align-items:center;gap:4px;padding:4px 2px}.typing-dots span{display:block;width:8px;height:8px;border-radius:50%;background-color:#a0a0a0;animation:typingBounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:0.2s}.typing-dots span:nth-child(3){animation-delay:0.4s}@keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-6px);opacity:1}}.lang-dropdown-wrapper{position:absolute;right:55px;z-index:1}.chat-header .lang-dropdown-wrapper{top:50%;transform:translateY(-50%)}.consent-lang-dropdown-wrapper{top:2.6%;z-index:99}.lang-toggle-button{display:inline-block;background:none;border:2px solid #4e9eff;color:#4e9eff;border-radius:50px;padding:4px 8px;cursor:pointer;font-size:11px;font-weight:600;line-height:1}.lang-toggle-button::after{content:"";display:inline-block;width:4px;height:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:8px;margin-bottom:2px;vertical-align:middle}.lang-toggle-button[aria-expanded=true]::after{transform:rotate(-135deg);margin-bottom:-2px}.lang-toggle-button:hover{background:#4e9eff;color:#ffffff}.lang-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;background:#ffffff;border:2px solid #4e9eff;border-radius:10px;list-style:none;margin:0;padding:4px 0;min-width:72px;box-shadow:0 4px 12px rgba(0,0,0,0.12)}.lang-dropdown-menu.open{display:block}.lang-dropdown-menu li{padding:6px 12px;cursor:pointer;font-size:11px;font-weight:600;color:#4e9eff;text-align:center;transition:background 0.15s ease,color 0.15s ease}.lang-dropdown-menu li:hover{background:#4e9eff;color:#ffffff}.lang-dropdown-menu li.active{background:#4e9eff;color:#ffffff}
