/* src/styles.css */

/* 1. GLOBAL RESET */
body { 
    font-family: 'Outfit', sans-serif; 
    -webkit-tap-highlight-color: transparent; 
}

/* 2. MAP FIX (Critical for loading) */
#tracking-map { 
    width: 100% !important; 
    height: 100% !important; 
    min-height: 300px; /* Force it to have size */
    z-index: 1; 
    background: #e5e7eb; /* Grey placeholder while loading */
}

/* Map Markers */
.custom-map-marker { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}

/* 3. HIDE SCROLLBARS (Restored) */
.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}

.no-scrollbar { 
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;    /* Firefox */
}

/* 4. ANIMATIONS */
@keyframes slideUp { 
    from { opacity: 0; transform: translateY(20px); } 
    to { opacity: 1; transform: translateY(0); } 
}
.animate-slide-up { 
    animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}

/* Pulse Animation for Map Marker */
@keyframes pulse-red {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
.pulse-red {
    animation: pulse-red 2s infinite;
}