#asc-chatbox{
 position:fixed;
 bottom:0;
 right:20px;
 width:360px;
 max-height:90vh;
 background:var(--asc-bg);
 border-radius:16px 16px 0 0;
 box-shadow:0 10px 30px rgba(0,0,0,.35);
 display:none;
 overflow:hidden;
 font-family:Arial,sans-serif;
}
.asc-chat-header{
 background:var(--asc-primary);
 color:#fff;
 padding:12px;
 font-size:15px;
 display:flex;
 justify-content:space-between;
 align-items:center;
}
#asc-chat-messages{
 background:#eaeaea;
 height:60vh;
 padding:12px;
 overflow-y:auto;
}
#asc-chat-messages div{
 background:#fff;
 padding:8px 12px;
 border-radius:12px;
 margin-bottom:8px;
 max-width:85%;
 font-size:14px;
}
#asc-chat-messages div:nth-child(odd){
 background:var(--asc-user);
 margin-left:auto;
}
.asc-chat-input{
 display:flex;
 padding:10px;
 background:#fff;
 border-top:1px solid #ddd;
}
#asc-input{
 flex:1;
 border:none;
 padding:10px;
 border-radius:20px;
 background:#f1f1f1;
}
#asc-send{
 background:var(--asc-primary);
 color:#fff;
 border:none;
 padding:0 18px;
 margin-left:8px;
 border-radius:20px;
 cursor:pointer;
}
#asc-speech-wrap{
 position:fixed;
 bottom:20px;
 right:20px;
 display:flex;
 gap:10px;
 align-items:flex-end;
 cursor:pointer;
 z-index:9999;
}
.asc-speech-bubble{
 background:var(--asc-primary);
 color:#fff;
 padding:10px 14px;
 border-radius:16px;
 font-size:13px;
}
.asc-agent img{
 width:46px;
 height:46px;
 border-radius:50%;
}
@media(max-width:480px){
 #asc-chatbox{
  right:0;
  width:100%;
  border-radius:0;
 }
}

.asc-wa-btn{
  background:#25D366;
  color:#fff;
  padding:4px 8px;
  border-radius:12px;
  font-size:12px;
  text-decoration:none;
  margin-right:8px;
}


#asc-overlay{
  display:none;
  position:fixed;
  top:0;left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.4);
  z-index:9998;
}
#asc-chatbox{
  z-index:9999;
}