/* Custom Scrollbar for dark theme */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5); /* slate-900 */
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.8); /* slate-700 */
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 1); /* slate-600 */
}

/* Radar Background Styling */
.radar-bg {
    background-image: radial-gradient(circle at center, #0f172a 0%, #020617 100%);
}

/* Simulated Radar Scan Sweep */
/* Simulated Radar Top-to-Bottom Scan Sweep */
.radar-scanner {
    position: absolute;
    width: 100%;
    height: 50%; /* Thickness of the scanning beam */
    background: linear-gradient(to bottom,transparent, rgb(7 29 43 / 0.05) 10%, rgb(7 29 43 / 0.4) 80%);
    border-bottom: 2px solid rgba(7, 29, 43, 0.8);
    left: 0;
    top: -50%;
    z-index: 50; /* Ensure it stays above the map */
    animation: scanDown 2s ease-in-out infinite;
}

@keyframes scanDown {
    0% { top: -50%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* Simulator Active SOS Animation */
.active-sos {
    background: radial-gradient(circle, #10b981, #047857) !important; /* emerald */
    border-color: #a7f3d0 !important;
    box-shadow: 0 0 30px rgba(16, 185, 129, 0.6) !important;
    animation: emergencyPulse 1.5s infinite !important;
}

@keyframes emergencyPulse {
    0% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.4); }
    50% { box-shadow: 0 0 50px rgba(16, 185, 129, 0.8); transform: scale(1.02); }
    100% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.4); }
}

/* Toast Entry Animation */
.toast-enter {
    animation: slideInRight 0.3s ease-out forwards;
}
.toast-leave {
    animation: slideOutRight 0.3s ease-in forwards;
}

@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slideOutRight {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}