/* assets/style.css */

/* General improvements */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}

/* Filter panel styling */
.card-header {
    font-weight: 600;
}

/* Sticky filter panel */
.sticky-top {
    z-index: 100;
}

/* Record cards in list */
.card {
    transition: box-shadow 0.2s ease;
}

.card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Map container */
.js-plotly-plot .plotly {
    border-radius: 8px;
}

/* Modal image hover effect */
.img-fluid:hover {
    transform: scale(1.02);
    transition: transform 0.2s ease;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* Badge styling */
.badge {
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card-body {
        padding: 0.75rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
}

/* Custom alert styling */
.alert-info {
    background-color: #e7f3ff;
    border-color: #b8daff;
    color: #004085;
}

/* Dropdown max height */
.Select-menu-outer {
    max-height: 250px;
}