/* Popup Overlay */
.wo-popup-overlay {
    position: fixed; top:0; left:0; width:100%; height:100%;
    background: rgba(0,0,0,0.6); display:none; justify-content:center; align-items:center; z-index:9999;
}
.wo-popup-content {
    background:#fff; padding:20px; border-radius:10px; text-align:center; max-width:400px; width:90%; position:relative;
    animation: zoomIn 0.4s ease;
}
.wo-popup-close {
    position:absolute; top:10px; right:15px; font-size:22px; cursor:pointer; color:#333;
}
@keyframes zoomIn { from {transform:scale(0.7);} to {transform:scale(1);} }

#wo-countdown { font-weight:bold; margin:10px 0; font-size:18px; color:red; }

/* Agents Widget */
#wo-agents-widget {
    position:fixed; bottom:20px; right:20px; width:280px;
    background:#fff; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.2);
    overflow:hidden; font-family:sans-serif; z-index:9998;
}
#wo-agents-widget.minimized .wo-agents-list { display:none; }
.wo-agents-header {
    background:#1b8415; color:#fff; padding:10px; font-weight:bold; display:flex; align-items:center; justify-content:space-between;
}
.wo-agents-header img { margin-right:8px; }
.wo-agents-header span.wo-agents-toggle { cursor:pointer; font-weight:bold; }
.wo-agents-list { max-height:350px; overflow-y:auto; }
.wo-agent {
    display:flex; align-items:center; padding:8px 12px; border-bottom:1px solid #eee; text-decoration:none; color:#333;
    transition: background 0.2s;
}
.wo-agent:hover { background:#f9f9f9; }
.wo-agent img { width:40px; height:40px; border-radius:50%; margin-right:10px; }
.wo-agent i { margin-left:auto; color:#25D366; font-size:18px; animation: pulse 1.5s infinite; }

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}