/* * Dark-mode theming for the MapLibre chrome (controls, basemap switcher, layer * toggle, popups) so it matches Filament's dark panel. Filament toggles the * `dark` class on , so these rules react to the panel's theme switch with * no JS. The raster basemap tiles themselves stay light (a true dark basemap * needs a dark tile source — separate follow-up). */ .dark .maplibregl-ctrl-group { background: #1f2937; /* gray-800 */ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); } .dark .maplibregl-ctrl-group button { background-color: #1f2937; } .dark .maplibregl-ctrl-group button:hover { background-color: #374151; /* gray-700 */ } .dark .maplibregl-ctrl-group button + button { border-top-color: #374151; } /* MapLibre's control icons are dark SVGs tuned for a light background — invert them to read on the dark control group. */ .dark .maplibregl-ctrl button .maplibregl-ctrl-icon { filter: invert(1); } /* Custom controls (basemap