.fi-sidebar-nav-groups { row-gap: 1.1rem; }
    .fi-sidebar-group { row-gap: .15rem; }
    .fi-sidebar-group-items { row-gap: .1rem; }

    /* area names */
    .fi-sidebar-group-btn { padding: .1rem .55rem .2rem; column-gap: .5rem; }
    .fi-sidebar-group-label { font-size: .6875rem; line-height: 1.25rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--gray-500); }
    .dark .fi-sidebar-group-label { color: var(--gray-500); }
    .fi-sidebar-group-btn .fi-icon-btn { width: 1.5rem; height: 1.5rem; margin-block: -.15rem; }
    .fi-sidebar-group-btn .fi-icon-btn .fi-icon { width: 1rem; height: 1rem; }
    .fi-sidebar-group.fi-collapsible > .fi-sidebar-group-btn { border-radius: var(--dui-radius-control, .45rem); }
    .fi-sidebar-group.fi-collapsible > .fi-sidebar-group-btn:hover .fi-sidebar-group-label { color: var(--gray-700); }
    .dark .fi-sidebar-group.fi-collapsible > .fi-sidebar-group-btn:hover .fi-sidebar-group-label { color: var(--gray-300); }

    /* entries */
    .fi-sidebar-item-btn { padding: .45rem .6rem; column-gap: .6rem; border-radius: var(--dui-radius-control, .55rem); }
    .fi-sidebar-item-btn > .fi-icon { width: 1.15rem; height: 1.15rem; color: var(--gray-500); opacity: .9; }
    .dark .fi-sidebar-item-btn > .fi-icon { color: var(--gray-400); }
    .fi-sidebar-item-label { font-size: .8438rem; font-weight: 500; color: var(--gray-700); line-height: 1.25rem; }
    .dark .fi-sidebar-item-label { color: var(--gray-300); }
    .fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover { background-color: rgb(0 0 0 / .045); }
    .dark .fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover { background-color: rgb(255 255 255 / .05); }
    .fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover .fi-sidebar-item-label { color: var(--gray-900); }
    .dark .fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover .fi-sidebar-item-label { color: var(--gray-100); }

    /* the current page */
    .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
    .dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background-color: color-mix(in oklab, var(--primary-500) 11%, transparent); }
    .fi-sidebar-item.fi-active > .fi-sidebar-item-btn:hover { background-color: color-mix(in oklab, var(--primary-500) 15%, transparent) !important; }
    .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
    .fi-sidebar-item.fi-active > .fi-sidebar-item-btn:hover > .fi-sidebar-item-label { color: var(--primary-700); font-weight: 600; }
    .dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label { color: var(--primary-300); }
    .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon { color: var(--primary-600); opacity: 1; }
    .dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon { color: var(--primary-400); }

    /* entries below an entry (sub pages): a lighter line, the dot of the current one in the primary colour */
    .fi-sidebar-sub-group-items { row-gap: .05rem; }
    .fi-sidebar-sub-group-items .fi-sidebar-item-label { font-size: .8125rem; }
    .fi-sidebar-item-grouped-border-part-not-first, .fi-sidebar-item-grouped-border-part-not-last { background-color: var(--gray-200); }
    .dark .fi-sidebar-item-grouped-border-part-not-first, .dark .fi-sidebar-item-grouped-border-part-not-last { background-color: var(--gray-700); }

    /* counters on the right */
    .fi-sidebar-item-badge-ctn .fi-badge { min-width: 1.35rem; justify-content: center; padding-block: .05rem; font-size: .6875rem; border-radius: 999px; }

    /* areas that are one entry (Contacts, Documents, Reports): no area name; two of them in a row sit together */
    .fi-sidebar-nav-groups > .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn)) + .fi-sidebar-group:not(:has(> .fi-sidebar-group-btn)) { margin-top: -1rem; }

    /* the area of the current page: its name a step darker */
    .fi-sidebar-group.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-label { color: var(--gray-800); }
    .dark .fi-sidebar-group.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-label { color: var(--gray-200); }

    /* the collapsed sidebar (icons only) keeps a square, centred pill */
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-btn { padding: .55rem; }
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-trigger-btn { padding: .55rem; border-radius: var(--dui-radius-control, .55rem); }