/* ============================================================
   Diferenciação de cores entre menu principal e submenus
   ============================================================ */

/* --- Menu principal (itens de nível 1) --- */
.app-sidebar .main-menu > li > .side-menu__item {
    color: #3d5280;
}
.app-sidebar .main-menu > li > .side-menu__item .side-menu__label {
    color: #3d5280;
    font-weight: 600;
}
.app-sidebar .main-menu > li > .side-menu__item .side-menu__icon {
    color: #3d5280;
    fill: #3d5280;
}
.app-sidebar .main-menu > li > .side-menu__item .side-menu__angle {
    color: #3d5280;
}
.app-sidebar .main-menu > li > .side-menu__item:hover,
.app-sidebar .main-menu > li > .side-menu__item.active {
    color: #3d5280;
}
.app-sidebar .main-menu > li > .side-menu__item:hover .side-menu__label,
.app-sidebar .main-menu > li > .side-menu__item.active .side-menu__label,
.app-sidebar .main-menu > li > .side-menu__item:hover .side-menu__icon,
.app-sidebar .main-menu > li > .side-menu__item.active .side-menu__icon,
.app-sidebar .main-menu > li > .side-menu__item:hover .side-menu__angle,
.app-sidebar .main-menu > li > .side-menu__item.active .side-menu__angle {
    color: #3d5280;
    fill: #3d5280;
}

/* --- Submenus (child1, child2, child3) --- */
.app-sidebar .slide-menu.child1 .side-menu__item,
.app-sidebar .slide-menu.child2 .side-menu__item,
.app-sidebar .slide-menu.child3 .side-menu__item {
    color: #8394b0;
}
.app-sidebar .slide-menu.child1 .side-menu__item .side-menu__label,
.app-sidebar .slide-menu.child2 .side-menu__item .side-menu__label,
.app-sidebar .slide-menu.child3 .side-menu__item .side-menu__label {
    color: #8394b0;
    font-weight: 400;
}
.app-sidebar .slide-menu.child1 .side-menu__item:before,
.app-sidebar .slide-menu.child2 .side-menu__item:before,
.app-sidebar .slide-menu.child3 .side-menu__item:before {
    border-color: #8394b0;
}
.app-sidebar .slide-menu.child1 .side-menu__item:hover,
.app-sidebar .slide-menu.child2 .side-menu__item:hover,
.app-sidebar .slide-menu.child3 .side-menu__item:hover {
    color: #3d5280;
}
.app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__label,
.app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__label,
.app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__label {
    color: #3d5280;
}
.app-sidebar .slide-menu.child1 .side-menu__item.active,
.app-sidebar .slide-menu.child2 .side-menu__item.active,
.app-sidebar .slide-menu.child3 .side-menu__item.active {
    color: #3d5280;
}
.app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__label,
.app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__label,
.app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__label {
    color: #3d5280;
}

/* --- Dark mode --- */
[data-theme-mode="dark"] .app-sidebar .main-menu > li > .side-menu__item,
[data-theme-mode="dark"] .app-sidebar .main-menu > li > .side-menu__item .side-menu__label,
[data-theme-mode="dark"] .app-sidebar .main-menu > li > .side-menu__item .side-menu__icon,
[data-theme-mode="dark"] .app-sidebar .main-menu > li > .side-menu__item .side-menu__angle {
    color: rgba(255, 255, 255, 0.85);
    fill: rgba(255, 255, 255, 0.85);
}
[data-theme-mode="dark"] .app-sidebar .slide-menu.child1 .side-menu__item,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child2 .side-menu__item,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child3 .side-menu__item,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child1 .side-menu__item .side-menu__label,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child2 .side-menu__item .side-menu__label,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child3 .side-menu__item .side-menu__label {
    color: rgba(255, 255, 255, 0.45);
}
[data-theme-mode="dark"] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__label,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__label,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__label,
[data-theme-mode="dark"] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__label {
    color: rgba(255, 255, 255, 0.85);
}