/* ========= CORES PADRÃO ========= */
:root {
  --ff-green: #33E4C3;   /* Verde corporativo */
  --ff-text: #2f3542;    /* Cinza escuro para texto */
}

/* ========= HEADER E PAGEHEADER ========= */
.headerbar,
.pageheader {
  background-color: #ffffff !important;  /* fundo branco */
  color: var(--ff-text) !important;
  border-bottom: 1px solid #ddd !important;
}

/* Breadcrumbs */
.pageheader .breadcrumb li a,
.pageheader .breadcrumb li {
  color: var(--ff-text) !important;
}

/* ========= MENU LATERAL (LEFTPANEL) ========= */
.leftpanel,
.leftpanel .sidebar,
.leftpanel .sidebar-inner {
  background: #ffffff !important; /* fundo branco */
}

/* Texto e ícones do menu */
.leftpanel .nav > li > a,
.leftpanel .nav > li > a i,
.leftpanel .nav > li > a .fa {
  color: var(--ff-text) !important;
}

/* Submenus também brancos */
.leftpanel .nav .children,
.leftpanel .nav .children li a {
  background: #ffffff !important;
  color: var(--ff-text) !important;
}

/* ========= HOVER & ATIVO ========= */
/* Hover no menu principal */
.leftpanel .nav > li > a:hover,
.leftpanel .nav > li > a:focus,
.leftpanel .nav > li.open > a {
  background: var(--ff-green) !important;
  color: #ffffff !important;
}

/* Item ativo */
.leftpanel .nav > li.active > a {
  background: var(--ff-green) !important;
  color: #ffffff !important;
}

/* Hover em submenus */
.leftpanel .nav .children li a:hover,
.leftpanel .nav .children li.active > a {
  background: #2ac7ad !important; /* versão um pouco mais escura de #33E4C3 */
  color: #ffffff !important;
}

/* ========= AJUSTES EXTRAS ========= */
/* Badges (Novidade) */
.leftpanel .nav li a .badge,
.leftpanel .nav li a .label {
  color: #ffffff !important;
  background: rgba(0,0,0,0.25) !importan