/* Compact beheerpaneel: de padding en tussenruimtes omlaag, niet de tekst kleiner. */

/* Sidebar: standaard zit er 1.75rem tussen groepen en 0.5rem padding per item */
.fi-sidebar-nav {
    row-gap: 0.25rem;
    padding-block: 1rem;
    padding-inline: 1.5rem;
}

/* De ruimte tussen groepen zit op deze lijst (standaard 1.75rem) */
.fi-sidebar-nav-groups {
    row-gap: 0.25rem;
}

.fi-sidebar-item-btn {
    padding-block: 0.25rem;
}

.fi-sidebar-group-items,
.fi-sidebar-group {
    row-gap: 0;
}

/* Groepskop: standaard 0.5rem padding rondom */
.fi-sidebar-group-btn {
    padding-block: 0.25rem;
}

.fi-sidebar-header {
    height: 3.25rem;
}

/* Topbar iets lager */
.fi-topbar nav {
    min-height: 3.25rem;
}

/* Iets donkerder paneelachtergrond zodat de witte kaarten contrasteren */
.fi-body {
    background-color: var(--gray-100);
}

/* Sidebar als losse witte kaart op de grijze achtergrond (desktop).
   De kaart krimpt binnen de ruimte die de sidebar al inneemt, zodat de
   content-offset van Filament ongewijzigd blijft. */
@media (min-width: 64rem) {
    /* Topbar blijft in beeld, zodat de kaart altijd precies in het scherm past */
    .fi-body .fi-topbar {
        position: sticky;
        top: 0;
        z-index: 25;
    }

    .fi-body .fi-sidebar {
        margin: 0.75rem;
        inset-block-start: calc(4rem + 0.75rem);
        height: calc(100dvh - 4rem - 1.5rem);
        background-color: var(--color-white);
        border-radius: 1rem;
        border: 1px solid var(--gray-200);
        overflow: hidden;
    }

    .fi-body .fi-sidebar.fi-sidebar-open {
        box-shadow: 0 1px 3px rgb(0 0 0 / 0.06), 0 1px 2px rgb(0 0 0 / 0.04);
        --tw-ring-shadow: 0 0 #0000;
    }

    :where(.dark) .fi-body .fi-sidebar,
    .dark .fi-body .fi-sidebar {
        background-color: var(--gray-900);
        border-color: var(--gray-800);
    }
}

/* Pagina-inhoud: strakkere secties */
.fi-page > section,
.fi-page-content {
    gap: 1rem;
}

/* Tabellen: dichtere rijen */
.fi-ta-cell {
    padding-block: 0.5rem;
}