/*AI Chat*/
#aiChat{width:0;background:#fff;top:0;left:0;height:100%;position:fixed;z-index:9999;right:0;overflow-x:hidden;transition:0.5s}
.chat-container{width:100%;max-width:900px;height:100dvh;margin:0 auto;border:2px solid #182c39;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);background-color:#fff;display:flex;flex-direction:column;overflow:hidden}
.chat-container h1{font-size: 20px;color: #fff;font-weight:600;}
.chatAI-header{background-color:#0d47a1;color:#fff}
.header-flex{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}
.chatContent{width:100%;max-width:900px;height:100dvh;margin:0 auto;box-shadow:0 4px 12px rgba(0,0,0,0.1);background:linear-gradient(#fae8ce, rgb(255 255 255 / 0%));display:flex;flex-direction:column;overflow:hidden}
.chat-box{flex:1;min-height:0;padding:20px;overflow-y:auto;display:flex;flex-direction:column}
.xusr-intp{padding:10px;background-color:#f9f9f9;border-top:1px solid #ddd;flex-shrink:0}
.input-container{display:flex;gap:10px;align-items:center}
#chatInput{flex-grow:1;border:1px solid #ccc;border-radius:20px;padding:10px 15px;font-size:1rem;outline:none;transition:border-color 0.3s}
#sendBtn{background-color:#0d47a1;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 0.3s}
#sendBtn svg{width:20px;height:20px}
.closeChat a{background:inherit;font-size:2em;color:#000;text-decoration:none}
.user-message,.ai-message,.error-message,.typing-animation{padding:10px 15px;border-radius:20px;margin-bottom:10px;max-width:75%;word-wrap:break-word}
.user-message{background-color:#e2f0ff;align-self:flex-end;color:#333}
.ai-message{background-color:#f1f1f1;align-self:flex-start;color:#555}
.typing-animation{background-color:#f1f1f1;align-self:flex-start;color:#555;animation:pulse 1s infinite}
.error-message{background-color:#ffcccc;color:#d8000c;align-self:center;text-align:center}
@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:.8}}
.message.new{animation:fadeIn .4s forwards}
@keyframes fadeIn{to{opacity:1}}
.typing span{display:inline-block;animation:bounce 1s infinite}
@keyframes bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}}
.myrclaXG{border-left:5px solid #e74c3c;padding:10px;margin-bottom:5px;border-radius:5px}
.myrclaGC{border-left:5px solid #2ecc71;padding:10px;margin-bottom:5px;border-radius:5px}
.myrclaW{border-left:5px solid #3498db;padding:10px;margin-bottom:5px;border-radius:5px}