.lm-wa-float{
    position:fixed; right:26px; bottom:24px; z-index:9998;
    display:flex; align-items:center; gap:10px;
    border:0; border-radius:999px; padding:12px 18px;
    background:#25D366; color:#fff; font-weight:800; font-size:14px;
    box-shadow:0 16px 40px rgba(37,211,102,.35);
    cursor:pointer; transition:.25s ease;
}
.lm-wa-float:hover{transform:translateY(-3px); box-shadow:0 20px 46px rgba(37,211,102,.45);}
.lm-wa-panel{
    position:fixed; right:26px; bottom:92px; z-index:9999;
    width:360px; max-width:calc(100vw - 32px);
    background:#fff; border:1px solid rgba(15,23,42,.08);
    border-radius:22px; overflow:hidden;
    box-shadow:0 24px 70px rgba(15,23,42,.22);
    opacity:0; transform:translateY(18px) scale(.98);
    pointer-events:none; transition:.25s ease;
}
.lm-wa-panel.show{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}
.lm-wa-head{
    position:relative; padding:18px;
    background:linear-gradient(135deg,#075E54,#25D366);
    color:#fff;
}
.lm-wa-brand{display:flex; align-items:center; gap:12px; padding-right:34px;}
.lm-wa-brand img{width:54px; height:54px; object-fit:contain; border-radius:16px; background:#fff; padding:5px;}
.lm-wa-brand strong{display:block; font-size:17px; line-height:1.2;}
.lm-wa-brand span{display:block; opacity:.9; font-size:12px; margin-top:5px;}
.lm-wa-close{
    position:absolute; top:10px; right:12px; width:32px; height:32px;
    border:0; border-radius:50%; background:rgba(255,255,255,.14);
    color:#fff; font-size:22px; line-height:1; cursor:pointer;
}
.lm-wa-home{padding:12px;}
.lm-wa-agent{
    width:100%; display:flex; align-items:center; gap:12px;
    padding:13px; margin-bottom:10px; border:1px solid #eaf0f7;
    background:linear-gradient(135deg,#ffffff,#f8fbff);
    border-radius:16px; cursor:pointer; text-align:left;
    transition:.22s ease;
}
.lm-wa-agent:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(15,23,42,.08); border-color:#cfe7da;}
.lm-wa-agent img{width:42px; height:42px; object-fit:contain; border-radius:13px; background:#f3f8ff; padding:4px;}
.lm-wa-agent span{flex:1;}
.lm-wa-agent small{display:block; color:#64748b; font-size:12px;}
.lm-wa-agent b{display:block; color:#0f172a; font-size:14px; margin-top:2px;}
.lm-wa-agent em{font-style:normal; color:#16a34a; font-weight:900; font-size:18px;}
.lm-wa-chat{padding:14px;}
.lm-wa-back{border:0; background:#eefdf3; color:#16a34a; font-weight:700; border-radius:999px; padding:8px 12px; margin-bottom:12px;}
.lm-wa-bubble{
    display:inline-block; max-width:88%; padding:12px 14px;
    background:#f1f5f9; color:#1e293b; border-radius:16px 16px 16px 4px;
    font-size:14px; line-height:1.45; margin-bottom:12px;
}
.lm-wa-compose{position:relative; display:flex; gap:8px; align-items:center;}
.lm-wa-compose textarea{
    width:100%; height:46px; resize:none; outline:0;
    border:1px solid #dbe5ef; border-radius:999px;
    padding:13px 52px 12px 16px; font-size:13px;
}
#lm-wa-send{
    position:absolute; right:4px; top:4px;
    width:38px; height:38px; border:0; border-radius:50%;
    background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center;
    cursor:pointer;
}
@media(max-width:575px){
    .lm-wa-float{right:16px; bottom:18px; padding:12px 14px;}
    .lm-wa-float span{display:none;}
    .lm-wa-panel{right:16px; bottom:78px;}
}
