/* Copy all the animation and layout CSS from your original file here */
.icon-svg { 
    display: inline-block;
    flex-shrink: 0;
    max-width: 80px;
    height: auto;
    overflow: visible !important;
    vertical-align: middle;
}
.radar-ring { fill: none; stroke: #FF6B35; stroke-linecap: round; opacity: 0; }
.r1 { stroke-width: 3;   animation: radarPulse 2.4s ease-out infinite; animation-delay: 0s; }
.r2 { stroke-width: 2.5; animation: radarPulse 2.4s ease-out infinite; animation-delay: 0.3s; }
.r3 { stroke-width: 2;   animation: radarPulse 2.4s ease-out infinite; animation-delay: 0.6s; }
.r4 { stroke-width: 1.5; animation: radarPulse 2.4s ease-out infinite; animation-delay: 0.9s; }
@keyframes radarPulse { 0% { opacity: 0; } 15% { opacity: 1; } 70% { opacity: 0.7; } 100% { opacity: 0; } }

.ping-outer { animation: pingBreathe 1.8s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.ping-inner { animation: pingBreathe 1.8s ease-in-out infinite reverse; transform-box: fill-box; transform-origin: center; }
@keyframes pingBreathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); } }
.ping-ripple { fill: none; stroke: #FF6B35; stroke-width: 1.5; transform-box: fill-box; transform-origin: center; animation: rippleOut 2s ease-out infinite; }
.ping-ripple-2 { animation-delay: 1s; }
@keyframes rippleOut { 0% { transform: scale(0.5); opacity: 0.9; } 100% { transform: scale(3.5); opacity: 0; } }