#sonaraBot {

    position: fixed !important;

    left: auto !important;   /* bottom left */

    bottom: 25px !important;

    right: 25px !important;

    width: 360px;

    height: 520px;

    background: #fff;

    border-radius: 20px;

    box-shadow: 0 10px 35px rgba(0,0,0,.3);

    overflow: hidden;

    z-index: 999999999 !important;

}


/* Header */

#chatHeader{

height:65px;

background:linear-gradient(135deg,#ff5a00,#ff8a3d);

color:white;

padding:0 18px;

display:flex;

align-items:center;

justify-content:space-between;

font-size:18px;

font-weight:bold;

}



#closeChat{

font-size:28px;

cursor:pointer;

}



/* Messages */

#chat{

height:330px;

padding:15px;

overflow-y:auto;

overflow-x:hidden;

}



/* no horizontal */

#chat::-webkit-scrollbar{

width:6px;

}



/* User */

.user{

background:#ff5a00;

color:white;

padding:10px 14px;

border-radius:18px;

margin:10px 0 10px auto;

max-width:80%;

}



/* Bot */

.bot{

background:#f2f2f2;

padding:10px 14px;

border-radius:18px;

margin:10px 0;

max-width:85%;

}



/* Input */

.chatInput{

display:flex;

gap:8px;

padding:12px;

}



#msg{

flex:1;

height:42px;

border-radius:25px;

border:1px solid #ddd;

padding:0 15px;

}



#send{

width:42px;

height:42px;

border-radius:50%;

border:none;

background:#ff5a00;

color:white;

}



/* WhatsApp */

#whatsapp{

display:block;

margin:10px;

background:#25D366;

color:white;

text-align:center;

padding:12px;

border-radius:25px;

text-decoration:none;

font-weight:bold;

}