/* WhatsApp Pro PK v4.0 — codiflux.com */
#wapro-widget{position:fixed;bottom:28px;z-index:9999;font-family:-apple-system,'Segoe UI',sans-serif;}
#wapro-widget.wapro-right{right:24px;}#wapro-widget.wapro-left{left:24px;}
.wapro-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:#fff!important;font-size:15px;font-weight:600;cursor:pointer;border:none;outline:none;transition:transform .2s,box-shadow .2s;user-select:none;}
.wapro-btn svg{flex-shrink:0;fill:currentColor;}.wapro-label{white-space:nowrap;}
.wapro-style-pill .wapro-btn{background:var(--wapro-color,#25D366);padding:14px 22px 14px 18px;border-radius:50px;box-shadow:0 4px 20px rgba(37,211,102,.4);}
.wapro-style-pill .wapro-btn:hover{transform:scale(1.06);}
.wapro-style-round .wapro-btn{background:var(--wapro-color,#25D366);padding:18px;border-radius:50%;box-shadow:0 4px 20px rgba(37,211,102,.4);}
.wapro-style-round .wapro-label{display:none;}.wapro-style-round .wapro-btn:hover{transform:scale(1.1);}
.wapro-style-square .wapro-btn{background:var(--wapro-color,#25D366);padding:14px 22px 14px 18px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);}
.wapro-style-square .wapro-btn:hover{transform:translateY(-3px);}
.wapro-style-outline .wapro-btn{background:transparent;border:2.5px solid var(--wapro-color,#25D366);color:var(--wapro-color,#25D366)!important;padding:12px 20px 12px 16px;border-radius:50px;}
.wapro-style-outline .wapro-btn svg{fill:var(--wapro-color,#25D366);}.wapro-style-outline .wapro-btn:hover{background:var(--wapro-color,#25D366);color:#fff!important;}
.wapro-style-outline .wapro-btn:hover svg{fill:#fff;}
.wapro-style-gradient .wapro-btn{background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);padding:14px 22px 14px 18px;border-radius:50px;box-shadow:0 4px 20px rgba(18,140,126,.45);}
.wapro-style-gradient .wapro-btn:hover{transform:scale(1.06);}
.wapro-style-bubble .wapro-btn{background:var(--wapro-color,#25D366);padding:14px 22px 14px 18px;border-radius:20px 20px 4px 20px;box-shadow:0 4px 20px rgba(37,211,102,.4);}
.wapro-style-bar .wapro-btn{background:var(--wapro-color,#25D366);padding:14px 28px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2);}
.wapro-offline-btn{background:#9e9e9e;cursor:default;opacity:.7;padding:14px 22px 14px 18px;border-radius:50px;display:inline-flex;align-items:center;gap:10px;color:#fff;}
.wapro-offline-btn svg{fill:#fff;flex-shrink:0;}
.wapro-anim-bounce .wapro-btn{animation:wapro-bounce 2.5s infinite;}
@keyframes wapro-bounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-9px)}50%{transform:translateY(-4px)}70%{transform:translateY(-9px)}}
.wapro-anim-bounce .wapro-btn:hover{animation:none;transform:scale(1.07);}
.wapro-anim-pulse .wapro-btn{animation:wapro-pulse 2s infinite;}
@keyframes wapro-pulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 36px rgba(37,211,102,.85)}}
.wapro-anim-shake .wapro-btn{animation:wapro-shake 3s infinite;}
@keyframes wapro-shake{0%,90%,100%{transform:rotate(0)}92%{transform:rotate(-12deg)}94%{transform:rotate(12deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(8deg)}}
.wapro-anim-tada .wapro-btn{animation:wapro-tada 3s infinite;}
@keyframes wapro-tada{0%,90%,100%{transform:scale(1) rotate(0)}92%{transform:scale(.9) rotate(-3deg)}94%,96%{transform:scale(1.15) rotate(3deg)}98%{transform:scale(1.05) rotate(2deg)}}
.wapro-greeting{position:absolute;bottom:72px;background:#fff;border-radius:12px;padding:12px 32px 12px 16px;box-shadow:0 4px 16px rgba(0,0,0,.15);max-width:220px;font-size:13px;color:#333;line-height:1.4;animation:wapro-fade-in .3s ease;}
.wapro-right .wapro-greeting{right:0;}.wapro-left .wapro-greeting{left:0;}
.wapro-greeting::after{content:'';position:absolute;bottom:-7px;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 6px rgba(0,0,0,.08);}
.wapro-right .wapro-greeting::after{right:20px;}.wapro-left .wapro-greeting::after{left:20px;}
.wapro-greeting-close{position:absolute;top:6px;right:8px;background:none;border:none;color:#aaa;cursor:pointer;font-size:14px;line-height:1;padding:0;}
@keyframes wapro-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wapro-trigger{position:relative;}.wapro-arrow{font-size:10px;opacity:.8;transition:transform .3s;}
.wapro-multi.open .wapro-arrow{transform:rotate(180deg);}
.wapro-popup{position:absolute;bottom:calc(100% + 12px);width:310px;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.18);overflow:hidden;animation:wapro-popup-in .25s ease;}
.wapro-right .wapro-popup{right:0;}.wapro-left .wapro-popup{left:0;}
@keyframes wapro-popup-in{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.wapro-popup-header{background:var(--wapro-color,#25D366);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;}
.wapro-close{margin-left:auto;background:none;border:none;color:#fff;font-size:16px;cursor:pointer;opacity:.8;padding:0;}
.wapro-close:hover{opacity:1;}
.wapro-popup-sub{background:#f7f7f7;padding:8px 16px;font-size:12px;color:#888;}
.wapro-agents-list{list-style:none;margin:0;padding:0;}
.wapro-agent-link{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none!important;color:#333!important;transition:background .15s;border-bottom:1px solid #f5f5f5;}
.wapro-agent-link:hover{background:#f0fdf4;}
.wapro-avatar{width:42px;height:42px;border-radius:50%;background:var(--wapro-color,#25D366);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:hidden;}
.wapro-avatar img{width:100%;height:100%;object-fit:cover;}
.wapro-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff;}
.wapro-status-dot.wapro-online{background:#25D366;}.wapro-status-dot.wapro-offline{background:#9e9e9e;}
.wapro-agent-info{flex:1;min-width:0;}.wapro-agent-info strong{display:block;font-size:14px;}
.wapro-dept{font-size:12px;color:#888;}.wapro-agent-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.wapro-status-label{font-size:11px;font-weight:700;}.wapro-status-label.wapro-online{color:#25D366;}.wapro-status-label.wapro-offline{color:#9e9e9e;}
.wapro-popup-footer{text-align:center;padding:8px;font-size:11px;color:#bbb;border-top:1px solid #f0f0f0;}
.wapro-popup-footer a{color:#25D366;text-decoration:none;}
.wapro-platforms{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;}
.wapro-right .wapro-platforms{align-items:flex-end;}.wapro-left .wapro-platforms{align-items:flex-start;}
.wapro-platform-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none!important;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:transform .2s;}
.wapro-platform-btn:hover{transform:scale(1.1);}
#wapro-lead-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;}
.wapro-lead-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);}
.wapro-lead-box{position:relative;background:#fff;border-radius:16px;width:380px;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.25);animation:wapro-fade-in .3s ease;}
.wapro-lead-header{background:var(--wapro-color,#25D366);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:10px;font-weight:700;}
.wapro-lead-close{margin-left:auto;background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;}
.wapro-lead-body{padding:20px;}.wapro-lead-body p{color:#666;font-size:14px;margin:0 0 16px;}
.wapro-lead-input{width:100%;box-sizing:border-box;padding:10px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;margin-bottom:10px;outline:none;transition:border .2s;}
.wapro-lead-input:focus{border-color:var(--wapro-color,#25D366);}
.wapro-lead-footer{padding:0 20px 20px;}
.wapro-lead-submit{width:100%;background:var(--wapro-color,#25D366);color:#fff;border:none;padding:13px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s;}
.wapro-lead-submit:hover{opacity:.9;}
@media(prefers-color-scheme:dark){
    .wapro-dark-auto .wapro-popup{background:#1e1e1e;}.wapro-dark-auto .wapro-popup-sub{background:#2a2a2a;color:#aaa;}
    .wapro-dark-auto .wapro-agent-link{color:#fff!important;border-color:#333;}.wapro-dark-auto .wapro-agent-link:hover{background:#2a2a2a;}
    .wapro-dark-auto .wapro-greeting{background:#1e1e1e;color:#eee;}.wapro-dark-auto .wapro-greeting::after{background:#1e1e1e;}
    .wapro-dark-auto .wapro-lead-box{background:#1e1e1e;}.wapro-dark-auto .wapro-lead-body p{color:#aaa;}
    .wapro-dark-auto .wapro-lead-input{background:#2a2a2a;border-color:#444;color:#fff;}
}
@media(max-width:600px){
    .wapro-label{display:none!important;}.wapro-btn{padding:16px!important;border-radius:50%!important;}
    #wapro-widget.wapro-right{right:16px;bottom:20px;}#wapro-widget.wapro-left{left:16px;bottom:20px;}
    .wapro-popup{width:calc(100vw - 32px);}
}