/* Styling for unlinked POLEPED device indicators */
.unlinked-poleped-circle {
    animation: pulse-red 2s infinite;
    cursor: pointer;
}

@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

/* Styling for focused device marker */
.focused-device {
    animation: pulse-focus 1.5s infinite;
    z-index: 1000 !important; /* Ensure focused device appears above others */
    transform: scale(1.3); /* Make the marker slightly larger */
    transition: transform 0.3s ease;
}

@keyframes pulse-focus {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 85, 0, 0.6);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 85, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 85, 0, 0);
    }
}