:root{--areaspy-wa-green:#25d366;--areaspy-wa-dark-green:#128c7e;--areaspy-wa-light-green:#dcf8c6;--areaspy-wa-chat-bg:#e5ddd5;--areaspy-wa-header-bg:#075e54}.areaspy-wa-widget{position:fixed;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif}.areaspy-wa-bottom-right{bottom:20px;right:20px}.areaspy-wa-bottom-left{bottom:20px;left:20px}.areaspy-wa-top-right{top:20px;right:20px}.areaspy-wa-top-left{top:20px;left:20px}.areaspy-wa-button-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:65px;height:65px}.areaspy-wa-button{width:65px;height:65px;border-radius:50%;background:var(--widget-color,var(--areaspy-wa-green));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(37,211,102,.4);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:2}.areaspy-wa-button:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(37,211,102,.6)}.areaspy-wa-button:active{transform:scale(.95)}.areaspy-wa-pulse-ring{position:absolute;width:65px;height:65px;border-radius:50%;background:var(--widget-color,var(--areaspy-wa-green));opacity:0;z-index:1;animation:areaspy-pulse-ring 2.5s cubic-bezier(.215,.61,.355,1) infinite}.areaspy-wa-pulse-ring-2{animation-delay:1.25s}@keyframes areaspy-pulse-ring{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.8);opacity:0}}.areaspy-wa-widget.open .areaspy-wa-pulse-ring{display:none}.areaspy-wa-icon,.areaspy-wa-icon-close{width:62px;height:62px;fill:#fff;max-width:none;max-height:none;transition:all .3s ease}.areaspy-wa-icon{transform:scale(3);transform-origin:center;width:70px;height:70px}.areaspy-wa-icon-close{position:absolute;width:28px;height:28px;opacity:0;transform:rotate(-90deg) scale(0)}.areaspy-wa-widget.open .areaspy-wa-icon{opacity:0;transform:rotate(90deg) scale(0)}.areaspy-wa-widget.open .areaspy-wa-icon-close{opacity:1;transform:rotate(0) scale(1)}.areaspy-wa-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff5252 0%,#d32f2f 100%);color:#fff;min-width:24px;height:24px;padding:0 6px;border-radius:12px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,82,82,.6);border:2px solid #fff;z-index:3;animation:areaspy-badge-bounce 2s ease-in-out infinite;pointer-events:none}.areaspy-wa-widget.open .areaspy-wa-badge,.areaspy-wa-badge.hidden{display:none}@keyframes areaspy-badge-bounce{0%,100%{transform:scale(1) translateY(0)}25%{transform:scale(1.15) translateY(-3px)}50%{transform:scale(1) translateY(0)}75%{transform:scale(1.1) translateY(-2px)}}.areaspy-wa-popup{position:absolute;bottom:80px;right:0;width:350px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:bottom right}.areaspy-wa-bottom-left .areaspy-wa-popup{right:auto;left:0;transform-origin:bottom left}.areaspy-wa-widget.open .areaspy-wa-popup{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.areaspy-wa-popup-header{background:var(--areaspy-wa-header-bg);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.areaspy-wa-popup-header-icon{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.areaspy-wa-popup-header-icon svg{width:24px;height:24px;fill:#fff}.areaspy-wa-popup-header-text{flex:1}.areaspy-wa-popup-title{font-size:16px;font-weight:600;margin-bottom:2px}.areaspy-wa-popup-subtitle{font-size:12px;opacity:.9}.areaspy-wa-popup-close{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.areaspy-wa-popup-close:hover{opacity:1}.areaspy-wa-popup-body{background:var(--areaspy-wa-chat-bg);padding:20px;min-height:150px}.areaspy-wa-agent{display:flex;align-items:center;gap:12px;margin-bottom:16px}.areaspy-wa-agent-avatar{width:45px;height:45px;background:var(--areaspy-wa-dark-green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.areaspy-wa-agent-avatar svg{width:28px;height:28px;fill:#fff}.areaspy-wa-agent-name{font-weight:600;color:#333;font-size:14px}.areaspy-wa-agent-status{font-size:12px;color:#666;display:flex;align-items:center;gap:6px}.areaspy-wa-status-dot{width:8px;height:8px;background:var(--areaspy-wa-green);border-radius:50%;display:inline-block}.areaspy-wa-message-bubble{background:#fff;padding:12px 16px;border-radius:0 12px 12px;box-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;max-width:85%;animation:areaspy-wa-message-in .3s ease}.areaspy-wa-message-bubble:before{content:'';position:absolute;top:0;left:-8px;border-width:0 8px 8px 0;border-style:solid;border-color:transparent #fff transparent transparent}.areaspy-wa-message-bubble p{margin:0;font-size:14px;color:#333;line-height:1.5}.areaspy-wa-message-time{display:block;text-align:right;font-size:11px;color:#999;margin-top:6px}@keyframes areaspy-wa-message-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.areaspy-wa-popup-footer{padding:16px 20px;background:#fff;border-top:1px solid #eee}.areaspy-wa-chat-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:var(--areaspy-wa-green);color:#fff;text-decoration:none;border-radius:25px;font-size:15px;font-weight:600;transition:all .3s ease}.areaspy-wa-chat-button:hover{background:var(--areaspy-wa-dark-green);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,.4);color:#fff}.areaspy-wa-chat-button svg{fill:currentColor}.areaspy-wa-product-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;margin:15px 0;background:var(--btn-color,var(--areaspy-wa-green));color:#fff !important;text-decoration:none !important;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.areaspy-wa-product-btn:hover{filter:brightness(.9);transform:translateY(-2px);box-shadow:0 4px 15px rgba(37,211,102,.4);color:#fff !important}.areaspy-wa-product-btn svg{fill:currentColor;flex-shrink:0}.areaspy-wa-product-btn-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;margin-left:10px;background:var(--btn-color,var(--areaspy-wa-green));color:#fff !important;text-decoration:none !important;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s ease;vertical-align:middle}.areaspy-wa-product-btn-inline:hover{filter:brightness(.9);color:#fff !important}.areaspy-wa-product-btn-inline svg{fill:currentColor;flex-shrink:0}.areaspy-wa-shortcode-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--btn-color,var(--areaspy-wa-green));color:#fff !important;text-decoration:none !important;border-radius:6px;font-size:14px;font-weight:500;transition:all .3s ease}.areaspy-wa-shortcode-btn:hover{filter:brightness(.9);color:#fff !important}.areaspy-wa-shortcode-btn svg{fill:currentColor}@media (max-width:480px){.areaspy-wa-popup{width:calc(100vw - 30px);bottom:75px}.areaspy-wa-button-wrapper{width:60px;height:60px}.areaspy-wa-button{width:60px;height:60px}.areaspy-wa-pulse-ring{width:60px;height:60px}.areaspy-wa-icon{width:62px;height:62px;transform:scale(3)}.areaspy-wa-icon-close{width:24px;height:24px}.areaspy-wa-badge{top:-6px;right:-6px;min-width:22px;height:22px;font-size:12px}.areaspy-wa-bottom-right,.areaspy-wa-bottom-left{bottom:15px}.areaspy-wa-bottom-right{right:15px}.areaspy-wa-bottom-left{left:15px}}.areaspy-wa-widget.hide-mobile{display:none}@media (min-width:481px){.areaspy-wa-widget.hide-mobile{display:block}}.areaspy-wa-widget{animation:areaspy-wa-widget-enter .5s ease .5s both}@keyframes areaspy-wa-widget-enter{from{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.areaspy-wa-button.attention{animation:areaspy-wa-attention 1s ease infinite}@keyframes areaspy-wa-attention{0%,100%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}@media print{.areaspy-wa-widget{display:none !important}}