/* Basic styles for WhatsApp bubble and modal */
.wb-bubble {
  position: fixed;
  z-index: 9999;
}
.wb-bubble.bottom-right { right: 20px; bottom: 20px; }
.wb-bubble.bottom-left { left: 20px; bottom: 20px; }
.wb-bubble.top-right { right: 20px; top: 20px; }
.wb-bubble.top-left { left: 20px; top: 20px; }
.wb-button{
  background: #25D366;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  border: none;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
  cursor: pointer;
}
.wb-button img{ width:28px; height:28px }

.wb-modal{ display:none; }
.wb-modal.open{ display:block; }
.wb-modal-dialog{ position:fixed; right:20px; bottom:90px; width:320px; max-width:calc(100% - 40px); z-index:10001; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.3); }
.wb-modal-header{ display:flex; align-items:center; padding:8px 12px; background:#075E54; color:#fff }
.wb-avatar{ width:36px; height:36px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-right:8px; background:transparent }
.wb-avatar-img{ width:100%; height:100%; object-fit:cover; display:block }
.wb-title{ font-weight:600 }
.wb-close{ background:transparent; border:none; color:#fff; font-size:20px; margin-left:auto; cursor:pointer }
.wb-modal-body{ padding:12px; max-height:240px; overflow:auto }
.wb-messages{ display:flex; flex-direction:column; gap:8px }
.wb-msg{ padding:8px 10px; border-radius:12px; max-width:80%; }
.wb-msg-system{ background:#f1f0f0; color:#111; align-self:flex-start }
.wb-modal-footer{ display:flex; gap:8px; padding:8px }
.wb-input{ flex:1; min-height:40px; padding:8px; border-radius:6px; border:1px solid #ddd }
.wb-send{ background:#25D366; color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer }

.wb-toast{ position:fixed; right:20px; bottom:20px; background:#333; color:#fff; padding:10px 14px; border-radius:6px; z-index:11000; opacity:0; transform:translateY(10px); transition:all .3s }
.wb-toast.show{ opacity:1; transform:translateY(0) }