/* xAI Voice Agent – CSS */
.xv-widget{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;display:inline-block}
.xv-bottom-right{position:fixed;bottom:24px;right:24px;z-index:99999}
.xv-bottom-left{position:fixed;bottom:24px;left:24px;z-index:99999}

/* Call Button (grün) */
.xv-call-btn{width:64px;height:64px;border-radius:50%;border:none;color:#fff;font-size:1.6em;cursor:pointer;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;background:#25D366}
.xv-call-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.5)}
.xv-label{margin-top:8px;font-size:.8em;color:#555;text-align:center;font-weight:600;white-space:nowrap}

/* Powered by link */
.xv-powered{display:block;margin-top:6px;font-size:10px;color:#06c;text-decoration:underline;text-align:center;transition:color .15s}
.xv-powered:hover{color:#004499}

/* Active Panel */
.xv-active{width:280px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.2);text-align:center;padding:20px}

/* Main Button (während Anruf) */
.xv-main-btn{width:72px;height:72px;border-radius:50%;border:none;font-size:1.8em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 auto}
.xv-main-btn.xv-listening{background:#25D366;color:#fff;animation:xv-pulse 1.5s infinite}
.xv-main-btn.xv-speaking{background:#4285F4;color:#fff}
.xv-main-btn.xv-muted{background:#999;color:#fff}
@keyframes xv-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* Status */
.xv-status{margin-top:10px;font-size:.85em;color:#888;min-height:20px}
.xv-status.xv-active{color:#25D366;font-weight:600}
.xv-status.xv-thinking{color:#FF002D;font-weight:600}
.xv-status.xv-speaking{color:#4285F4;font-weight:600}

/* Hangup Button (rot) */
.xv-hangup{background:#FF002D;color:#fff;border:none;padding:10px 28px;border-radius:24px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .15s;margin-top:14px;display:inline-block}
.xv-hangup:hover{background:#cc0024;transform:scale(1.04)}

/* Visualizer */
.xv-viz{height:40px;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:2px}
.xv-viz .xv-bar{width:3px;background:#ccc;border-radius:2px;transition:height .1s;min-height:3px}
.xv-viz.xv-active .xv-bar{background:#25D366}

/* Responsive */
@media(max-width:480px){
    .xv-active{width:calc(100vw - 32px);position:fixed;bottom:16px;right:16px}
    .xv-bottom-left .xv-active{right:auto;left:16px}
}