/* Sidebar clara e minimalista — sobrepõe o tema padrão sem tocar no build
   principal (style.min.css), pra não depender de recompilar o SCSS.
   Ver resources/sass/sidebar.scss pro estilo original.
   Objetivo: o mínimo de linhas/bordas possível, espaçamento enxuto. */

.geex-sidebar {
    width: 250px;
    border-right: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Cabeçalho / logo — mantém o fundo escuro original (dá destaque ao logo),
   sem a linha divisória embaixo */
.geex-sidebar .sidebar-head {
    padding: 1rem 1.1rem !important;
    border-bottom: none !important;
}

/* Busca */
.geex-sidebar .sidebar-search-wrap {
    padding: 0.6rem 1rem 0.4rem !important;
}
.geex-sidebar #sidebar-search {
    background-color: #f5f5f7;
    border: none !important;
    height: 34px;
    font-size: 12.5px;
}
.geex-sidebar #sidebar-search:focus {
    background-color: #eeeeef;
    box-shadow: none;
}

.geex-sidebar .sidebar-menu {
    padding: 0.25rem 0.6rem !important;
}

/* Rótulos de seção — bem discretos, sem linha nenhuma */
.geex-sidebar .sidebar-section-toggle {
    padding: 0.7rem 0.4rem 0.25rem !important;
}
.geex-sidebar .sidebar-section-toggle span {
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    color: #a8a8b0 !important;
}
.geex-sidebar .sidebar-chevron {
    font-size: 13px !important;
    color: #c4c4cc !important;
}

/* Elimina qualquer linha/borda residual do tema dentro do menu e do rodapé */
.geex-sidebar .sidebar-menu .menu-title,
.geex-sidebar .sidebar-footer {
    border: none !important;
}

/* Itens de menu — sem borda, só espaçamento e cor pra diferenciar */
.geex-sidebar .menu-item {
    margin-bottom: 0 !important;
}
.geex-sidebar .menu-item > a {
    padding: 0.4rem 0.65rem !important;
    margin: 0 !important;
    border-radius: 7px !important;
    font-size: 13.5px;
    color: #4b4b57;
    font-weight: 450;
}
.geex-sidebar .menu-item > a i {
    font-size: 1rem !important;
    opacity: 0.5 !important;
    color: #6b6b76;
    margin-right: 10px !important;
}
.geex-sidebar .menu-item > a:hover {
    background-color: #f5f5f7 !important;
    color: #1a1a1f !important;
}
.geex-sidebar .menu-item > a:hover i {
    opacity: 0.8 !important;
    color: #1a1a1f;
}

/* Item ativo — só cor + fundo bem leve, sem barrinha lateral (menos um traço) */
.geex-sidebar .menu-item.active > a {
    background-color: rgba(var(--primary-rgb), 0.07) !important;
    color: var(--primary) !important;
    font-weight: 600 !important;
}
.geex-sidebar .menu-item.active > a i {
    opacity: 1 !important;
    color: var(--primary) !important;
}
.geex-sidebar .menu-item.active > a:before {
    content: none !important;
}

/* "Voltar ao Admin" — texto vermelho discreto, sem caixa/borda nenhuma */
.geex-sidebar .menu-item.bg-danger-light {
    background-color: transparent !important;
    border: none !important;
}
.geex-sidebar .menu-item.bg-danger-light > a {
    padding: 0.4rem 0.65rem !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.geex-sidebar .menu-item.bg-danger-light > a:hover {
    background-color: rgba(220, 53, 69, 0.06) !important;
}

/* Favoritos e submenus herdam a mesma tipografia mais leve */
.geex-sidebar .sub-menu li a {
    font-size: 12.5px !important;
    color: #6b6b76 !important;
}