/*
 * Compact navigation.
 *
 * Filament's defaults are generous: 28px between navigation groups, 32px of
 * padding around the nav, and 18rem for a cluster's sub-navigation. With
 * six groups the lower ones fall off screen, and a cluster of three links
 * gets a column wider than the links need. Everything here is spacing only —
 * no colours, no type — so the upstream theme keeps owning how it all looks.
 *
 * Selectors are scoped under an ancestor (.fi-sidebar for the main sidebar,
 * .fi-page-main for a cluster's) to outrank the single-class rules upstream.
 * That is load-bearing, not cosmetic: Filament emits this file's <link>
 * BEFORE its own app.css, so an equal-specificity rule here would lose.
 */

/* ---------------------------------------------------------------- main nav */

/* Around the whole nav: padding 32px -> 16px, inline 24px -> 12px. */
.fi-sidebar .fi-sidebar-nav {
    row-gap: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 3);
}

/* Between groups: 28px -> 12px. The single biggest win. */
.fi-sidebar .fi-sidebar-nav-groups {
    row-gap: calc(var(--spacing) * 3);
}

/* ------------------------------------------- cluster sub-navigation column */

/* 18rem for two or three short links is most of a content column. */
.fi-page-main .fi-page-sub-navigation-sidebar-ctn {
    width: calc(var(--spacing) * 48);
}

.fi-page-main .fi-page-sub-navigation-sidebar {
    row-gap: calc(var(--spacing) * 3);
}

/* ------------------------------------------------------- shared item density */

/* Group heading to its items, and item to item: 4px -> 2px. */
.fi-sidebar .fi-sidebar-group,
.fi-sidebar .fi-sidebar-group-items,
.fi-sidebar .fi-sidebar-sub-group-items,
.fi-page-main .fi-sidebar-group,
.fi-page-main .fi-sidebar-group-items,
.fi-page-main .fi-sidebar-sub-group-items {
    row-gap: calc(var(--spacing) * 0.5);
}

/* Row height: 8px of vertical padding -> 6px. Inline padding is left alone so
   the labels keep their alignment with the group headings. */
.fi-sidebar .fi-sidebar-group-btn,
.fi-sidebar .fi-sidebar-group-dropdown-trigger-btn,
.fi-sidebar .fi-sidebar-item-btn,
.fi-page-main .fi-sidebar-group-btn,
.fi-page-main .fi-sidebar-item-btn {
    padding-block: calc(var(--spacing) * 1.5);
}