/* ================================================================
   MODERNIZAÇÃO DA BARRA LATERAL (SIDEBAR)
   Aplicado globalmente para _Layout, _LayoutAdmin e _LayoutSuporte
   ================================================================ */

/* Sidebar Esquerda */
.left-sidebar {
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.04) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.sidebar-nav ul li a {
    color: #475569 !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    margin: 4px 12px !important;
    padding: 10px 14px !important;
    transition: background 0.25s ease, color 0.25s ease !important;
}

.sidebar-nav ul li a i {
    color: #64748b !important;
    font-size: 18px !important;
    margin-right: 12px !important;
    transition: transform 0.2s ease, color 0.25s ease !important;
}

.sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active {
    /* Removido as cores fixas para herdar o tema do usuário (themecolors) */
}

.sidebar-nav ul li a:hover i,
.sidebar-nav ul li a.active i {
    transform: scale(1.15);
}

/* Permitir que o tema preencha o fundo ao invés de forçar o azul */
.sidebar-nav > ul > li > a.active,
.sidebar-nav > ul > li > a.active:hover {
    /* Mantém vazio para a classe .skin-X aplicar a cor correta dinamicamente */
}