/* ============================================================
   CLIMÁTIKO
   MENU LATERAL - ENCORPADO LEVE
   APENAS VISUAL
============================================================ */


/* Todos os itens clicáveis já existentes */

.sidebar .nav-item,
.sidebar button,
.cc2-menu-root .nav-item,
.cc2-menu-root button,
.cc2-group-toggle,
.cadaux-toggle,
.cadaux-filhos .nav-item {

  box-sizing: border-box !important;

  border-radius: 6px !important;

  transition:
    background-color .12s ease,
    box-shadow .12s ease !important;
}


/* ============================================================
   GRUPOS PRINCIPAIS
============================================================ */

.cc2-group-toggle {

  min-height: 40px !important;

  margin:
    2px
    7px !important;

  width:
    calc(100% - 14px) !important;
}


/* ============================================================
   SUBMENUS
============================================================ */

.cc2-submenu > .nav-item,
.cadaux-toggle {

  min-height: 36px !important;

  margin:
    1px
    7px !important;

  width:
    calc(100% - 14px) !important;
}


/* ============================================================
   SEGUNDO NÍVEL
============================================================ */

.cadaux-filhos .nav-item {

  min-height: 35px !important;

  margin:
    1px
    7px !important;

  width:
    calc(100% - 14px) !important;
}


/* ============================================================
   HOVER
   bem mais claro que antes
============================================================ */

.cc2-group-toggle:hover,
.cc2-submenu > .nav-item:hover,
.cadaux-toggle:hover,
.cadaux-filhos .nav-item:hover {

  background-color:
    rgba(255,255,255,.055) !important;
}


/* ============================================================
   ITEM ATIVO
============================================================ */

.cc2-group-toggle.active,
.cc2-submenu > .nav-item.active,
.cadaux-toggle.active,
.cadaux-filhos .nav-item.active {

  background-color:
    rgba(255,255,255,.08) !important;

  box-shadow:
    inset 2px 0 0 rgba(255,255,255,.55) !important;
}


/* ============================================================
   NÃO ESCURECER GRUPO SÓ POR ESTAR ABERTO
============================================================ */

.cc2-group-toggle[aria-expanded="true"]:not(.active) {

  background-color:
    transparent !important;

  box-shadow:
    none !important;
}


/* ============================================================
   MANTÉM NOMES COMPLETOS
============================================================ */

.cc2-group-toggle,
.cc2-submenu > .nav-item,
.cadaux-toggle,
.cadaux-filhos .nav-item {

  white-space:
    nowrap !important;

  text-overflow:
    clip !important;
}


/* ============================================================
   NÃO ALTERA PAINEL GERAL
============================================================ */

.sidebar .nav-item[data-page="dashboard"] {

  /* mantém exatamente o estilo atual */

}