babi-whatsapp{position:fixed;inset:auto 20px max(0px,env(safe-area-inset-bottom)) auto;z-index:1000;display:block;font:400 16px/1.3 "Playfair Display",serif;color:#111;letter-spacing:normal;text-align:left}
babi-whatsapp *,babi-whatsapp *::before,babi-whatsapp *::after{box-sizing:border-box}
babi-whatsapp [hidden]{display:none!important}
babi-whatsapp button,babi-whatsapp a,babi-whatsapp textarea{font:400 16px/1.3 "Playfair Display",serif;letter-spacing:normal}
babi-whatsapp button{cursor:pointer;border:0;box-shadow:none;margin:0;padding:0;background:transparent;color:inherit}
babi-whatsapp :focus-visible{outline:2px solid #211e1b;outline-offset:3px}
.babi-wa__launcher{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;min-height:44px;padding:9px 20px;border-radius:24px;background:#c9a961;color:#fff;text-decoration:none;box-shadow:0 5px 20px #0003;font-weight:700}
.babi-wa__launcher svg{flex:none;width:24px;height:24px}
.babi-wa__badge{position:absolute;top:5px;right:5px;width:10px;height:10px;background:red;border-radius:50%}
.babi-wa__panel{position:absolute;right:0;bottom:56px;width:360px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 90px - env(safe-area-inset-bottom));overflow:auto;border-radius:16px;background:#fff;box-shadow:0 6px 30px #0003}
.babi-wa__header{position:relative;display:flex;align-items:center;gap:16px;padding:21px;background:#faf5ee;min-height:92px}
.babi-wa__avatar{position:relative;display:block;width:50px;height:50px;flex:none}
.babi-wa__avatar img{display:block;width:50px;height:50px;border:1px solid #efefef;border-radius:50%;object-fit:cover;background:#fff}
.babi-wa__online{position:absolute;right:2px;bottom:1px;width:10px;height:10px;border:1px solid #faf5ee;border-radius:50%;background:#4ad504}
.babi-wa__identity{display:flex;flex-direction:column;gap:4px}
.babi-wa__identity strong{font-size:16px;font-weight:700;line-height:20px}
.babi-wa__identity span{font-size:14px;line-height:20px;font-weight:400}
babi-whatsapp .babi-wa__close{position:absolute;right:0;top:0;display:grid;place-items:center;width:36px;height:36px;color:#999}
.babi-wa__conversation{padding:16px 22px 12px;background:#e6ddd4 var(--babi-wa-wallpaper) center/cover}
.babi-wa__time{display:block;margin:0 0 15px;text-align:center;font-size:10px;line-height:14px;color:#8b8984}
.babi-wa__message{position:relative;margin:0 64px 0 0;padding:8px 14px;border-radius:0 16px 16px;font-size:16px;line-height:20px;font-weight:400;background:#fff}
.babi-wa__message::before{position:absolute;top:0;left:-9px;content:"";width:0;height:0;border:9px solid transparent;border-top-color:#fff;border-right:0}
.babi-wa__compose{display:flex;align-items:flex-end;gap:4px;padding:16px 12px 12px 21px;margin:0;background:#fff}
babi-whatsapp .babi-wa__compose textarea{display:block;flex:1;min-width:0;width:100%;height:38px;min-height:38px;max-height:100px;resize:vertical;background:#fff;border:0;box-shadow:none;padding:0;color:#111;font-size:16px;line-height:22px;outline-offset:2px}
.babi-wa__compose textarea::placeholder{color:#aaa;opacity:1}
babi-whatsapp .babi-wa__send{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:-7px -7px -7px 0}
.babi-wa__send svg{width:28px;height:28px}
@media(max-width:480px){babi-whatsapp .babi-wa__close{width:44px;height:44px}.babi-wa__header{padding-right:28px}.babi-wa__message{margin-right:25px}}
@media(prefers-reduced-motion:no-preference){.babi-wa__panel{animation:babi-wa-in .18s ease-out}@keyframes babi-wa-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
