/* Filament 2 Style Sidebar */
.fi-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #e5e7eb;
    box-shadow : 0 0 10px 0 rgba(0,0,0,0.1) !important;
}

.fi-simple-main {
    box-shadow : 0 0 10px 0 rgba(0,0,0,0.1) !important;
}

/* Dark Mode Sidebar Styles */
.dark .fi-sidebar {
    /* A darker background color for the sidebar in dark mode */
    background-color: #1f2937 !important; /* Example dark background color (e.g., slate-800) */
    /* A darker border color */
    border-right: 1px solid #374151; /* Example darker border color (e.g., slate-700) */
    /* Darker, less noticeable box shadow for dark mode */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) !important;
}

.dark .fi-simple-main {
    /* Darker, less noticeable box shadow for the main content in dark mode */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) !important;
}

/*
 * Live Map: keep Leaflet map layers below top navigation menus.
 * Leaflet panes/controls use high z-index values by default.
 */
.ivts-live-map-page .leaflet-container,
.ivts-live-map-page .leaflet-pane,
.ivts-live-map-page .leaflet-top,
.ivts-live-map-page .leaflet-bottom,
.ivts-live-map-page .leaflet-control {
    z-index: 1 !important;
}

.fi-topbar {
    position: relative;
    z-index: 1000 !important;
}

.fi-dropdown-panel {
    z-index: 1100 !important;
}

/* Notification bell panel: above map and standard dropdowns. */
body > [data-ivts-notify].fixed {
    z-index: 1150 !important;
}

body > [data-ivts-notify].fixed [data-ivts-notify-panel] {
    position: relative;
    z-index: 1151 !important;
}