#ai-chat {display:none;}

#ai-chat .chatbot-icon {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background-color: #007bff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
            z-index: 1000;
        }		
 #ai-chat .chatbot-window {
            position: fixed;
            bottom: 10px;
            right: 10px;
            width: 390px;
            height: 96%;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px);
        }
#ai-chat .chatbot-window .chatbot-header {padding: 15px;background-color: #e8742f;color: white;border-radius: 10px 10px 0 0;}
#ai-chat .chatbot-window .chatbot-header .title { font-size: 20px; display: inline-block; width: 90%; float: left; font-weight: bold; }
#ai-chat .chatbot-window .chatbot-header .close {display: inline-block; width: 10%;}
#ai-chat .chatbot-window .chatbot-header .close a {color: #fff; font-size: 13px;}
#ai-chat .chatbot-window .chatbot-body {padding: 15px;height: calc(100% - 80px);overflow-y: auto;}
		@keyframes fadeIn {
		    from { opacity: 0; }
		    to { opacity: 1; }
		  }
 #ai-chat .chatbot-window.active {
            opacityxxx: 1;
            visibility: visible;
            transform: translateY(0);
			animation: fadeIn 1s ease-in forwards; 
        }

		

#ai-chat #chat .message{ display:flex; margin-bottom:18px;}
#ai-chat #chat .user{justify-content:flex-end;}
#ai-chat #chat .bot{ justify-content:flex-start; }
#ai-chat #chat .bubble{max-width:90%;padding:14px 18px;border-radius:12px;line-height:1.5;}
#ai-chat #chat .user .bubble{background:#333;color:white;}
#ai-chat #chat .bot .bubble{background:#f1f1f1;}
#ai-chat #chat .bot .bubble pre{ background:#111; color:#eee; padding:10px; border-radius:6px; overflow-x:auto;}
#ai-chat #inputArea {bottom:0;background:white;border-top:1px solid #eee;padding:10px;}
#ai-chat #inputArea #input {flex:1;border: 1px #999 solid;border-radius: 10px;height: 45px;font-size:16px;padding:10px;width: 80%;}
#ai-chat #inputArea #send{background:#2563eb;color:white;padding:11px 20px 12px 20px;float: right;border-radius:10px;cursor:pointer;font-weight: bold;}
#ai-chat #inputArea #send:hover{background:#1e40af;}
#ai-chat .loading {font-style:italic;color:#777;}