#call-popups { position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 8px; z-index: 1000; max-width: calc(100vw - 32px); }
.call-popup { width: 300px; max-width: 100%; background: var(--surface, #fff); color: var(--text, #1a1d23); border-left: 4px solid var(--warning, #b45309); border-radius: var(--radius-md, 10px); padding: 12px 14px; box-shadow: var(--shadow-pop, 0 6px 20px rgba(0,0,0,.18)); animation: ring 1s ease-in-out infinite alternate; }
.call-popup.talking { border-left-color: var(--success, #15803d); animation: none; }
.call-popup .state { font-size: 12px; color: var(--muted, #6b717c); text-transform: uppercase; letter-spacing: .03em; }
.call-popup .phone { font-size: 18px; font-weight: 700; margin: 2px 0; }
.call-popup .unknown { color: var(--muted, #6b717c); }
.call-popup .deal { margin-top: 4px; font-size: 13px; }
@keyframes ring { from { transform: translateY(0); } to { transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) { .call-popup { animation: none; } }