: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{width:60px;height:56px;border-radius:28px 28px 8px;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(0,0,0,.2);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative}.areaspy-wa-bottom-left .areaspy-wa-button,.areaspy-wa-top-left .areaspy-wa-button{border-radius:28px 28px 28px 8px}.areaspy-wa-button:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.areaspy-wa-button:active{transform:scale(.95)}.areaspy-wa-icon,.areaspy-wa-icon-close{width:32px;height:32px;fill:#fff;transition:all .3s ease}.areaspy-wa-icon-close{position:absolute;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:-5px;right:-5px;background:#ff5252;color:#fff;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:areaspy-wa-pulse 2s infinite;pointer-events:none}.areaspy-wa-widget.open .areaspy-wa-badge,.areaspy-wa-badge.hidden{display:none}@keyframes areaspy-wa-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.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{width:55px;height:52px}.areaspy-wa-icon,.areaspy-wa-icon-close{width:28px;height:28px}.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}}