/* Floating button vars are set inline as CSS variables */
.cucrm-floating-chat-btn{
  position:fixed;
  bottom:var(--cucrm-bottom, 22px);
  z-index:var(--cucrm-z, 999999);
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:var(--cucrm-btn-pad-y, 12px) var(--cucrm-btn-pad-x, 14px);
  border-radius:var(--cucrm-btn-radius, 999px);
  border:var(--cucrm-btn-border-w, 0px) solid var(--cucrm-btn-border, transparent);
  background:var(--cucrm-btn-bg, #25D366);
  color:var(--cucrm-text-color, #fff);
  font-family:var(--cucrm-font-family, inherit);
  font-weight:var(--cucrm-font-weight, 600);
  font-size:var(--cucrm-font-size, 14px);
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  cursor:pointer;
  user-select:none;
}

.cucrm-floating-chat-btn.is-right{right:var(--cucrm-side, 22px)}
.cucrm-floating-chat-btn.is-left{left:var(--cucrm-side, 22px)}

.cucrm-icon-wrap{
  width:var(--cucrm-icon-size, 28px);
  height:var(--cucrm-icon-size, 28px);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:var(--cucrm-icon-bg, transparent);
  padding:var(--cucrm-icon-pad, 0px);
  border-radius:var(--cucrm-icon-radius, 999px);
}
.cucrm-icon-img{width:100%;height:100%;object-fit:contain}
.cucrm-lottie{width:100%;height:100%;display:block}
.cucrm-btn-label{line-height:1}

.cucrm-chat-popup{
  position:fixed;
  bottom:calc(var(--cucrm-bottom, 22px) + 76px);
  right:var(--cucrm-side, 22px);
  width:320px;
  max-width:calc(100vw - 32px);
  background:#fff;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  overflow:hidden;
  z-index:calc(var(--cucrm-z, 999999) + 1);
}
.cucrm-floating-chat-btn.is-left + .cucrm-chat-popup{left:var(--cucrm-side, 22px); right:auto;}

.cucrm-chat-header{display:flex;align-items:center;justify-content:space-between;background:#0b5e97;color:#fff;padding:12px 14px}
.cucrm-chat-header h5{margin:0;font-size:14px;font-weight:800}
.cucrm-chat-close{background:transparent;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.cucrm-chat-body{padding:14px}
.cucrm-chat-body p{margin-top:0}
.cucrm-chat-user{margin-top:10px}
.cucrm-chat-link{text-decoration:none;color:inherit}
.cucrm-user-info{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fafbfc}
.cucrm-user-info:hover{background:#f2f6ff}
.cucrm-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.cucrm-user-name{font-weight:700}