/* Filament 4 UI-polish overrides voor admin + klant panel.
   Geladen via renderHook in AdminPanelProvider/KlantPanelProvider.
   Bewust hardcoded hex-kleuren — geen afhankelijkheid van Tailwind CSS-vars
   die alleen via Vite-build beschikbaar zijn. */

/* Sidebar-divider: verticale lijn tussen sidebar en content-area. */
.fi-sidebar {
    border-right: 1px solid #e5e7eb; /* tailwind gray-200 */
}

.dark .fi-sidebar,
html.dark .fi-sidebar {
    border-right-color: #1f2937; /* tailwind gray-800 */
}

@media (prefers-color-scheme: dark) {
    .fi-sidebar {
        border-right-color: #1f2937;
    }
}

/* Content-padding: behoud horizontale marge, maar liet content gebruik maken
   van de volle beschikbare breedte via PanelProvider->maxContentWidth(Width::Full). */
.fi-main-ctn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}