#ar-chat-btn{
  position:fixed; right:18px; bottom:18px; z-index:99999;
  border-radius:999px; padding:14px 16px; cursor:pointer;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  background:#112266; color:#fff; font-weight:700;
  user-select:none;
}
#ar-chat-box{
  position:fixed; right:18px; bottom:76px; width:360px; max-width:92vw;
  height:480px; max-height:75vh; z-index:99999;
  background:#fff; border-radius:14px; overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  display:none; flex-direction:column;
  border:1px solid rgba(0,0,0,.08);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
#ar-chat-head{
  padding:12px 14px; background:#112266; color:#fff; display:flex; justify-content:space-between; align-items:center;
}
#ar-chat-log{ padding:12px; overflow:auto; flex:1; background:#f7f9ff;}
.ar-msg{ margin:10px 0; display:flex; gap:8px; }
.ar-msg .b{ max-width:86%; padding:10px 12px; border-radius:12px; line-height:1.35; font-size:14px; white-space:pre-wrap;}
.ar-msg.user{ justify-content:flex-end; }
.ar-msg.user .b{ background:#112266; color:#fff; border-bottom-right-radius:4px;}
.ar-msg.bot .b{ background:#fff; border:1px solid rgba(0,0,0,.08); border-bottom-left-radius:4px;}
#ar-chat-form{ display:flex; gap:8px; padding:10px; border-top:1px solid rgba(0,0,0,.08); background:#fff;}
#ar-chat-input{ flex:1; padding:10px 12px; border-radius:10px; border:1px solid rgba(0,0,0,.14); }
#ar-chat-send{ padding:10px 12px; border-radius:10px; border:none; background:#112266; color:#fff; cursor:pointer; font-weight:700;}
#ar-chat-quick{ padding:8px 10px; border-top:1px solid rgba(0,0,0,.08); background:#fff; display:none; flex-wrap:wrap; gap:8px;}
.ar-qbtn{
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  padding:8px 10px;
  border-radius:999px;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
}
#ar-chat-wa{ display:none; padding:10px 12px; border-top:1px solid rgba(0,0,0,.08); background:#fff;}
#ar-chat-wa a{ display:block; text-align:center; padding:10px 12px; border-radius:10px; background:#25D366; color:#fff; font-weight:800; text-decoration:none; }

.ar-qbtn:hover{ border-color:#0055FF; }

#ar-chat-btn{
  display:flex;
  align-items:center;
  gap:10px;
}
#ar-chat-btn .ar-chat-ico{
  width:18px; height:18px; display:inline-block;
  background-size:18px 18px; background-repeat:no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a8 8 0 0 1 16 0v5a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M4 11v5a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M8 19v-6a2 2 0 0 0-2-2H4'/%3E%3Cpath d='M16 19v-6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
}
#ar-chat-head{
  background:#112266;
}
#ar-chat-input:focus{
  outline:2px solid #C4D6EF;
  border-color:#C4D6EF;
}
.ar-msg.bot .b{
  background:#ffffff;
}