:root{--wa-green:#25d366;--wa-dark-green:#128c7e;--wa-light:#fff;--wa-shadow:0 4px 24px rgba(0,0,0,.18);--wa-radius:16px;--wa-transition:all .3s cubic-bezier(.4,0,.2,1);--wa-btn-color:#25d366;--wa-btn-size:60px}#wa-pro-widget{position:fixed;bottom:24px;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}#wa-pro-widget.wa-pos-right{right:24px;align-items:flex-end}#wa-pro-widget.wa-pos-left{left:24px;align-items:flex-start}.wa-main-btn{width:var(--wa-btn-size);height:var(--wa-btn-size);border-radius:50%;background:var(--wa-btn-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.45);transition:var(--wa-transition);position:relative;outline:none;color:#fff}.wa-main-btn:hover{transform:scale(1.08)}.wa-main-btn svg{width:55%;height:55%;fill:#fff}.wa-main-btn img{width:65%;height:65%;object-fit:contain;border-radius:50%}.wa-main-btn.wa-btn-active{transform:scale(.95)}.wa-notif-dot{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;border:2px solid #fff}.wa-dot-online{background:#4caf50}.wa-dot-offline{background:#9e9e9e}.wa-offline-banner{background:#f44336;color:#fff;font-size:11px;font-weight:600;text-align:center;padding:6px 12px;border-radius:6px;margin:0 12px 4px;letter-spacing:.3px}.wa-bubble{background:#fff;border-radius:12px 12px 0;padding:10px 14px;box-shadow:var(--wa-shadow);font-size:13px;color:#333;max-width:220px;display:flex;align-items:center;gap:8px;animation:wa-bubble-in .4s ease}.wa-bubble-close{background:0 0;border:none;cursor:pointer;font-size:16px;color:#999;padding:0;line-height:1;flex-shrink:0}.wa-bubble-close:hover{color:#333}.wa-popup{width:320px;background:#fff;border-radius:var(--wa-radius);box-shadow:var(--wa-shadow);overflow:hidden;display:none;flex-direction:column;animation:wa-popup-in .3s ease}.wa-popup.wa-open{display:flex}.wa-popup-header{background:var(--wa-green);padding:16px;display:flex;align-items:center;gap:12px;color:#fff}.wa-popup-logo svg{width:36px;height:36px;fill:#fff;flex-shrink:0}.wa-popup-titles{flex:1}.wa-popup-title{display:block;font-weight:700;font-size:15px}.wa-popup-subtitle{display:block;font-size:12px;opacity:.85;margin-top:2px}.wa-popup-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.wa-popup-close:hover{background:rgba(255,255,255,.35)}.wa-welcome-msg{background:#f0fdf4;padding:12px 16px;border-bottom:1px solid #e8f5e9}.wa-welcome-msg p{margin:0;font-size:13px;color:#555;line-height:1.5}.wa-agents-list{padding:8px;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.wa-agent-item{display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;padding:10px 12px !important;border-radius:10px !important;text-decoration:none !important;transition:background .2s !important;border:1px solid transparent !important;cursor:pointer !important}.wa-agent-item:hover{background:#f5f5f5 !important;border-color:#e0e0e0 !important}.wa-agent-item.wa-online:hover{background:#f0fdf4 !important;border-color:#c8e6c9 !important}.wa-agent-item.wa-offline{opacity:.65}.wa-agent-avatar-wrap{position:relative;flex-shrink:0 !important;width:46px !important;height:46px !important}.wa-agent-avatar,.wa-agent-avatar-placeholder{width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;max-width:46px !important;max-height:46px !important;border-radius:50% !important;object-fit:cover !important;display:block !important;flex-shrink:0 !important;overflow:hidden !important}.wa-agent-avatar-placeholder{background:var(--wa-green);color:#fff;font-weight:700;font-size:18px;display:flex !important;align-items:center;justify-content:center}.wa-status-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#9e9e9e}.wa-online .wa-status-dot{background:#4caf50}.wa-offline .wa-status-dot{background:#9e9e9e}.wa-agent-info{flex:1 !important;display:flex !important;flex-direction:column !important;min-width:0 !important}.wa-agent-name{font-weight:600;font-size:14px;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.wa-agent-role{font-size:12px;color:#757575;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-agent-status{font-size:11px;font-weight:500;margin-top:2px;display:block}.wa-online .wa-agent-status{color:#4caf50}.wa-offline .wa-agent-status{color:#9e9e9e}.wa-agent-arrow{color:#bdbdbd;font-size:20px;flex-shrink:0}@keyframes wa-bubble-in{from{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes wa-popup-in{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes wa-pulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}@keyframes wa-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wa-shake{0%,100%{transform:rotate(0deg)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}@keyframes wa-dot-pulse{0%,100%{opacity:1}50%{opacity:.4}}.wa-anim-pulse{animation:wa-pulse 2s infinite}.wa-anim-bounce{animation:wa-bounce 1.5s infinite}.wa-anim-shake{animation:wa-shake 1.5s infinite}.wa-anim-none{animation:none}#wa-pro-widget.wa-dark .wa-popup,#wa-pro-widget.wa-auto-dark .wa-popup{background:#1e1e1e;color:#eee}#wa-pro-widget.wa-dark .wa-agent-item:hover,#wa-pro-widget.wa-auto-dark .wa-agent-item:hover{background:#2a2a2a !important;border-color:#444 !important}#wa-pro-widget.wa-dark .wa-agent-name,#wa-pro-widget.wa-auto-dark .wa-agent-name{color:#eee}#wa-pro-widget.wa-dark .wa-agent-role,#wa-pro-widget.wa-auto-dark .wa-agent-role{color:#aaa}#wa-pro-widget.wa-dark .wa-welcome-msg,#wa-pro-widget.wa-auto-dark .wa-welcome-msg{background:#2a2a2a;border-color:#333}#wa-pro-widget.wa-dark .wa-welcome-msg p,#wa-pro-widget.wa-auto-dark .wa-welcome-msg p{color:#ccc}#wa-pro-widget.wa-dark .wa-bubble,#wa-pro-widget.wa-auto-dark .wa-bubble{background:#1e1e1e;color:#eee}@media (max-width:480px){.wa-popup{width:290px}#wa-pro-widget.wa-pos-right{right:12px}#wa-pro-widget.wa-pos-left{left:12px}}