/* Floating Button */

#chat-toggle{

position:fixed;

bottom:25px;

right:25px;

width:65px;

height:65px;

border-radius:50%;

background:#1E5B94;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

cursor:pointer;

box-shadow:0 5px 20px rgba(0,0,0,.3);

z-index:9999;

transition:.3s;

}

#chat-toggle:hover{

transform:scale(1.1);

}

/* Chat Window */

#company-chatbot{

display:none;

position:fixed;

bottom:100px;

right:25px;

width:370px;

height:550px;

background:white;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.25);

overflow:hidden;

z-index:9999;

animation:popup .3s;

}

@keyframes popup{

from{

transform:translateY(40px);

opacity:0;

}

to{

transform:translateY(0);

opacity:1;

}

}

#chat-header{

background:#1E5B94;

color:white;

padding:18px;

display:flex;

justify-content:space-between;

align-items:center;

font-weight:bold;

font-size:18px;

}

#close-chat{

background:none;

border:none;

color:white;

cursor:pointer;

font-size:18px;

}

#chat-body{

height:420px;

overflow-y:auto;

padding:15px;

background:#F7FAFC;

}

.bot-message{

background:white;

padding:12px;

border-radius:12px;

box-shadow:0 2px 8px rgba(0,0,0,.08);

}

#chat-footer{

display:flex;

padding:10px;

gap:10px;

background:white;

}

#chat-message{

flex:1;

padding:12px;

border:1px solid #ddd;

border-radius:8px;

outline:none;

}

#send-btn{

width:50px;

border:none;

background:#1E5B94;

color:white;

border-radius:8px;

cursor:pointer;

font-size:18px;

}