/* ============================================================
   ESTRUTURA DO MENU
============================================================ */

.cc2-menu-root{
  width:100%;

  display:flex;

  flex-direction:column;
}


.cc2-section-title{
  padding:
    18px 18px
    7px;

  color:
    rgba(255,255,255,.58);

  font-size:9px;

  font-weight:800;

  letter-spacing:.12em;
}


.cc2-section-title.cc2-operacional{
  margin-top:7px;
}


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

.cc2-menu-group{
  width:100%;
}


.cc2-group-toggle{
  width:100%;

  min-height:42px;

  display:flex;

  align-items:center;

  gap:10px;

  padding:
    8px 16px;

  border:0;

  border-radius:0;

  background:transparent;

  color:#fff;

  font-family:inherit;

  font-size:12px;

  font-weight:700;

  text-align:left;

  cursor:pointer;
}


.cc2-group-toggle:hover{
  background:
    rgba(255,255,255,.08);
}


.cc2-group-icon{
  width:20px;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:12px;
}


.cc2-group-title{
  flex:1;
}


.cc2-group-arrow{
  font-size:10px;

  opacity:.9;
}


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

.cc2-submenu{
  margin-left:18px;

  border-left:
    1px solid
    rgba(255,255,255,.16);
}


.cc2-submenu.fechado{
  display:none !important;
}


.cc2-submenu .nav-item{
  min-height:34px !important;

  padding:
    7px 12px 7px 19px !important;

  margin:0 !important;

  border-radius:0 !important;

  background:transparent;

  font-size:10px !important;
}


.cc2-submenu .nav-item:hover{
  background:
    rgba(255,255,255,.07);
}


.cc2-child-line{
  opacity:.45;

  margin-right:4px;
}


/* ============================================================
   FINANCEIRO
============================================================ */

.cc2-financeiro-wrap{
  width:100%;
}


.cc2-financeiro-wrap
.nav-item[data-page="financeiro"]{
  width:100%;
}


/*
  Mantém o submenu Financeiro exatamente
  como já estava funcionando.
*/

.cc2-financeiro-wrap
#financeiroSubmenuClimatiko{
  width:100%;
}


/* ============================================================
   LEGADO
============================================================ */

.cc2-legacy-hidden{
  display:none !important;
}


/* ============================================================
   PAGINAS TEMPORARIAS
============================================================ */

.cc2-empty-state{
  min-height:360px;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  padding:40px;

  background:#fff;

  border:
    1px solid #dfe5ec;

  border-radius:8px;

  text-align:center;
}


.cc2-empty-icon{
  width:48px;

  height:48px;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-bottom:12px;

  border-radius:8px;

  background:#eef3f8;

  color:#173552;

  font-size:20px;
}


.cc2-empty-state h2{
  margin:
    0 0
    6px;

  color:#172033;

  font-size:17px;
}


.cc2-empty-state > p{
  margin:0;

  color:#667085;

  font-size:10px;
}


.cc2-empty-info{
  max-width:430px;

  margin-top:18px;

  padding:
    10px 14px;

  border-radius:6px;

  background:#f8fafc;

  color:#7b8794;

  font-size:9px;

  line-height:1.6;
}



/* ============================================================
   SUBMENU LIMPO - SEM APARENCIA DE PLANILHA / ARVORE
============================================================ */

.cc2-submenu{
  margin-left:0 !important;

  padding-left:0 !important;

  border-left:0 !important;
}


.cc2-submenu .nav-item{
  padding-left:45px !important;

  border-left:0 !important;
}


.cc2-child-line{
  display:none !important;
}


/*
  também remove linhas de qualquer submenu antigo
  que tenha sobrado no Financeiro.
*/

.cc2-menu-root::before,
.cc2-menu-root::after,
.cc2-submenu::before,
.cc2-submenu::after{
  display:none !important;
}



/* ============================================================
   MENU RECOLHIDO - CENTRALIZAÇÃO PROFISSIONAL
============================================================ */

.cc2-sidebar-recolhida{
  width:100%;
}


/*
  Esconde títulos de seção.
*/

.cc2-sidebar-recolhida
.cc2-section-title{
  display:none !important;
}


/*
  Cada grupo vira somente um botão central.
*/

.cc2-sidebar-recolhida
.cc2-group-toggle{
  width:100% !important;

  min-height:48px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  padding:0 !important;

  margin:0 !important;

  gap:0 !important;

  text-align:center !important;
}


/*
  Ícone centralizado.
*/

.cc2-sidebar-recolhida
.cc2-group-icon{
  width:40px !important;

  min-width:40px !important;

  height:40px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  margin:0 auto !important;

  padding:0 !important;

  font-size:15px !important;
}


/*
  Nome e seta desaparecem.
*/

.cc2-sidebar-recolhida
.cc2-group-title,
.cc2-sidebar-recolhida
.cc2-group-arrow{
  display:none !important;
}


/*
  Nenhum submenu pode ficar solto na barra pequena.
*/

.cc2-sidebar-recolhida
.cc2-submenu{
  display:none !important;
}


/* ============================================================
   FINANCEIRO NO MODO RECOLHIDO
============================================================ */

.cc2-sidebar-recolhida
.cc2-financeiro-wrap{
  width:100% !important;
}


.cc2-sidebar-recolhida
.cc2-financeiro-wrap
.nav-item[data-page="financeiro"]{
  min-height:48px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  padding-left:0 !important;

  padding-right:0 !important;

  margin-left:0 !important;

  margin-right:0 !important;
}


.cc2-sidebar-recolhida
#financeiroSubmenuClimatiko{
  display:none !important;
}


/* ============================================================
   PAINEL GERAL QUANDO A BARRA ESTIVER PEQUENA
============================================================ */

.cc2-sidebar-container-recolhido
.nav-item[data-page="dashboard"]{
  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  min-height:48px !important;

  padding-left:0 !important;

  padding-right:0 !important;
}


/*
  Evita sobras de indentação.
*/

.cc2-sidebar-recolhida *,
.cc2-sidebar-recolhida *::before,
.cc2-sidebar-recolhida *::after{
  box-sizing:border-box;
}



/* ============================================================
   CORRECAO GLOBAL DOS SUBMENUS
============================================================ */

.cc2-submenu .nav-item,
.cc2-submenu .nav-item *,
.cc2-child,
.cc2-child *,
.cc2-submenu button,
.cc2-submenu button *{

  color:#ffffff !important;

}


.cc2-submenu .nav-item{

  opacity:.92;

}


.cc2-submenu .nav-item:hover,
.cc2-submenu .nav-item:hover *{

  color:#ffffff !important;

  opacity:1;

}


.cc2-submenu .nav-item.active,
.cc2-submenu .nav-item.active *{

  color:#ffffff !important;

}


/*
  Corrige itens antigos que tinham cor própria.
*/

.cc2-menu-root
.nav-item[data-page]{

  color:#ffffff !important;

}


.cc2-menu-root
.nav-item[data-page] span{

  color:inherit !important;

}


/*
  Impede textos quase pretos nos filhos.
*/

.cc2-submenu a,
.cc2-submenu label,
.cc2-submenu p,
.cc2-submenu strong{

  color:#ffffff !important;

}