.chatbot-toggle{position:fixed;right:40px;bottom:16px;height:55px;width:55px;color:#fff;background-color:#69c;outline:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.show-chatbot .chatbot-toggle{transform:rotate(90deg)}.chatbot-toggle span{position:absolute}.chatbot-toggle span:last-child,.show-chatbot .chatbot-toggle span:first-child{opacity:0}.show-chatbot .chatbot-toggle span:last-child{opacity:1}.chatbot{position:fixed;right:40px;width:420px;min-width:320px;max-width:90vw;background:#fff;transform:scale(.5);opacity:0;pointer-events:none;transform-origin:bottom right;bottom:100px;height:80vh;min-height:400px;max-height:90vh;border-radius:15px;box-shadow:-1px 10px 15px 1px hsla(0,12%,71%,.25);transition:all .1s ease;display:flex;flex-direction:column}.show-chatbot{transform:scale(1);opacity:1;pointer-events:auto}.chatbot.iframe-mode{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;min-height:100%!important;max-height:100%!important;border-radius:10px!important;box-shadow:none!important;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:1!important}.chatbot.iframe-mode .chatbot-toggle{display:none!important}.chatbot header{background:#69c;padding:16px 0;text-align:center;position:relative;border-radius:10px 10px 0 0;flex-shrink:0}.chatbot header h2{color:#fff;font-size:1.4rem;padding-left:15px;font-weight:700}.chatbot header span{position:absolute;right:20px;top:50%;color:#fff;cursor:pointer;transform:translateY(-50%);display:none}.chatbot header img{margin-left:-74px;margin-bottom:-105px;top:-28px;position:relative}.online-dot{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#6ed36e;top:75%;left:35px;transform:translateY(-50%)}.company-logo-container{display:flex;flex-direction:column;align-items:center;margin-right:10px}.incoming-header{display:flex;align-items:center;margin-bottom:8px}.assistant-title{font-size:14px;font-weight:700;color:#333;margin-left:10px;text-align:left}.company-logo-container .company-logo{width:40px;height:40px}.chatbot form{height:calc(100% - 140px);position:relative;overflow:hidden;display:flex;flex-direction:column;background-color:#ededed}.chatbox{flex:1;overflow-y:auto;padding:40px 10px 20px;scrollbar-width:thin;scrollbar-color:#69c transparent}.chatbox::-webkit-scrollbar{width:6px}.chatbox::-webkit-scrollbar-track{background:transparent}.chatbox::-webkit-scrollbar-thumb{background-color:#69c;border-radius:3px}.chatbox .chat{display:flex;position:relative;margin-bottom:6px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbox .chat.grouped{margin-top:-10px}.chatbox .chat.grouped .incoming-header{display:none}.chatbox .chat p{padding:8px 12px;background:#69c;max-width:80%;white-space:pre-wrap;color:#fff;font-size:.95rem;border-radius:10px 0 10px 10px;transition:all .2s ease}.chatbox .chat p:hover{box-shadow:0 2px 5px rgba(0,0,0,.1)}.chatbox .incoming p{color:#000;background:#fff;border-radius:0 10px 10px 10px}.check-in-message p{background:#f5f5f5!important;border-left:4px solid #4caf50!important}.check-in-message p,.contact-message p{box-shadow:0 2px 5px rgba(0,0,0,.1)!important;padding:12px 15px!important}.contact-message p{background:#f0f8ff!important;border-left:4px solid #69c!important;font-style:italic}.contact-message a{color:#69c;text-decoration:underline;font-weight:700}.contact-message a:hover{color:#4a7aa0}.chatbox .incoming span{height:32px;width:32px;color:#000;text-align:center;line-height:32px;border-radius:4px;margin:0 5px 7px 0}.chatbox .outgoing{margin:10px 0;justify-content:flex-end}.chat-input{position:relative;bottom:0;width:100%;background:#fff;padding:5px 20px;display:flex;gap:5px;border-top:1px solid #ccc;border-radius:0 0 10px 10px;flex-shrink:0;z-index:10}.chat-input textarea{height:55px;width:100%;border:none;outline:none;font-size:.95rem;resize:none;padding:16px 15px 16px 0;transition:all .2s ease}.chat-input textarea:focus{box-shadow:0 0 0 2px rgba(102,153,204,.2)}.chatbot header button.close-btn{position:absolute;right:20px;top:50%;color:#fff;cursor:pointer;transform:translateY(-50%)}.chatbot .details-form{color:#000;background:#fff;border-radius:0 10px 10px 10px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:5px 0 5px 25px;max-width:80%;z-index:1}.input-container{display:flex;align-items:center;margin-bottom:12px;position:relative}.input-icon{position:absolute;left:10px;color:#69c;font-size:16px;z-index:1}.chatbot .details-form input{padding:10px 10px 10px 35px;margin-bottom:12px;border:1px solid #ddd;border-radius:5px;width:100%;font-size:14px;transition:border-color .3s ease;background-color:#f8f9fa}.chatbot .details-form input:focus{border-color:#69c;outline:none;box-shadow:0 0 0 2px rgba(102,153,204,.2);background-color:#fff}.chatbot .details-form .submit-btn{padding:10px 15px;background-color:#69c;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin:10px 0 0;width:100%;font-weight:500;font-size:14px}.chatbot .details-form .submit-btn:hover{background-color:#58b}.chat.notice{display:flex;justify-content:center;margin:10px 0}.chat.notice p.notice-text{background:none!important;color:#777;padding:0;border:none;font-size:.85rem;text-align:center;box-shadow:none}.incoming.success-message{margin-top:10px}.three-dots,.three-dots-container{display:flex;align-items:center;margin-left:10px}.three-dots{justify-content:center}.dot{width:8px;height:8px;margin:0 2px;background-color:#69c;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media only screen and (max-width:362px){.chatbot{max-width:70%}.chatbot header h2{font-size:1.2rem}.chatbot header button.close-btn{right:10px}}@media only screen and (max-width:420px) and (min-width:362px){.chatbot{max-width:85%!important}.chatbot header button.close-btn{right:10px}}@media only screen and (max-width:768px){.chatbot-toggle{right:2%;bottom:2%}.chatbot{right:2%;width:95%;bottom:5%;height:90%;max-width:400px}.chatbot.iframe-mode{right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:100%!important}.chatbot form{height:calc(100% - 130px)}.chatbot .details-form{margin-left:15px;max-width:90%}.input-icon{font-size:20px;margin:0 5px 10px 0}.chatbot .details-form .submit-btn{margin:0 auto;width:70%}}@media (max-width:576px){.input-container{margin-bottom:15px}.input-icon{font-size:18px}}.chatbox .incoming{flex-direction:column;align-items:flex-start}.chatbox .incoming .company-logo-container{display:flex;align-items:center}.welcome-options{display:flex;flex-direction:column;gap:8px;margin-top:10px;width:100%;max-width:80%}.welcome-options button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:20px;padding:8px 15px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#333}.welcome-options button:hover{background-color:#e0e0e0;transform:translateY(-2px)}.message-feedback{display:flex;gap:5px;margin-top:5px}.feedback-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:all .2s ease;padding:2px 5px;border-radius:4px}.feedback-btn:hover{opacity:1;background-color:rgba(0,0,0,.05)}.feedback-btn.active{opacity:1;background-color:rgba(102,153,204,.1)}.read-status{font-size:12px;color:#999;margin-left:5px}.suggested-responses{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;padding:0 10px}.suggestion-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:20px;padding:6px 12px;font-size:.85rem;color:#333;cursor:pointer;transition:all .2s ease;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-btn:hover{background-color:#e0e0e0;transform:translateY(-2px)}#send-btn{background-color:#69c;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}#send-btn:hover{background-color:#58b;transform:scale(1.05)}.iframe-mode.chatbot{position:static!important;width:100%;height:auto}@media (max-width:768px){.welcome-options{max-width:90%}.suggested-responses{padding:0 5px}.suggestion-btn{font-size:.8rem;padding:5px 10px}}