@import"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Arabic:100,200,300,regular,500,600,700";*{margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Sans Arabic,sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(#eee,#c8c7ff)}.chatbot-popup{width:100%;max-width:420px;background-color:#fff;overflow:hidden;border-radius:1rem;box-shadow:0 0 128px #0000001a,0 32px 64px -48px #00000080;position:relative}.chat-header{display:flex;justify-content:space-between;align-items:center;background-color:#5350c4;padding:15px 22px}.chat-header .header-info{display:flex;align-items:center;gap:10px}.chat-header .chatbot-logo{height:35px;width:35px;padding:6px;flex-shrink:0;background-color:#fff;fill:#5350c4;border-radius:50%}.header-info .logo-text{color:#fff;font-size:1.3rem}.chat-header #close-chatbot{border:none;color:#fff;background-color:transparent;border-radius:50%;height:40px;width:40px;font-size:1.9rem;cursor:pointer;transition:background-color .3s ease}.chat-header #close-chatbot:hover{background-color:#3d39ac}.chat-body{padding:25px 22px;display:flex;flex-direction:column;gap:20px;height:400px;overflow-y:auto;scrollbar-width:none}.chat-body::-webkit-scrollbar{display:none}.chat-body .message{display:flex;align-items:center;gap:10px}.chat-body .bot-message .bot-avatar{height:35px;width:35px;padding:6px;flex-shrink:0;background-color:#5350c4;fill:#fff;border-radius:50%;align-self:flex-end;margin-bottom:6px}.chat-body .bot-message .message-text{background-color:#f2f2ff;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-color:#5350c4;border-radius:13px 13px 3px}.chat-body .user-message .attachment{width:50%;margin-top:5px;border-radius:13px 3px 13px 13px;border:1px solid #ccc}.chat-body .message .message-text{padding:12px 16px;max-width:85%;font-size:.95rem;line-height:1.4;word-wrap:break-word}.chat-body .bot-message.thinking .message-text{padding:2px 16px}.chat-body .bot-message .thinking-indicator{display:flex;gap:5px;padding-block:15px}.chat-body .bot-message .thinking-indicator .dot{height:7px;width:7px;border-radius:50%;background-color:#6f6bc2;animation:dotPulse 1.8s ease-in-out infinite;opacity:.7}@keyframes dotPulse{0%,44%{opacity:.4;transform:translateY(0)}28%{opacity:1;transform:translateY(-4px)}44%{opacity:.2}}.chat-footer{width:100%;background-color:#fff;padding:15px 22px 20px;border-top:1px solid #eeeeee}.chat-footer .chat-form{display:flex;align-items:center;background-color:#fff;outline:1px solid #cccce5;border-radius:1.5rem;transition:.2s ease}.chat-footer .chat-form:focus-within{outline:2px solid #5350c4}.chat-form .message-input{border:none;outline:none;height:45px;width:100%;font-size:.95rem;padding:12px 15px;border-radius:inherit;resize:none}.chat-form .message-input::-webkit-scrollbar{display:none}.chat-form .chat-controls{display:flex;gap:3px;align-items:center;padding-right:6px}.chat-form .chat-controls button{height:35px;width:35px;border:none;color:#706db0;background-color:transparent;border-radius:50%;cursor:pointer;transition:.3s ease;display:flex;align-items:center;justify-content:center}.chat-form .chat-controls button:hover{background-color:#f1f1ff}.chat-form .chat-controls #send-message{color:#fff;background:#5350c4;display:none}.chat-form .message-input:valid~.chat-controls #send-message{display:flex}.chat-form .file-upload-wrapper{height:35px;width:35px;position:relative}.chat-form .file-upload-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;display:none}.chat-form .file-upload-wrapper #file-cancel{color:red;background:#fff;position:absolute;display:none;box-shadow:0 2px 5px #0003}.chat-form .file-upload-wrapper.file-uploaded img{display:block}.chat-form .file-upload-wrapper.file-uploaded #file-upload{display:none}.chat-form .file-upload-wrapper.file-uploaded:hover #file-cancel{display:flex}#pickerContainer{display:none;position:absolute;bottom:150px;right:220px;z-index:1000;box-shadow:0 5px 20px #00000026;border-radius:10px}#emoji-btn:active,#file-upload:active,#send-message:active{transform:scale(.9)}