/* Admin panel chrome tweaks that sit on top of Filament's compiled stylesheet.
   Loaded from the panel's HEAD_END hook, so it wins over the utility classes
   baked into the vendor Blade views without needing a custom theme build. */

/* ---- Sidebar: a denser vertical rhythm ------------------------------------
   Filament's defaults (40px rows, 28px between groups) push the lower groups
   below the fold once the catalog and billing sections are both present. */
.fi-sidebar-nav {
    gap: 1.125rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.fi-sidebar-nav-groups {
    gap: 1.125rem;
}

.fi-sidebar-group,
.fi-sidebar-group-items {
    gap: 0.125rem;
}

.fi-sidebar-item-button,
.fi-sidebar-group-button {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

/* The icon is what sets the row height, so the padding above only pays off
   once it shrinks too. The grouped-item connector matches it or the vertical
   rule drawn beside nested items stops lining up with their icons. */
.fi-sidebar-item-icon,
.fi-sidebar-group-icon,
.fi-sidebar-item-grouped-border {
    height: 1.25rem;
    width: 1.25rem;
}

.fi-sidebar-item-label,
.fi-sidebar-group-label {
    line-height: 1.25rem;
}