#vip-wa-widget{position:fixed;right:24px;bottom:24px;z-index:999999;font-family:system-ui,sans-serif}#vip-wa-toggle{background:#16a34a;color:white;border:0;border-radius:50%;width:60px;height:60px;font-size:30px;cursor:pointer;box-shadow:0 8px 25px #0003}#vip-wa-panel{position:absolute;right:0;bottom:76px;width:min(340px,calc(100vw - 36px));background:white;color:#14251b;border-radius:18px;overflow:hidden;box-shadow:0 16px 45px #0003}#vip-wa-panel[hidden]{display:none}#vip-wa-panel header{background:#145c43;color:white;padding:20px}#vip-wa-panel header p{margin:8px 0 0;font-size:13px}#vip-wa-close{float:right;border:0;background:transparent;color:white;font-size:25px;cursor:pointer}.vip-wa-content{padding:18px}.vip-wa-content button{width:100%;background:#16a34a;border:0;border-radius:10px;color:white;padding:14px;cursor:pointer;font-weight:600}#vip-wa-feedback{font-size:12px;margin-bottom:0}@media(max-width:600px){#vip-wa-widget{right:16px;bottom:16px}}

#vip-wa-toggle,#vip-wa-start{background:var(--vip-accent,#08b981)!important}
#vip-wa-widget .vip-wa-agent-list{display:grid;gap:9px;margin-bottom:15px}#vip-wa-widget .vip-wa-agent{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #e8eee9;border-radius:12px;background:#fff}#vip-wa-widget .vip-wa-agent>div:nth-child(2){flex:1;min-width:0}#vip-wa-widget .vip-wa-agent strong,#vip-wa-widget .vip-wa-agent small{display:block;font-size:12px}#vip-wa-widget .vip-wa-agent small{color:#64748b;margin-top:2px}#vip-wa-widget .vip-wa-agent i{width:8px;height:8px;border-radius:50%;background:#10b981}#vip-wa-widget .vip-wa-photo{width:36px;height:36px;border-radius:50%;background:#dcfce7;display:grid;place-items:center;overflow:hidden;flex-shrink:0}#vip-wa-widget .vip-wa-photo img{width:100%;height:100%;object-fit:cover}#vip-wa-widget #vip-wa-panel:not([hidden]){animation:vipSlide .32s ease both}#vip-wa-widget.vip-animate-fade #vip-wa-panel:not([hidden]){animation:vipFade .3s ease both}#vip-wa-widget.vip-animate-zoom #vip-wa-panel:not([hidden]){animation:vipZoom .3s ease both}#vip-wa-widget.vip-animate-none #vip-wa-panel:not([hidden]){animation:none}@keyframes vipSlide{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes vipFade{from{opacity:0}to{opacity:1}}@keyframes vipZoom{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){#vip-wa-widget #vip-wa-panel:not([hidden]){animation:none!important}}

/* v1.2 actual frontend template styles */
#vip-wa-widget #vip-wa-panel header{background:var(--vip-accent,#08b981);position:relative}#vip-wa-widget .vip-public-icon{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#ffffff29;margin-right:8px;font-size:23px}#vip-wa-widget #vip-wa-panel{border:1px solid #e6eeeb}#vip-wa-widget.vip-template-modern #vip-wa-panel{border-radius:23px;box-shadow:0 22px 65px #062b263d}#vip-wa-widget.vip-template-modern #vip-wa-panel header{background:linear-gradient(125deg,var(--vip-accent,#08b981),#075c55);padding:25px 20px}#vip-wa-widget.vip-template-modern .vip-wa-agent{border-radius:15px;background:#f9fdfb}#vip-wa-widget.vip-template-modern #vip-wa-start{border-radius:14px}#vip-wa-widget.vip-template-classic #vip-wa-panel{border:5px solid #1a3537;border-radius:18px}#vip-wa-widget.vip-template-classic .vip-wa-agent{border-radius:8px}#vip-wa-widget.vip-template-minimal #vip-wa-panel{border-radius:12px;box-shadow:0 12px 35px #082e2429}#vip-wa-widget.vip-template-minimal .vip-public-icon{display:none}#vip-wa-widget.vip-template-minimal .vip-wa-agent{border:0;border-bottom:1px solid #edf2f0;border-radius:0}#vip-wa-widget.vip-template-minimal #vip-wa-panel header{padding:15px 18px}#vip-wa-widget.vip-template-minimal #vip-wa-start{border-radius:7px}#vip-wa-widget #vip-wa-toggle{display:grid;place-items:center}#vip-wa-widget #vip-wa-toggle svg{display:block}

