/* Reduce gap between navigation groups */
.fi-sidebar-nav-groups {
    gap: calc(var(--spacing) * 3) !important;
}

/* Make group headers look like regular menu items */
.fi-sidebar-group-btn {
    border-radius: var(--radius-lg);
    transition: background-color 75ms;
}

.fi-sidebar-group-btn:hover {
    background-color: rgb(243 244 246); /* gray-100 */
}

:is(.dark .fi-sidebar-group-btn:hover) {
    background-color: rgb(255 255 255 / 0.05); /* white/5 */
}

.fi-sidebar-group-label {
    color: var(--color-gray-700) !important;
}

:is(.dark .fi-sidebar-group-label) {
    color: var(--color-gray-200) !important;
}

/* Bottom pinned link (Settings / Back to Dashboard) */
.fi-sidebar-bottom-link {
    padding-top: calc(var(--spacing) * 4);
    border-top: 1px solid var(--color-gray-200);
    margin-left: calc(var(--spacing) * -2);
    margin-right: calc(var(--spacing) * -2);
}

:is(.dark .fi-sidebar-bottom-link) {
    border-top-color: rgb(255 255 255 / 0.1);
}

.fi-sidebar-bottom-link .fi-sidebar-item-btn {
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 2);
}

.fi-sidebar-bottom-link .fi-sidebar-item-btn:hover {
    background-color: rgb(243 244 246);
}

:is(.dark .fi-sidebar-bottom-link .fi-sidebar-item-btn:hover) {
    background-color: rgb(255 255 255 / 0.05);
}