/* Radar specific styles */
.radar-grid {
    background-image: 
        radial-gradient(circle at center, transparent 98%, rgba(57, 255, 20, 0.5) 100%),
        radial-gradient(circle at center, transparent 78%, rgba(57, 255, 20, 0.3) 80%, transparent 81%),
        radial-gradient(circle at center, transparent 58%, rgba(57, 255, 20, 0.3) 60%, transparent 61%),
        radial-gradient(circle at center, transparent 38%, rgba(57, 255, 20, 0.3) 40%, transparent 41%),
        radial-gradient(circle at center, transparent 18%, rgba(57, 255, 20, 0.3) 20%, transparent 21%);
}

.radar-crosshair {
    background-image: 
        linear-gradient(to right, transparent 49.5%, rgba(57, 255, 20, 0.5) 49.5%, rgba(57, 255, 20, 0.5) 50.5%, transparent 50.5%),
        linear-gradient(to bottom, transparent 49.5%, rgba(57, 255, 20, 0.5) 49.5%, rgba(57, 255, 20, 0.5) 50.5%, transparent 50.5%);
}

#radar-sweep {
    background: conic-gradient(from 0deg, transparent 60%, rgba(57, 255, 20, 0.4) 99%, rgba(57, 255, 20, 0.8) 100%);
}

.alert-pulse {
    animation: alertPulse 1.5s infinite;
}

@keyframes alertPulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; box-shadow: 0 0 20px rgba(255, 0, 0, 0.8); }
    100% { opacity: 1; }
}

/* Custom Scrollbar for logs */
.scrollbar-thin::-webkit-scrollbar {
    width: 4px;
}
.scrollbar-thin::-webkit-scrollbar-track {
    background: rgba(10, 25, 16, 1);
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background: rgba(57, 255, 20, 0.3);
    border-radius: 4px;
}