/* v1.9.0 Single Agent */
#vip-wa-widget .vip-wa-single{padding:12px 2px 18px;color:#334155;font-size:13px}
#vip-wa-widget .vip-single-person{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px}
#vip-wa-widget .vip-single-avatar{height:56px;width:56px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#047857;font-size:22px;font-weight:700;overflow:hidden}
#vip-wa-widget .vip-single-avatar img{width:100%;height:100%;object-fit:cover}
#vip-wa-widget .vip-single-person strong,#vip-wa-widget .vip-single-person small,#vip-wa-widget .vip-single-online{display:block;line-height:1.5}
#vip-wa-widget .vip-single-person strong{font-size:15px;color:#0f172a}
#vip-wa-widget .vip-single-person small{color:#64748b}
#vip-wa-widget .vip-single-online{color:#059669;font-size:11px;font-weight:600;margin-top:3px}

/* ============ VIP WhatsApp Manager 4.0.0 — JoinChat-style engagement ============ */
#vip-wa-widget #vip-wa-toggle{position:relative}
.vip-wa-callout{position:absolute;bottom:calc(60px + 14px);right:0;max-width:240px;background:#fff;color:#1f2937;border-radius:14px;padding:10px 36px 10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:14px;line-height:1.45;z-index:99998;text-align:left}
.vip-wa-callout::after{content:'';position:absolute;bottom:-7px;right:28px;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 6px rgba(0,0,0,.08)}
.vip-wa-callout[hidden]{display:none}
.vip-wa-callout-close{position:absolute;top:2px;right:4px;border:0;background:transparent;font-size:17px;line-height:1;cursor:pointer;color:#9ca3af;padding:5px}
.vip-wa-callout-close:hover{color:#374151}
.vip-wa-callout-text{display:block}
.vip-wa-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25);pointer-events:none}
.vip-wa-waiting #vip-wa-toggle,.vip-wa-waiting .vip-wa-callout{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.vip-wa-shortcode-btn{display:inline-flex;align-items:center;gap:8px;background:#22c55e;color:#fff;border:0;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(34,197,94,.35);font-family:inherit}
.vip-wa-shortcode-btn:hover{background:#16a34a}

/* ============ VIP WhatsApp Manager 6.0.0 — real-time agent list & dark mode ============ */
.vip-wa-loading{color:#64748b;font-size:13px;text-align:center;padding:10px 0;margin:0}
#vip-wa-widget button.vip-wa-agent{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;cursor:pointer;width:100%;text-align:left}
#vip-wa-widget button.vip-wa-agent:hover{border-color:#94a3b8;background:#f8fafc}
#vip-wa-widget button.vip-wa-agent:focus-visible{outline:2px solid #16a34a;outline-offset:2px}
#vip-wa-widget .vip-wa-agent-list p{font-size:13px;color:#64748b;text-align:center;margin:6px 0}
/* Dark mode */
#vip-wa-widget.vip-dark #vip-wa-panel{background:#1f2937;color:#f3f4f6;border-color:#374151}
#vip-wa-widget.vip-dark .vip-wa-content{background:#1f2937}
#vip-wa-widget.vip-dark .awm-welcome-bubble{background:#374151;color:#f3f4f6}
#vip-wa-widget.vip-dark .awm-welcome-meta{color:#9ca3af}
#vip-wa-widget.vip-dark .vip-wa-agent-list button.vip-wa-agent{background:#374151;border-color:#4b5563;color:#f3f4f6}
#vip-wa-widget.vip-dark .vip-wa-agent-list button.vip-wa-agent:hover{background:#4b5563;border-color:#6b7280}
#vip-wa-widget.vip-dark .vip-wa-agent-list .vip-wa-agent small{color:#9ca3af}
#vip-wa-widget.vip-dark .vip-wa-agent-list p,#vip-wa-widget.vip-dark .vip-wa-loading{color:#9ca3af}
#vip-wa-widget.vip-dark .vip-single-person{background:#374151;border-color:#4b5563}
#vip-wa-widget.vip-dark .vip-single-person strong{color:#f3f4f6}
#vip-wa-widget.vip-dark .vip-single-person small{color:#9ca3af}
#vip-wa-widget.vip-dark .vip-wa-callout{background:#374151;color:#f3f4f6}
#vip-wa-widget.vip-dark .vip-wa-callout::after{background:#374151}