.zettaprog-ihsan-chatbot,.zettaprog-ihsan-chatbot *{margin:0;padding:0;box-sizing:border-box}.ihsan-chatbot-wrapper{position:fixed;bottom:30px;right:30px;z-index:99999}.chatbot-popup{position:relative;z-index:1000}#chatbot-toggler{position:absolute;bottom:0;right:0;z-index:9999}@media (max-width:768px){.ihsan-chatbot-wrapper{z-index:999999}}body{width:100%;min-height:100vh}#chatbot-toggler{position:fixed;bottom:30px;right:35px;border:none;height:50px;width:50px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:50%;background:#095f37;box-shadow:0 0 20px rgb(0 0 0 / .1);transition:all 0.2s ease}body.show-chatbot #chatbot-toggler{transform:rotate(90deg)}#chatbot-toggler span{color:#fff;position:absolute}#chatbot-toggler span:last-child,body.show-chatbot #chatbot-toggler span:first-child{opacity:0}body.show-chatbot #chatbot-toggler span:last-child{opacity:1}.chatbot-popup{position:fixed;right:35px;bottom:90px;width:420px;overflow:hidden;background:#ececec;border-radius:15px;opacity:0;pointer-events:none;transform:scale(.2);transform-origin:bottom right;box-shadow:0 0 128px 0 rgb(0 0 0 / .1),0 32px 64px -48px rgb(0 0 0 / .5);transition:all 0.1s ease}body.show-chatbot .chatbot-popup{opacity:1;pointer-events:auto;transform:scale(1)}.chat-header{display:flex;align-items:center;padding:15px 22px;background:#4DB848;justify-content:space-between}.chat-header .header-info{display:flex;gap:10px;align-items:center}.header-info .chatbot-logo{width:35px;height:35px;padding:6px;fill:#00abb1;flex-shrink:0;background:#fff;border-radius:50%}.header-info .logo-text{color:#fff;font-weight:600;font-size:1.31rem;letter-spacing:.02rem}.chat-header #close-chatbot{border:none;color:#fff;height:40px;width:40px;font-size:1.9rem;margin-right:-10px;padding-top:2px;cursor:pointer;border-radius:50%;background:none;transition:0.2s ease}.chat-header #close-chatbot:hover{background:#095f37}.chat-body{padding:25px 22px;gap:20px;display:flex;height:460px;overflow-y:auto;margin-bottom:82px;flex-direction:column;scrollbar-width:thin;scrollbar-color:#b9fdff #fff0}.chat-body,.chat-form .message-input:hover{scrollbar-color:#b9fdff #fff0}.chat-body .message{display:flex;gap:11px;align-items:center}.chat-body .message .bot-avatar{width:35px;height:35px;padding:6px;fill:#fff;flex-shrink:0;margin-bottom:2px;align-self:flex-end;border-radius:50%}.chat-body .message .message-text{padding:12px 16px;max-width:75%;font-size:.95rem}.chat-body .bot-message.thinking .message-text{padding:2px 16px}.chat-body .bot-message .message-text{background:#ececec;border-radius:13px 13px 13px 3px}.chat-body .user-message{flex-direction:column;align-items:flex-end}.chat-body .user-message .message-text{color:#fff;background:#095f37;border-radius:13px 13px 3px 13px}.chat-body .user-message .attachment{width:50%;margin-top:-7px;border-radius:13px 3px 13px 13px}.chat-body .bot-message .thinking-indicator{display:flex;gap:4px;padding-block:15px}.chat-body .bot-message .thinking-indicator .dot{height:7px;width:7px;opacity:.7;border-radius:50%;background:#00abb1;animation:dotPulse 1.8s ease-in-out infinite}.chat-body .bot-message .thinking-indicator .dot:nth-child(1){animation-delay:0.2s}.chat-body .bot-message .thinking-indicator .dot:nth-child(2){animation-delay:0.3s}.chat-body .bot-message .thinking-indicator .dot:nth-child(3){animation-delay:0.4s}@keyframes dotPulse{0%,44%{transform:translateY(0)}28%{opacity:.4;transform:translateY(-4px)}44%{opacity:.2}}.chat-footer{position:absolute;bottom:0;width:100%;background:#ececec;padding:15px 22px 20px}.chat-footer .chat-form{direction:rtl;display:flex;align-items:center;position:relative;background:#fff;border-radius:32px;outline:1px solid #4DB848;box-shadow:0 0 8px rgb(0 0 0 / .06);transition:0s ease,border-radius 0s}.chat-form:focus-within{outline:2px solid #4DB848}.chat-form .message-input{width:100%;height:47px;outline:none;resize:none;border:none;max-height:180px;scrollbar-width:thin;border-radius:inherit;font-size:.95rem;padding-block:14px;padding-inline-start:18px;scrollbar-color:#fff0 #fff0}.chat-form .chat-controls{gap:3px;height:47px;display:flex;padding-right:6px;align-items:center;align-self:flex-end}.chat-form .chat-controls button{height:35px;width:35px;border:none;cursor:pointer;color:#095f37;border-radius:50%;font-size:1.15rem;background:none;transition:0.2s ease}.chat-form .chat-controls button:hover,body.show-emoji-picker .chat-controls #emoji-picker{color:#00abb1;background:#f1f1ff}.chat-form .chat-controls #send-message{color:#fff;display:none;background:#095f37}.chat-form .chat-controls #send-message:hover{background:#00abb1}.chat-form .message-input:valid~.chat-controls #send-message{display:block;margin:0 0 10px 10px}.chat-form .file-upload-wrapper{position:relative;height:35px;width:35px}.chat-form .file-upload-wrapper :where(button,img){position:absolute}.chat-form .file-upload-wrapper img{height:100%;width:100%;object-fit:cover;border-radius:50%}.chat-form .file-upload-wrapper #file-cancel{color:red;background:#fff}.chat-form .file-upload-wrapper :where(img,#file-cancel),.chat-form .file-upload-wrapper.file-uploaded #file-upload{display:none}.chat-form .file-upload-wrapper.file-uploaded img,.chat-form .file-upload-wrapper.file-uploaded:hover #file-cancel{display:block}em-emoji-picker{position:absolute;left:50%;top:-337px;width:100%;max-width:350px;visibility:hidden;max-height:330px;transform:translateX(-50%)}body.show-emoji-picker em-emoji-picker{visibility:visible}@media (max-width:520px){#chatbot-toggler{right:20px;bottom:20px}.chatbot-popup{right:0;bottom:0;height:100%;border-radius:0;width:100%}.chatbot-popup .chat-header{padding:12px 15px}.chat-body{height:calc(90% - 55px);padding:25px 15px}.chat-footer{padding:10px 15px 15px}.chat-form .file-upload-wrapper.file-uploaded #file-cancel{opacity:0}}