:root{--wa-primary-color:#25d366;--wa-secondary-color:#fff;--wa-icon-color:#fff;--wa-text-color:#1f2937;--wa-bg-color:#e5ddd5;--wa-input-area-bg:#f0f2f5;--wa-input-area-border:#e5e7eb;--wa-pulse-color:rgba(37,211,102,.3)}.wa-widget-container{position:fixed;z-index:9999}.wa-widget-bubble{align-items:center;background-color:var(--wa-primary-color);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.wa-widget-bubble svg{fill:var(--wa-icon-color);height:30px;width:30px}.wa-widget-bubble:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);transform:scale(1.1)}.wa-widget-bubble--pulse{position:relative;z-index:1}.wa-widget-bubble--pulse:after{animation:rippleEffect 2s ease-out infinite;background-color:var(--wa-primary-color);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.wa-chat-window{background:#fff;border-radius:12px;box-shadow:0 12px 48px rgba(0,0,0,.2);display:none;flex-direction:column;max-height:600px;max-width:calc(100vw - 40px);overflow:hidden;position:fixed;width:360px}.wa-chat-window--active{display:flex}.wa-chat-window--animated{animation:slideUp .3s ease-out}.wa-chat-window--closing{animation:slideDown .3s ease-in forwards}.wa-chat-header{align-items:center;background:var(--wa-primary-color);color:var(--wa-secondary-color);display:flex;justify-content:space-between;padding:20px}.wa-chat-header-content{flex:1}.wa-chat-header-title{font-size:16px;font-weight:600;margin:0 0 4px}.wa-chat-header-subtitle{font-size:13px;margin:0;opacity:.9}.wa-close-btn{align-items:center;background:none;border:none;color:var(--wa-secondary-color);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:opacity .2s ease}.wa-close-btn:hover{opacity:.8}.wa-chat-body{background:var(--wa-bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2760%27 height=%2760%27%3E%3Cpath fill=%27%23d9d9d9%27 fill-opacity=%27.08%27 fill-rule=%27evenodd%27 d=%27M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z%27/%3E%3C/svg%3E");flex:1;overflow-y:auto;padding:20px}.wa-agent-list{display:flex;flex-direction:column;gap:12px}.wa-agent-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.wa-agent-item:hover{background:#f3f4f6;border-color:var(--wa-primary-color);box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.wa-agent-avatar{align-items:center;background:var(--wa-primary-color);border-radius:50%;color:var(--wa-secondary-color);display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.wa-agent-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wa-agent-info{flex:1;min-width:0}.wa-agent-name{color:var(--wa-text-color);font-size:14px;font-weight:600;margin-bottom:4px}.wa-agent-role{color:var(--wa-text-color);font-size:13px;opacity:.7}.wa-message-view{display:flex;flex-direction:column;height:100%}.wa-back-btn{background:#f3f4f6;border:none;border-radius:6px;color:var(--wa-text-color);cursor:pointer;font-size:13px;margin-bottom:16px;max-width:-moz-max-content;max-width:max-content;padding:8px 16px;transition:background .2s ease}.wa-back-btn:hover{background:#e5e7eb}.wa-welcome-message{align-items:flex-end;display:flex;gap:8px;margin-bottom:16px}.wa-welcome-message--animated{animation:fadeInUp .5s ease-out}.wa-welcome-avatar{align-items:center;background:var(--wa-primary-color);border-radius:50%;color:var(--wa-secondary-color);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.wa-welcome-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wa-welcome-bubble{background:#fff;border-radius:0 8px 8px 8px;box-shadow:0 1px .5px rgba(0,0,0,.13);color:var(--wa-text-color);font-size:14px;max-width:75%;padding:8px 12px}.wa-welcome-name{color:var(--wa-primary-color);font-size:13px;font-weight:600;margin-bottom:4px}.wa-welcome-content{color:var(--wa-text-color);line-height:1.5}.wa-chat-input-area{background:var(--wa-input-area-bg);border-top:1px solid var(--wa-input-area-border);margin:auto -20px -20px;padding:16px}.wa-chat-input-container{display:flex;gap:8px}.wa-chat-input{border:1px solid #d1d5db;border-radius:8px;flex:1;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.wa-chat-input:focus{border-color:var(--wa-primary-color);outline:none}.wa-chat-input::-moz-placeholder{color:#9ca3af}.wa-chat-input::placeholder{color:#9ca3af}.wa-send-btn{align-items:center;background:var(--wa-primary-color);border:none;border-radius:8px;color:var(--wa-secondary-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.wa-send-btn svg{fill:var(--wa-secondary-color);height:18px;width:18px}.wa-send-btn:hover{opacity:.9;transform:translateY(-1px)}.wa-send-btn:active{transform:translateY(0)}@keyframes rippleEffect{0%{opacity:.7;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.wa-chat-window{max-height:calc(100vh - 100px);max-width:100vw;right:0!important;width:100%}.wa-widget-bubble{height:56px;width:56px}.wa-widget-bubble svg{height:28px;width:28px}}.wa-chat-body::-webkit-scrollbar{width:6px}.wa-chat-body::-webkit-scrollbar-track{background:transparent}.wa-chat-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.wa-chat-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}