@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes bounce{0%{transform:scale(1)}100%{transform:scale(1.1)}}#wcw-container .whatsapp-widget{position:fixed;bottom:20px;right:20px;z-index:99999}#wcw-container .widget-button{width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgb(37 211 102 / .4);transition:all 0.3s ease;position:relative;overflow:hidden;border:navajowhite}#wcw-container .widget-button:hover{transform:scale(1.1);box-shadow:0 6px 30px rgb(37 211 102 / .6)}#wcw-container .widget-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.5s}#wcw-container .widget-button:hover::before{left:100%}#wcw-container .whatsapp-icon{width:32px;height:32px;fill:#fff}#wcw-container .chat-popup{position:absolute;bottom:80px;right:0;width:320px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgb(0 0 0 / .3);transform:scale(0) translateY(20px);opacity:0;transition:all 0.3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:bottom right;overflow:hidden}#wcw-container .chat-popup.active{transform:scale(1) translateY(0);opacity:1}#wcw-container .chat-header{background:#128C7E;color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px;position:relative}#wcw-container .agent-avatar{width:45px;height:45px;border-radius:50%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="%23e2e8f0"/><circle cx="50" cy="35" r="15" fill="%2394a3b8"/><path d="M20 80 Q20 65 35 65 L65 65 Q80 65 80 80 Z" fill="%2394a3b8"/></svg>');background-size:cover;position:relative}#wcw-container .agent-avatar img{width:100%;height:100%;border-radius:100%;object-fit:cover}#wcw-container .status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4ade80;border:2px solid #fff;border-radius:50%}#wcw-container .agent-info .agent-name{font-size:16px;margin-bottom:2px;font-weight:500;color:#fff}#wcw-container .agent-status{font-size:13px;opacity:.9}#wcw-container .close-btn{position:absolute;top:12px;right:15px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;opacity:.7;padding:10px}#wcw-container .close-btn:hover{background:rgb(255 255 255 / .2);opacity:1;transform:rotate(90deg)}#wcw-container .chat-body{padding:0;min-height:260px;background:#e5ddd5;background-image:radial-gradient(circle at 20% 50%,rgb(255 255 255 / .1) 1px,transparent 1px),radial-gradient(circle at 80% 50%,rgb(255 255 255 / .1) 1px,transparent 1px);background-size:40px 40px;display:flex;flex-direction:column;justify-content:space-between}#wcw-container .chat-messages{padding:20px 15px;flex:1}#wcw-container .message-time{text-align:center;color:#8696a0;font-size:12px;margin-bottom:15px;font-weight:500}#wcw-container .message{background:#fff;padding:12px 16px;border-radius:18px;margin-bottom:8px;max-width:85%;position:relative;box-shadow:0 1px 2px rgb(0 0 0 / .1)}#wcw-container .message::before{content:'';position:absolute;left:-6px;top:12px;width:0;height:0;border-top:6px solid #fff0;border-bottom:6px solid #fff0;border-right:8px solid #fff}#wcw-container .message-text{font-size:14px;line-height:1.4;color:#303030;margin-bottom:4px}#wcw-container .message-timestamp{font-size:11px;color:#8696a0;text-align:right}#wcw-container .chat-input-container{padding:12px 15px;background:#f0f0f0;border-top:1px solid #d1d1d6}#wcw-container .input-wrapper{display:flex;align-items:center;background:#fff;border-radius:25px;padding:8px 15px;box-shadow:0 1px 3px rgb(0 0 0 / .1);gap:10px}#wcw-container .message-input{flex:1;border:none;outline:none;font-size:14px;padding:8px 0;background:#fff0;color:#303030}#wcw-container .message-input::placeholder{color:#8696a0}#wcw-container .send-button{background:#25D366;border:none;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;flex-shrink:0;padding:10px}#wcw-container .send-button:hover{background:#128C7E;transform:scale(1.1)}#wcw-container .send-button:disabled{background:#bbb;cursor:not-allowed;transform:scale(1)}#wcw-container .send-icon{width:18px;height:18px;fill:#fff}#wcw-container .notification-badge{display:none;position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;animation:bounce 1s infinite alternate}#wcw-container .typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgb(255 255 255 / .9);border-radius:18px;margin-top:8px;max-width:120px}#wcw-container .typing-indicator::before{content:'';position:absolute;left:-6px;top:12px;width:0;height:0;border-top:6px solid #fff0;border-bottom:6px solid #fff0;border-right:8px solid rgb(255 255 255 / .9)}#wcw-container .typing-dots{display:flex;gap:3px}#wcw-container .typing-dot{width:6px;height:6px;background:#8696a0;border-radius:50%;animation:typing 1.4s infinite}#wcw-container .typing-dot:nth-child(2){animation-delay:0.2s}#wcw-container .typing-dot:nth-child(3){animation-delay:0.4s}#wcw-container .emoji{font-size:16px}#wcw-container .position-left{left:0;right:0}#wcw-container .position-left .chat-popup{left:auto;right:auto}@media (max-width:480px){#wcw-container .chat-popup{width:calc(100vw - 40px);right:-10px}}