/*
Stylesheet loaded by unfold, you can add custom styles here. This file is not used by any other part of the system, so you can safely edit it without worrying about breaking anything else.
*/

/* Sidebar: visible separator + gap between app modules */
.dark #nav-sidebar-apps .module > ol {
    border-top: 1px solid var(--color-base-800);
}

#nav-sidebar-apps .module > ol {
    border-top: 1px solid var(--color-base-200);
}

#nav-sidebar-apps .module {
    margin-bottom: 1.5rem;
}

.dark #nav-sidebar-apps .module > ol > li > ol > li > a:hover {
    background-color: var(--color-base-800);
}

#nav-sidebar-apps .module > ol > li > ol > li > a:hover {
    background-color: var(--color-primary-100);
}

/* Sidebar: module header as highlighted label */
#nav-sidebar-apps h2 a {
    display: flex;
    align-items: center;
    background-color: var(--color-primary-200);
    color: var(--color-base-600);
    border-radius: var(--border-radius, 6px);
    height: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 3);
    margin-inline: calc(var(--spacing) * -3);
}

.dark #nav-sidebar-apps h2 a {
    background-color: var(--color-base-800);
    color: var(--color-base-300);
}