span {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.simplebar-content-wrapper {
    background-color: #fff;
}

aside {
    border: none !important;
}

nav {
    background-color: #fff;

    ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    a {
        transition: background-color 0.2s ease;
    }


    a:hover {
        background-color: #f3f4f6 !important;

        span, i {
            color: #155dfc !important;
        }

    }
}

.main-sidebar-header {
    background-color: #fff !important;
}

.side-menu__item.disabled {
    /*pointer-events: none; !* блокує кліки *!*/
    opacity: 0.3; /* робить кнопку напівпрозорою */
    cursor: not-allowed; /* курсор "заборонено" */
    filter: grayscale(100%); /* приглушені кольори */
}

.side-menu__item.disabled:hover {
    opacity: 0.6;
}


[data-theme-mode=dark] {
    nav,
    .main-sidebar-header,
    .simplebar-content-wrapper {
        background-color: #1a1c1e !important;
        transition: background-color 1s ease !important;
    }
}