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

/* --- Títulos das seções do menu (DASHBOARD, CADASTRO, etc.) --- */
.app-sidebar .slide__category {
    font-size: 0.7rem !important;
    opacity: 1 !important;
    color: #7eb8f7 !important;
    font-weight: 700 !important;
    letter-spacing: 0.08rem !important;
}

/* --- 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);
}

/* ZapChat - nomes dos clientes na coluna esquerda */
.zc-conv-name {
    font-size: 10px !important;
}

/* ── Barra de rolagem do menu lateral ─────────────────────────────── */
.sidebar-inner-scroll {
    height: calc(100vh - 3.75rem);
    overflow-y: auto;
    overflow-x: hidden;
}
.sidebar-inner-scroll::-webkit-scrollbar {
    width: 5px;
}
.sidebar-inner-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar-inner-scroll::-webkit-scrollbar-thumb {
    background: rgba(100, 100, 100, 0.4);
    border-radius: 4px;
}
[data-theme-mode="dark"] .sidebar-inner-scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
}