.wa-web-card{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -20px rgba(0,0,0,.25);background:#fff;}
        .wa-web-list{background:#fff;border-right:1px solid #e9edef;max-height:560px;display:flex;flex-direction:column;}
        .wa-web-list-top{background:#f0f2f5;}
        .wa-web-search{background:#f0f2f5;border-radius:8px;}
        .wa-web-search input{border:0;background:transparent;outline:0;width:100%;font-size:.8rem;}
        .wa-web-avatar,.wa-web-avatar-sm{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
        .wa-web-avatar{width:40px;height:40px;font-size:.9rem;}
        .wa-web-avatar-sm{width:34px;height:34px;font-size:.8rem;}
        .wa-web-contact{cursor:default;border-bottom:1px solid #f3f3f3;}
        .wa-web-contact.active{background:#f0f2f5;}
        .wa-web-skeleton{height:8px;border-radius:4px;background:#e9edef;width:100%;}
        .wa-web-unread{background:#25d366;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:.65rem;display:flex;align-items:center;justify-content:center;padding:0 4px;}
        .wa-web-chat{background:#efeae2;}
        .wa-web-chat-header{background:#f0f2f5;border-bottom:1px solid #e9edef;}
        .wa-web-input{background:#f0f2f5;}
        .wa-web-input-box{background:#fff;border-radius:20px;}
        .wa-web-messages{overflow-y:auto;max-height:400px;
          background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);
          background-size:14px 14px;}
        .wa-web-msg{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;}
        .wa-web-msg.wa-web-show{opacity:1;transform:translateY(0);}
        .wa-web-msg-in{align-self:flex-start;max-width:72%;}
        .wa-web-msg-out{align-self:flex-end;max-width:72%;margin-left:auto;}
        .wa-web-bubble{position:relative;padding:.45rem .65rem .3rem;border-radius:8px;font-size:.82rem;line-height:1.35;}
        .wa-web-bubble-in{background:#fff;border-top-left-radius:0;box-shadow:0 1px 1px rgba(0,0,0,.08);}
        .wa-web-bubble-in::before{content:"";position:absolute;top:0;left:-7px;border-width:0 7px 7px 0;border-style:solid;border-color:transparent #fff transparent transparent;}
        .wa-web-bubble-out{background:#d9fdd3;border-top-right-radius:0;box-shadow:0 1px 1px rgba(0,0,0,.08);}
        .wa-web-bubble-out::before{content:"";position:absolute;top:0;right:-7px;border-width:0 0 7px 7px;border-style:solid;border-color:transparent transparent transparent #d9fdd3;}
        .wa-web-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:.65rem;color:#667781;margin-top:2px;white-space:nowrap;}
        .wa-web-meta .ti-checks{color:#53bdeb;font-size:.85rem;}
        .wa-web-bubble-typing{display:flex;gap:4px;align-items:center;padding:.55rem .7rem;}
        .wa-web-bubble-typing span{width:6px;height:6px;border-radius:50%;background:#8f9a94;animation:wa-web-bounce 1.2s infinite ease-in-out;}
        .wa-web-bubble-typing span:nth-child(2){animation-delay:.15s;}
        .wa-web-bubble-typing span:nth-child(3){animation-delay:.3s;}
        @keyframes wa-web-bounce{0%,60%,100%{transform:translateY(0);opacity:.5;}30%{transform:translateY(-4px);opacity:1;}}
        @media (prefers-reduced-motion: reduce){.wa-web-msg{transition:none;opacity:1;transform:none;}}
    
    .wa-mobile-frame{width:280px;max-width:100%;margin:0 auto;background:#000;border-radius:36px;padding:10px;box-shadow:0 20px 45px -18px rgba(0,0,0,.35);}
.wa-mobile-screen{background:#fff;border-radius:26px;overflow:hidden;position:relative;}
.wa-mobile-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:22px;background:#000;border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:5;}
.wa-mobile-status{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 4px;font-size:.7rem;font-weight:600;color:#fff;background:#008069;}
.wa-mobile-header{background:#008069;color:#fff;padding:6px 12px 12px;display:flex;align-items:center;gap:8px;}
.wa-mobile-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:rgba(255,255,255,.25);color:#fff;flex-shrink:0;}
.wa-mobile-body{background:#e9ddd0;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:12px 12px;min-height:320px;max-height:320px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px;}
.wa-mobile-msg{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;}
.wa-mobile-msg.wa-mobile-show{opacity:1;transform:translateY(0);}
.wa-mobile-msg-in{align-self:flex-start;max-width:80%;}
.wa-mobile-msg-out{align-self:flex-end;max-width:80%;margin-left:auto;}
.wa-mobile-bubble{position:relative;padding:.4rem .55rem .25rem;border-radius:8px;font-size:.72rem;line-height:1.3;}
.wa-mobile-bubble-in{background:#fff;border-top-left-radius:0;box-shadow:0 1px 1px rgba(0,0,0,.08);}
.wa-mobile-bubble-in::before{content:"";position:absolute;top:0;left:-6px;border-width:0 6px 6px 0;border-style:solid;border-color:transparent #fff transparent transparent;}
.wa-mobile-bubble-out{background:#d9fdd3;border-top-right-radius:0;box-shadow:0 1px 1px rgba(0,0,0,.08);}
.wa-mobile-bubble-out::before{content:"";position:absolute;top:0;right:-6px;border-width:0 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #d9fdd3;}
.wa-mobile-meta{display:flex;justify-content:flex-end;gap:2px;font-size:.58rem;color:#667781;margin-top:1px;}
.wa-mobile-meta .ti-checks{color:#53bdeb;font-size:.7rem;}
.wa-mobile-bubble-typing{display:flex;gap:3px;align-items:center;padding:.5rem .6rem;}
.wa-mobile-bubble-typing span{width:5px;height:5px;border-radius:50%;background:#8f9a94;animation:wa-mobile-bounce 1.2s infinite ease-in-out;}
.wa-mobile-bubble-typing span:nth-child(2){animation-delay:.15s;}
.wa-mobile-bubble-typing span:nth-child(3){animation-delay:.3s;}
@keyframes wa-mobile-bounce{0%,60%,100%{transform:translateY(0);opacity:.5;}30%{transform:translateY(-3px);opacity:1;}}
.wa-mobile-input{background:#f0f2f5;padding:8px 10px;display:flex;align-items:center;gap:8px;}
.wa-mobile-input-box{flex:1;background:#fff;border-radius:20px;padding:6px 12px;font-size:.7rem;color:#8696a0;}
.wa-mobile-send{width:32px;height:32px;border-radius:50%;background:#008069;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
@media (prefers-reduced-motion: reduce){.wa-mobile-msg{transition:none;opacity:1;transform:none;}}