/* css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f8fafc; /* Tailwind slate-50 */
    color: #0f172a; /* Tailwind slate-900 */
}

/* Professional, Minimalist Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Clean up Leaflet Map styling */
.leaflet-container {
    z-index: 1 !important;
    font-family: 'Inter', sans-serif !important;
}
.leaflet-popup-content-wrapper {
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
}

/* Mobile PWA Safe Area for Bottom Nav (iPhone X and newer) */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}

/* Apple-style frosted glass bottom nav */
.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 0.5px solid rgba(0,0,0,0.1);
}

/* Mobile specific optimizations */
@media (max-width: 640px) {
    /* Prevent annoying pull-to-refresh when dragging the map on mobile */
    #reportMap, #liveMapContainer, #caseMap, #vetMap, #lfMap {
        touch-action: none; 
    }
    
    /* Hide scrollbar for horizontal scrolling elements on mobile */
    .hide-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .hide-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}