/* Logo Concentric Rings — admin sidebar, customer sidebar, login (desktop+mobile), TV dashboard.
   4 halka 0.75s aralıkla dışa doğru genişler ve solar.
   Container: position:relative + overflow:visible olmalı.
   Logo img: position:relative + z-index:10 olmalı (ringler altında kalsın). */
.fx-rings { position: relative; overflow: visible; }
.fx-rings > img { position: relative; z-index: 10; }
.fx-rings .ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid var(--ring-color, rgba(99, 102, 241, 0.6));
    pointer-events: none;
    animation: fx-ring-expand 3s ease-out infinite;
    will-change: transform, opacity, border-width;
}
.fx-rings .ring:nth-child(1) { animation-delay: 0s; }
.fx-rings .ring:nth-child(2) { animation-delay: 0.75s; }
.fx-rings .ring:nth-child(3) { animation-delay: 1.5s; }
.fx-rings .ring:nth-child(4) { animation-delay: 2.25s; }

@keyframes fx-ring-expand {
    0%   { transform: scale(0.9); opacity: 1;   border-width: 3px; }
    100% { transform: scale(2.2); opacity: 0;   border-width: 1px; }
}

/* Erişilebilirlik: hareket azaltma tercih edildiyse animasyonu kapat */
@media (prefers-reduced-motion: reduce) {
    .fx-rings .ring { animation: none; opacity: 0; }
}