.wajb{
  --bg:#fff;--bd:#e3c5f7;--t:#4a1170;--s:#7a5a8f;
  --btn:#25D366;--btn-t:#053d1c;--ico:#25D366;--ico-c:#fff;
  --sh:0 8px 28px rgba(111,18,184,.22);--r:16px;--x-bg:#fff;--x-c:#7a5a8f;
  position:fixed;bottom:20px;z-index:99999;box-sizing:border-box;font-family:inherit;
  animation:wajbIn .45s ease var(--d,2s) both;
}
.wajb *{box-sizing:border-box}
@keyframes wajbIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes wajbInM{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}

/* Theme 1: Purple Brand */
.wajb-t1{--bg:linear-gradient(135deg,#9b1fe8,#6f12b8);--bd:transparent;--t:#fff;--s:#ead3fb;--btn:#fff;--btn-t:#7a14c4;--x-bg:#fff;--x-c:#7a14c4;--sh:0 8px 28px rgba(111,18,184,.4)}
/* Theme 2: Clean White */
.wajb-t2{--bg:#fff;--bd:#e3c5f7;--t:#4a1170;--s:#7a5a8f;--btn:#25D366;--btn-t:#053d1c}
/* Theme 3: WhatsApp Green */
.wajb-t3{--bg:linear-gradient(135deg,#25D366,#0e8f6e);--bd:transparent;--t:#fff;--s:#dcfce9;--btn:#fff;--btn-t:#0b7a4f;--ico:rgba(255,255,255,.22);--x-bg:#fff;--x-c:#0b7a4f;--sh:0 8px 28px rgba(14,143,110,.4)}
/* Theme 4: Dark Night */
.wajb-t4{--bg:#16121d;--bd:#3a2c52;--t:#fff;--s:#b9a9d1;--btn:#25D366;--btn-t:#05250f;--x-bg:#2a2038;--x-c:#d8c9ee;--sh:0 8px 28px rgba(0,0,0,.45)}
/* Theme 5: Compact Pill */
.wajb-t5{--bg:#fff;--bd:#e3c5f7;--t:#4a1170;--s:#7a5a8f;--btn:#9b1fe8;--btn-t:#fff;--r:60px;--sh:0 6px 22px rgba(111,18,184,.25)}
.wajb-t5 .wajb-s{display:none}

.wajb-card{display:flex;align-items:center;gap:12px;background:var(--bg);color:var(--t)}
.wajb-ico{width:42px;height:42px;border-radius:50%;background:var(--ico);display:flex;align-items:center;justify-content:center;flex:none}
.wajb-ico svg{width:24px;height:24px;fill:var(--ico-c)}
.wajb-txt{flex:1;min-width:0;display:block;line-height:1.3}
.wajb-t{display:block;font-weight:600;font-size:14px;color:var(--t);margin:0}
.wajb-s{display:block;font-size:12px;color:var(--s);margin-top:2px}
.wajb a.wajb-btn{background:var(--btn);color:var(--btn-t) !important;text-decoration:none !important;font-weight:600;font-size:14px;padding:9px 18px;border-radius:30px;white-space:nowrap;flex:none;line-height:1.2;transition:transform .2s ease}
.wajb a.wajb-btn:hover{transform:scale(1.06)}
.wajb-x{background:var(--x-bg);color:var(--x-c);border:0;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:none}

/* Desktop + tablet: floating card */
@media (min-width:769px){
  .wajb-left{left:20px}
  .wajb-right{right:20px}
  .wajb{max-width:350px}
  .wajb-card{position:relative;padding:12px 14px;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);animation:wajbPulse 3s ease-in-out 2.5s 3}
  .wajb-x{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border-radius:50%;border:1px solid var(--bd);box-shadow:0 2px 6px rgba(0,0,0,.15)}
  .wajb-no-desktop{display:none !important}
}
@keyframes wajbPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}

/* Mobile: full-width footer bar */
@media (max-width:768px){
  .wajb{left:0;right:0;bottom:0;animation-name:wajbInM}
  .wajb-card{position:relative;justify-content:center;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--bd);border-radius:0;box-shadow:0 -4px 18px rgba(0,0,0,.18);gap:10px}
  .wajb-txt{flex:0 1 auto}
  .wajb-ico{width:36px;height:36px}
  .wajb-ico svg{width:20px;height:20px}
  .wajb-t{font-size:13px}
  .wajb-s{font-size:11px}
  .wajb a.wajb-btn{display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;font-size:16px;font-weight:600}
  .wajb-x{background:transparent;color:var(--s);font-size:24px;width:28px;height:28px;position:absolute;left:2px;top:50%;margin-top:-14px}
  .wajb-t1 .wajb-x,.wajb-t3 .wajb-x{color:#fff}
  .wajb-t5 .wajb-card{border-radius:0}
  .wajb-no-mobile{display:none !important}
  html:not(.wajb-off) body.wajb-on{padding-bottom:64px}
}

@media (max-width:359px){
  .wajb-ico{display:none}
}

/* Admin preview */
.wajb-preview{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;animation:none !important}
.wajb-preview .wajb-card{animation:none !important;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:12px 14px}
.wajb-preview .wajb-x{display:none}
.wajb-preview .wajb-t5 .wajb-s,.wajb-t5.wajb-preview .wajb-s{display:none}

@media (prefers-reduced-motion:reduce){
  .wajb,.wajb-card{transition:none;animation:none}
}

.wajb-off .wajb:not(.wajb-preview){display:none !important}