.wci-wrap { position: relative; z-index: 99990; font-family: inherit; }
.wci-floating { position: fixed; z-index: 99999; }
.wci-pos-bottom-right { right: 20px; bottom: 20px; }
.wci-pos-bottom-left { left: 20px; bottom: 20px; }
.wci-button { width: var(--wci-size,60px); height: var(--wci-size,60px); border: none; border-radius: 50%; background: var(--wci-color,#25D366); cursor: pointer; padding: 0; box-shadow: 0 4px 14px rgba(0,0,0,.25); display: flex; align-items: center; justify-content: center; transition: transform .2s ease; }
.wci-button:hover { transform: scale(1.08); }
.wci-button img { width: 70%; height: 70%; object-fit: contain; }
.wci-badge { position: absolute; top: -4px; right: -4px; background: var(--wci-badge,#FF3B30); color: #fff; font-size: 11px; line-height: 1; padding: 4px 6px; border-radius: 10px; font-weight: 600; z-index: 2; }
.wci-autoopen-bubble { position: absolute; bottom: calc(var(--wci-size,60px) + 12px); right: 0; background: #fff; color: #222; padding: 12px 30px 12px 14px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.18); max-width: 240px; font-size: 14px; }
.wci-autoopen-close { position: absolute; top: 4px; right: 6px; background: none; border: none; cursor: pointer; font-size: 16px; }
.wci-popup { position: absolute; bottom: calc(var(--wci-size,60px) + 16px); right: 0; width: 320px; max-width: 90vw; background: #fff; color: #222; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.wci-pos-bottom-left .wci-popup, .wci-pos-bottom-left .wci-autoopen-bubble { right: auto; left: 0; }
.wci-popup-header { background: var(--wci-color,#25D366); color: #fff; padding: 14px; display: flex; align-items: center; gap: 10px; }
.wci-logo { height: 28px; width: auto; }
.wci-status { font-size: 12px; margin-left: auto; }
.wci-close { background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; }
.wci-popup-body { padding: 14px; }
.wci-welcome { margin: 0 0 12px; font-size: 14px; }
.wci-agents { display: flex; flex-direction: column; gap: 8px; }
.wci-agent { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid #eee; border-radius: 10px; background: #fafafa; cursor: pointer; text-align: left; }
.wci-agent:hover { background: #f0f0f0; }
.wci-agent img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.wci-agent-info { display: flex; flex-direction: column; }
.wci-dot.on { color: #25D366; } .wci-dot.off { color: #999; }
.wci-start { width: 100%; padding: 10px; border: none; border-radius: 8px; background: var(--wci-color,#25D366); color: #fff; font-weight: 600; cursor: pointer; }
.wci-lead-form { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.wci-lead-form input { padding: 8px; border: 1px solid #ddd; border-radius: 8px; }
.wci-theme-dark .wci-popup { background: #1f1f1f; color: #eee; }
.wci-theme-dark .wci-agent { background: #2a2a2a; border-color: #333; }
.wci-theme-minimal .wci-popup { box-shadow: 0 2px 12px rgba(0,0,0,.12); border: 1px solid #eee; }
.wci-theme-modern .wci-popup { border-radius: 20px; }
@media (max-width: 768px) { .wci-hide-mobile { display: none !important; } .wci-device-desktop { display: none !important; } .wci-device-tablet { display: none !important; } }
@media (min-width: 769px) { .wci-hide-desktop { display: none !important; } .wci-device-mobile { display: none !important; } }
@keyframes wci-pulse { 0%{box-shadow:0 0 0 0 rgba(37,211,102,.6);} 70%{box-shadow:0 0 0 16px rgba(37,211,102,0);} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0);} }
.wci-anim-pulse .wci-button { animation: wci-pulse 2s infinite; }
@keyframes wci-bounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-8px);} }
.wci-anim-bounce .wci-button { animation: wci-bounce 1.6s infinite; }
@keyframes wci-shake { 0%,100%{transform:rotate(0);} 25%{transform:rotate(-8deg);} 75%{transform:rotate(8deg);} }
.wci-anim-shake .wci-button { animation: wci-shake 1.5s infinite; }
@keyframes wci-glow { 0%,100%{filter:drop-shadow(0 0 2px var(--wci-color,#25D366));} 50%{filter:drop-shadow(0 0 10px var(--wci-color,#25D366));} }
.wci-anim-glow .wci-button { animation: wci-glow 2s infinite; }