.lcw-backdrop{position:fixed;inset:0;background:rgba(3,5,8,.28);backdrop-filter:blur(2px);z-index:10040;opacity:0;transition:opacity .22s}.lcw-backdrop.is-open{opacity:1}.lcw{--lcw-gold:#ffd31a;--lcw-gold-deep:#d5a900;--lcw-black:#111318;--lcw-soft:#f5f6f8;position:fixed;right:18px;bottom:22px;width:min(390px,calc(100vw - 24px));height:min(650px,calc(100vh - 42px));z-index:10050;background:#fff;border:1px solid rgba(255,211,26,.38);border-radius:25px;box-shadow:0 28px 80px rgba(0,0,0,.28),0 6px 24px rgba(0,0,0,.12);overflow:hidden;transform:translateY(25px) scale(.96);transform-origin:bottom right;opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s;display:flex;flex-direction:column;font-family:"Noto Sans","Noto Sans Bengali","Segoe UI",sans-serif;color:#20232a}.lcw.is-open{transform:none;opacity:1}.lcw svg{display:block;width:22px;height:22px;fill:currentColor}.lcw__header{min-height:78px;padding:14px 15px 14px 17px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 82% -20%,rgba(255,211,26,.28),transparent 45%),linear-gradient(135deg,#0b0d11,#17191f);color:#fff}.lcw__brand{display:flex;align-items:center;gap:11px}.lcw__logo{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe45d,#d9a900);color:#171307;box-shadow:0 7px 20px rgba(255,211,26,.2)}.lcw__logo svg{width:25px;height:25px}.lcw__brand strong,.lcw__brand span{display:block}.lcw__brand strong{font-size:14px;letter-spacing:.01em}.lcw__brand>div>span{display:flex;align-items:center;gap:6px;margin-top:3px;color:#b9bdc6;font-size:10px}.lcw__brand i{width:7px;height:7px;border-radius:50%;background:#f1b900}.lcw__brand i.is-online{background:#37d47a;box-shadow:0 0 0 4px rgba(55,212,122,.13)}.lcw__brand b{font-weight:500}.lcw__header-actions{display:flex;gap:5px}.lcw__header-actions a,.lcw__header-actions button{width:34px;height:34px;border:0;border-radius:11px;display:grid;place-items:center;color:#d9dbe0;background:rgba(255,255,255,.08);cursor:pointer}.lcw__header-actions svg{width:18px;height:18px}.lcw__body{min-height:0;flex:1;display:flex;position:relative}.lcw__loading{margin:auto;display:flex;gap:6px}.lcw__loading span{width:8px;height:8px;border-radius:50%;background:var(--lcw-gold-deep);animation:lcwBounce .9s infinite alternate}.lcw__loading span:nth-child(2){animation-delay:.18s}.lcw__loading span:nth-child(3){animation-delay:.36s}@keyframes lcwBounce{to{transform:translateY(-8px);opacity:.45}}.lcw__guest,.lcw__empty{padding:38px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:radial-gradient(circle at 50% 25%,rgba(255,211,26,.12),transparent 35%),#fff}.lcw__guest-art{position:relative;width:100px;height:88px;display:grid;place-items:center;margin-bottom:18px}.lcw__guest-art svg{width:57px;height:57px;fill:#17191f;position:relative;z-index:2}.lcw__guest-art span{position:absolute;border-radius:50%;background:var(--lcw-gold)}.lcw__guest-art span:first-child{width:85px;height:85px;opacity:.25}.lcw__guest-art span:nth-child(2){width:65px;height:65px}.lcw__eyebrow{font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;color:#a17c00!important;font-weight:800!important;margin:0 0 7px!important}.lcw__guest h2{font-size:23px;line-height:1.22;margin:0 0 10px;color:#17191f}.lcw__guest>p:not(.lcw__eyebrow),.lcw__empty p{font-size:12px;color:#777d87;line-height:1.65;margin:0 0 20px}.lcw__primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;padding:10px 17px;border-radius:14px;background:linear-gradient(135deg,#16181e,#050607);color:var(--lcw-gold)!important;font-size:13px;font-weight:800;text-decoration:none!important;box-shadow:0 9px 24px rgba(0,0,0,.18)}.lcw__primary span{font-size:20px}.lcw__guest small{display:flex;align-items:center;gap:6px;margin-top:18px;color:#8a8f98;font-size:10px}.lcw__guest small svg{width:15px;height:15px;fill:#9a7600}.lcw__empty{padding:30px}.lcw__empty>div{width:65px;height:65px;border-radius:21px;display:grid;place-items:center;background:#fff1ad;color:#1c1b15}.lcw__empty>div svg{width:34px;height:34px}.lcw__empty h3{font-size:18px;margin:14px 0 6px}.lcw__conversation{min-width:0;flex:1;display:flex;flex-direction:column}.lcw__thread-bar{min-height:53px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef1;background:#fff}.lcw__thread-bar strong,.lcw__thread-bar span{display:block}.lcw__thread-bar strong{font-size:12px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcw__thread-bar span{font-size:9px;color:#32945d;text-transform:uppercase;font-weight:800;margin-top:2px}.lcw__thread-bar button{border:0;background:#f3f4f6;color:#555b65;width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.lcw__thread-bar svg{width:16px;height:16px}.lcw__messages{min-height:0;flex:1;overflow:auto;padding:16px 14px;background-color:#f5f6f8;background-image:radial-gradient(rgba(20,23,28,.055) .7px,transparent .7px);background-size:13px 13px;display:flex;flex-direction:column;gap:7px}.lcw__message{max-width:82%;align-self:flex-start;padding:9px 11px;border-radius:5px 15px 15px;background:#fff;border:1px solid #e6e8ec;box-shadow:0 3px 10px rgba(22,25,30,.04)}.lcw__message.is-mine{align-self:flex-end;color:#171307;background:linear-gradient(145deg,#ffe466,#f1c400);border-color:#e6b900;border-radius:15px 5px 15px 15px}.lcw__message p{font-size:12px;line-height:1.48;margin:0!important;color:inherit!important;white-space:pre-wrap;overflow-wrap:anywhere}.lcw__message small{display:block;margin-top:3px;text-align:right;font-size:8px;color:inherit!important;opacity:.6}.lcw__message img{display:block;max-width:190px;max-height:150px;border-radius:9px;margin-bottom:5px;object-fit:cover}.lcw__day{align-self:center;padding:3px 8px;border-radius:999px;background:#e6e8ec;color:#747983;font-size:8px}.lcw__state{padding:7px 12px;text-align:center;font-size:10px;background:#fff2c2;color:#745900;border-top:1px solid #efd66d}.lcw__composer{display:flex;align-items:flex-end;gap:8px;padding:11px;border-top:1px solid #e5e7eb;background:#fff}.lcw__composer textarea{min-width:0;flex:1;min-height:42px;max-height:90px;resize:none;border:1px solid #dfe2e7;background:#f7f8fa;border-radius:14px;padding:10px 12px;color:#25282e;font-size:12px;outline:0}.lcw__composer textarea:focus{border-color:#d9ad00;box-shadow:0 0 0 3px rgba(255,211,26,.18)}.lcw__composer button{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(145deg,#ffe35c,#d9aa00);color:#171307;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px rgba(217,170,0,.24)}.lcw__composer button:disabled{opacity:.5}.lcw__composer button svg{width:20px;height:20px}.lcw__footer{height:38px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eceef1;background:#fafafa;font-size:9px;color:#80858e}.lcw__footer span{display:flex;align-items:center;gap:5px}.lcw__footer svg{width:13px;height:13px;fill:#9a7900}.lcw__footer a{color:#8a6b00;font-weight:800;text-decoration:none}.babu88-floating-contact a.live-chat.has-unread::before{content:attr(data-unread);position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ed3657;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:9px;font-weight:900;animation:none}@media(max-width:575px){.lcw-backdrop{background:rgba(3,5,8,.42)}.lcw{inset:auto 0 0;width:100%;height:min(78vh,680px);border-radius:24px 24px 0 0;transform:translateY(35px);transform-origin:bottom center}.lcw__header{padding-left:14px}.lcw__guest{padding:30px 24px}.babu88-floating-contact a.live-chat::after{display:none}}@media(prefers-reduced-motion:reduce){.lcw,.lcw-backdrop,.babu88-floating-contact a.live-chat{animation:none!important;transition:none!important}}

/* Floating composer attachment and explicit unread counter */
.lcw__composer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:end}
.lcw__composer textarea{min-width:0}
.lcw__attach,.lcw__composer>button{width:42px;height:42px;border:0;border-radius:14px;display:grid;place-items:center;cursor:pointer}
.lcw__attach{background:#f0f1f3;color:#555b65}
.lcw__attach svg{width:20px;height:20px}
.lcw__preview{grid-column:1/-1;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e4e6ea;border-radius:11px;background:#f4f5f7}
.lcw__preview[hidden]{display:none}
.lcw__preview img{width:42px;height:42px;border-radius:8px;object-fit:cover}
.lcw__preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#555b65}
.lcw__preview button{width:28px;height:28px;min-width:0;border:0;border-radius:8px;background:#e5e7eb;color:#555;font-size:18px;line-height:1;box-shadow:none}
.babu88-floating-contact a.live-chat.has-unread::before{display:none}
.babu88-floating-contact a.live-chat .live-chat-unread{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ed3657;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:9px;font-weight:900;line-height:1;animation:none}
.babu88-floating-contact a.live-chat .live-chat-unread[hidden]{display:none}

/* WhatsApp-style message actions using the existing Babu88 palette */
.lcw__message{position:relative;padding-right:34px}
.lcw__message-actions{position:absolute;top:4px;right:5px}
.lcw__menu-toggle{width:22px;height:22px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.68);color:#454950;font-size:17px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none}
.lcw__message.is-mine .lcw__menu-toggle{background:rgba(255,255,255,.5);color:#332a08}
.lcw__menu-toggle:hover,.lcw__menu-toggle:focus-visible{background:#fff;outline:none}
.lcw__action-menu{position:absolute;top:26px;right:0;z-index:12;min-width:124px;padding:5px;border:1px solid rgba(32,36,44,.1);border-radius:9px;background:#fff;box-shadow:0 10px 28px rgba(18,20,25,.2),0 2px 7px rgba(18,20,25,.08);overflow:hidden}
.lcw__action-menu button{display:flex;width:100%;min-height:32px;padding:7px 11px;border:0;border-radius:6px;background:transparent;box-shadow:none;text-align:left;place-items:initial;color:#30343a;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer}
.lcw__action-menu button+button{border-top:1px solid #f0f0ed}
.lcw__action-menu button:hover,.lcw__action-menu button:focus-visible{background:#fff5bd;color:#17150d;outline:none}
.lcw__action-menu button.is-danger{color:#d93645}
.lcw__action-menu button.is-danger:hover,.lcw__action-menu button.is-danger:focus-visible{background:#fff0f1;color:#ba2432}
.lcw__reply-quote{margin:0 0 6px;padding:5px 7px;border-left:3px solid #d3a900;border-radius:6px;background:rgba(255,255,255,.58);font-size:9px}
.lcw__reply-quote strong,.lcw__reply-quote span{display:block}
.lcw__reply-quote span{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lcw__compose-context{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:8px;padding:7px 8px;border-left:3px solid var(--lcw-gold-deep);border-radius:9px;background:#f4f5f7}
.lcw__compose-context[hidden]{display:none}
.lcw__compose-context div{min-width:0}
.lcw__compose-context strong,.lcw__compose-context span{display:block}
.lcw__compose-context strong{font-size:10px}
.lcw__compose-context span{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777d87;font-size:9px}
.lcw__compose-context button{width:26px;height:26px;min-width:0;border:0;border-radius:50%;background:#e4e5e7;color:#4b4f55;font-size:17px;line-height:1;box-shadow:none}

/* Polished floating dropdown panel */
.lcw[hidden],.lcw-backdrop[hidden]{display:none!important}
.lcw-backdrop{background:rgba(8,10,14,.2);backdrop-filter:blur(1.5px)}
.lcw{
    top:auto;right:82px;bottom:16px;
    width:min(390px,calc(100vw - 110px));
    height:min(620px,calc(100dvh - 32px));
    border:1px solid rgba(218,174,0,.38);
    border-radius:22px;
    box-shadow:0 26px 70px rgba(8,10,14,.3),0 8px 22px rgba(8,10,14,.12);
    transform:translateX(18px) scale(.96);
    transform-origin:right 72%;
}
.lcw.is-open{transform:translateX(0) scale(1)}
.lcw__header{position:relative;z-index:3;overflow:hidden;flex:0 0 auto}
.lcw__header::after{content:"";position:absolute;right:-28px;top:-56px;width:150px;height:150px;border:1px solid rgba(255,215,43,.13);border-radius:50%;pointer-events:none}
.lcw__brand,.lcw__header-actions{position:relative;z-index:1}
.lcw__header-actions a,.lcw__header-actions button,.lcw__thread-bar button,.lcw__attach,.lcw__composer>button{transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}
.lcw__header-actions a:hover,.lcw__header-actions button:hover{background:rgba(255,255,255,.16);color:#fff;transform:translateY(-1px)}
.lcw__thread-bar button:hover,.lcw__attach:hover{background:#e8eaee;color:#202329}
.lcw__primary{transition:transform .16s ease,box-shadow .16s ease}
.lcw__primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.23)}
.lcw__composer>button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px rgba(217,170,0,.3)}
.lcw__header-actions a:focus-visible,.lcw__header-actions button:focus-visible,.lcw__thread-bar button:focus-visible,.lcw__attach:focus-within,.lcw__composer>button:focus-visible,.lcw__primary:focus-visible{outline:2px solid #ffd62b;outline-offset:2px}
.lcw__messages{scrollbar-width:thin;scrollbar-color:#d8b21b transparent}
.lcw__messages::-webkit-scrollbar{width:6px}
.lcw__messages::-webkit-scrollbar-thumb{background:#d8b21b;border-radius:99px}
.lcw__message small{font-size:9px}.lcw__day{font-size:9px}
.lcw__attachment{position:relative;display:block;margin:0 0 7px;border-radius:10px;overflow:hidden;background:#1b1d22;color:#fff!important;text-decoration:none!important}
.lcw__attachment img{width:100%;max-width:230px;max-height:180px;margin:0;object-fit:cover;transition:transform .18s ease,opacity .18s ease}
.lcw__attachment-view{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px;background:linear-gradient(transparent,rgba(6,7,9,.88));color:#fff;font-size:10px}
.lcw__attachment-view svg{width:15px;height:15px;fill:currentColor}
.lcw__attachment:hover img,.lcw__attachment:focus-visible img{transform:scale(1.025);opacity:.86}
.lcw__attachment:focus-visible{outline:2px solid #d8ac00;outline-offset:2px}
body.lcw-open .babu88-floating-contact a.live-chat{animation:none;box-shadow:0 0 0 5px rgba(255,216,42,.22),0 10px 28px rgba(0,0,0,.25)}

@media(max-width:767px){
    body.lcw-open{overflow:hidden}
    .lcw-backdrop{background:rgba(3,5,8,.48);backdrop-filter:blur(2px)}
    .lcw{inset:auto 8px 8px;width:auto;height:min(76dvh,650px);border-radius:22px;transform:translateY(28px) scale(.98);transform-origin:bottom center}
    .lcw.is-open{transform:none}
    .lcw__header{min-height:70px;padding:12px 13px}
    .lcw__logo{width:42px;height:42px;border-radius:13px}
    .lcw__guest{padding:28px 22px}
}

@media(max-width:380px){
    .lcw{inset:auto 0 0;height:min(82dvh,650px);border-radius:20px 20px 0 0}
    .lcw__brand strong{font-size:13px}
    .lcw__brand>div>span{font-size:9px}
    .lcw__footer{padding-inline:10px}
}
