.voice-widget-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;margin:0 auto;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.voice-widget-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(15,23,42,0.08);}.widget-header{display:flex;align-items:center;gap:0.85rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,0.06);padding-bottom:1rem;}.agent-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--teal) 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;font-family:var(--display);box-shadow:0 4px 10px rgba(37,99,235,0.2);}.agent-info{text-align:left;}.agent-info h4{font-size:0.95rem;font-weight:750;margin:0;color:var(--ink);font-family:var(--display);}.agent-status-badge{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.72rem;font-weight:600;color:var(--gray);margin-top:0.1rem;}.status-dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--gray-light);display:inline-block;}.status-dot-pulse.active{background:#10b981;box-shadow:0 0 8px #10b981;animation:status-pulse-glow 1.5s infinite;}@keyframes status-pulse-glow{0%,100%{opacity:0.6;}50%{opacity:1;}}.calling-screen-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;margin-bottom:1.25rem;background:#f8fafc;border:1px solid rgba(0,0,0,0.04);border-radius:var(--radius-sm);padding:1.5rem;position:relative;overflow:hidden;}.pulse-ring-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}.agent-display-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--teal) 100%);color:white;font-size:1.6rem;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 8px 20px rgba(37,99,235,0.2);}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(13,148,136,0.2);animation:ring-pulse 2s infinite ease-out;opacity:0;z-index:1;animation-play-state:paused;}.pulse-ring-2{animation-delay:1s;}@keyframes ring-pulse{0%{transform:scale(0.7);opacity:0;}50%{opacity:0.6;}100%{transform:scale(1.6);opacity:0;}}.calling-screen-pane.active .pulse-ring{animation-play-state:running;}.status-subtext{font-size:0.82rem;color:var(--gray);font-weight:600;margin-top:0.5rem;text-align:center;}.audio-visualizer-pane{display:flex;align-items:center;justify-content:center;gap:4px;height:24px;margin-bottom:1.25rem;opacity:0.15;transition:opacity 0.3s;}.audio-visualizer-pane.active{opacity:1;}.wave-bar{width:3px;height:6px;background:linear-gradient(to top,var(--blue),var(--teal));border-radius:10px;transition:height 0.15s ease;}.audio-visualizer-pane.active .wave-bar{animation:wave-bounce 0.8s ease-in-out infinite alternate;}.audio-visualizer-pane.active .wave-bar:nth-child(1){animation-delay:0.1s;animation-duration:0.6s;}.audio-visualizer-pane.active .wave-bar:nth-child(2){animation-delay:0.35s;animation-duration:0.9s;}.audio-visualizer-pane.active .wave-bar:nth-child(3){animation-delay:0.15s;animation-duration:0.7s;}.audio-visualizer-pane.active .wave-bar:nth-child(4){animation-delay:0.5s;animation-duration:0.8s;}.audio-visualizer-pane.active .wave-bar:nth-child(5){animation-delay:0.25s;animation-duration:0.5s;}.audio-visualizer-pane.active .wave-bar:nth-child(6){animation-delay:0.4s;animation-duration:0.75s;}@keyframes wave-bounce{0%{height:4px;}100%{height:22px;}}.btn-voice-call{width:100%;background:var(--grad);color:white;border:none;padding:0.85rem 1.5rem;font-size:0.95rem;font-weight:750;border-radius:100px;cursor:pointer;font-family:var(--display);box-shadow:0 8px 20px rgba(37,99,235,0.15);transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:0.5rem;}.btn-voice-call:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px rgba(37,99,235,0.25);}.btn-voice-call:disabled{background:#cbd5e1;color:#94a3b8;box-shadow:none;cursor:not-allowed;}