/*
 * Navigation sizing, top bar and sidebar alike: group headings a touch larger
 * (15px), the items under them a touch smaller (13px). Plain CSS (loaded from
 * CrmPanelProvider, no build step); top-bar rules are scoped to
 * .fi-topbar-nav-groups so other dropdowns — user menu, table actions — keep
 * Filament's defaults.
 */

/* ---- Top bar ------------------------------------------------------------ */

/* Group headings (CRM, Operations, Reports, …): a touch larger than the 14px
   default. The gap between them is tightened to match, so the bar still fits
   on one row on a 1280px laptop screen. */
.fi-topbar-nav-groups {
    column-gap: 0.25rem;
}

.fi-topbar-nav-groups .fi-topbar-item-label {
    font-size: 0.9375rem; /* 15px */
}

/* Items inside each group's dropdown: a touch smaller than the 14px default. */
.fi-topbar-nav-groups .fi-dropdown-list-item {
    font-size: 0.8125rem; /* 13px */
    padding: 0.375rem 0.5rem;
}

.fi-topbar-nav-groups .fi-dropdown-list-item .fi-icon {
    width: 1rem;
    height: 1rem;
}

/* ---- Sidebar ------------------------------------------------------------ */

/* Group headings (Overview, CRM, Reports, …). */
.fi-sidebar-group-label {
    font-size: 0.9375rem; /* 15px */
}

/* Items under each group. */
.fi-sidebar-item-label {
    font-size: 0.8125rem; /* 13px */
}

.fi-sidebar-item-btn > .fi-icon {
    width: 1.125rem;
    height: 1.125rem;
}