/* Working Indicator Animations */
@keyframes sparkle-flip {
    0%, 24% { transform: scaleX(1); }
    25%, 49% { transform: scaleX(-1); }
    50%, 74% { transform: scaleX(1); }
    75%, 100% { transform: scaleX(-1); }
}

@keyframes sparkle-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.sparkle-animated svg {
    animation:
        sparkle-flip 3s step-end infinite,
        sparkle-pulse 2s ease-in-out infinite;
    transform-origin: center;
}

.working-indicator-badge {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 2;
    pointer-events: none;
}