/* Estilos específicos para o header do Backstage com cores da empresa CiclusRio */

/* Cores da empresa */
:root {
  --ciclusrio-primary: #12473F;    /* Pantone 3435C - Verde escuro */
  --ciclusrio-secondary: #6FC496;  /* Pantone 346C - Verde claro */
  --ciclusrio-accent: #036337;     /* Pantone 3425 - Verde médio escuro */
  --ciclusrio-highlight: #00B189;  /* Pantone 339C - Verde azulado */
}

/* Header principal */
.BackstageHeader-header-13726 {
  background: linear-gradient(135deg, var(--ciclusrio-primary) 0%, var(--ciclusrio-accent) 100%) !important;
  border-bottom: 3px solid var(--ciclusrio-highlight) !important;
  box-shadow: 0 2px 8px rgba(18, 71, 63, 0.2) !important;
}

/* Título do header */
.BackstageHeader-title-13729 {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Subtítulo do header */
.BackstageHeader-subtitle-13730 {
  color: var(--ciclusrio-secondary) !important;
  font-weight: 400 !important;
  opacity: 0.9 !important;
}

/* Container do header */
.BackstageHeader-leftItemsBox-13727 {
  background: transparent !important;
}

/* Estilos genéricos para qualquer header do Backstage */
[class*="BackstageHeader-header"] {
  background: linear-gradient(135deg, var(--ciclusrio-primary) 0%, var(--ciclusrio-accent) 100%) !important;
  border-bottom: 3px solid var(--ciclusrio-highlight) !important;
}

[class*="BackstageHeader-title"] {
  color: #ffffff !important;
  font-weight: 600 !important;
}

[class*="BackstageHeader-subtitle"] {
  color: var(--ciclusrio-secondary) !important;
  opacity: 0.9 !important;
}

/* Hover effects para elementos do header */
.BackstageHeader-header-13726:hover {
  box-shadow: 0 4px 12px rgba(18, 71, 63, 0.3) !important;
}

/* Espaçamento genérico para qualquer grid */
[class*="MuiGrid-root"] {
  margin: 0px !important;
  padding: 0px 0px 0px 10px !important;
}

/* Paths com classes específicas */
[class*="BackstageDependencyGraphEdge-path"] {
  stroke: var(--ciclusrio-primary) !important;
  stroke-width: 2px !important;
  fill: none !important;
}

/* ===== ESTILOS PARA BOTÕES - TEXTO BRANCO NO HOVER ===== */

/* Botões contained primary - manter texto branco no hover */
.MuiButton-containedPrimary:hover .MuiButton-label,
[class*="MuiButton-containedPrimary"]:hover [class*="MuiButton-label"] {
  color: #ffffff !important;
  transition: color 0.3s ease-in-out !important;
}

/* Botões contained - manter texto branco no hover */
.MuiButton-contained:hover .MuiButton-label,
[class*="MuiButton-contained"]:hover [class*="MuiButton-label"] {
  color: #ffffff !important;
  transition: color 0.3s ease-in-out !important;
}





/* ===== ESTILOS APENAS PARA HOVER DA SIDEBAR - CORES INVERTIDAS ===== */

/* Hover para itens da sidebar - APENAS no hover - CORES INVERTIDAS */
.BackstageSidebarItem-root:hover,
.BackstageSidebarItem-highlightable:hover,
[class*="BackstageSidebarItem-root"]:hover,
[class*="BackstageSidebarItem-highlightable"]:hover {
  background-color: #ffffff !important; /* Cor branca (cor atual do ícone/texto) */
  transition: background-color 0.3s ease-in-out !important;
}

/* Hover para botões da sidebar - APENAS no hover - CORES INVERTIDAS */
.BackstageSidebarItem-buttonItem:hover,
[class*="BackstageSidebarItem-buttonItem"]:hover {
  background-color: #ffffff !important; /* Cor branca (cor atual do ícone/texto) */
  transition: background-color 0.3s ease-in-out !important;
}

/* Hover para links da sidebar - APENAS no hover - CORES INVERTIDAS */
.BackstageSidebarItem-root[href]:hover,
[class*="BackstageSidebarItem-root"][href]:hover {
  background-color: #ffffff !important; /* Cor branca (cor atual do ícone/texto) */
  transition: background-color 0.3s ease-in-out !important;
}

/* Cores dos ícones APENAS no hover - CORES INVERTIDAS */
.BackstageSidebarItem-root:hover .MuiSvgIcon-root,
.BackstageSidebarItem-highlightable:hover .MuiSvgIcon-root,
[class*="BackstageSidebarItem-root"]:hover [class*="MuiSvgIcon-root"],
[class*="BackstageSidebarItem-highlightable"]:hover [class*="MuiSvgIcon-root"] {
  color: var(--ciclusrio-primary) !important; /* Cor verde escuro (cor atual do fundo) */
  transition: color 0.3s ease-in-out !important;
}

/* Cores do texto APENAS no hover - CORES INVERTIDAS */
.BackstageSidebarItem-root:hover .BackstageSidebarItem-label,
.BackstageSidebarItem-highlightable:hover .BackstageSidebarItem-label,
[class*="BackstageSidebarItem-root"]:hover [class*="BackstageSidebarItem-label"],
[class*="BackstageSidebarItem-highlightable"]:hover [class*="BackstageSidebarItem-label"] {
  color: var(--ciclusrio-primary) !important; /* Cor verde escuro (cor atual do fundo) */
  transition: color 0.3s ease-in-out !important;
}

.BackstageSidebarItem-selected:hover,
[class*="BackstageSidebarItem-selected"]:hover {
  background-color: var(--ciclusrio-highlight) !important;
  opacity: 0.9 !important;
}

/* Estilos para o container da sidebar - mantém a cor original */
.BackstageSidebar-drawer,
[class*="BackstageSidebar-drawer"] {
  background-color: var(--ciclusrio-primary) !important;
}

/* Estilos para o logo na sidebar - APENAS no hover */
.makeStyles-link:hover {
  background-color: transparent !important;
}

.makeStyles-link:hover .makeStyles-svg {
  filter: brightness(1.2) !important;
  transition: filter 0.3s ease-in-out !important;
}

/* Estilos para botões de ação na sidebar - APENAS no hover - CORES INVERTIDAS */
.BackstageSidebarItem-secondaryAction button:hover {
  background-color: #ffffff !important; /* Cor branca */
  color: var(--ciclusrio-primary) !important; /* Cor verde escuro */
  transition: all 0.3s ease-in-out !important;
}

/* Estilos para divisores na sidebar - mantém a cor original */
.BackstageSidebarDivider-root {
  background-color: var(--ciclusrio-accent) !important;
  opacity: 0.3 !important;
}

/* Estilos para espaços na sidebar - mantém transparente */
.BackstageSidebarSpace-root {
  background-color: transparent !important;
}

/* ===== ESTILOS GENÉRICOS PARA COMPATIBILIDADE - APENAS HOVER - CORES INVERTIDAS ===== */

/* Estilos genéricos para qualquer sidebar - APENAS no hover - CORES INVERTIDAS */
.MuiDrawer-paper [class*="MuiListItem-root"]:hover {
  background-color: #ffffff !important; /* Cor branca */
  transition: background-color 0.3s ease-in-out !important;
}

.MuiDrawer-paper [class*="MuiListItem-root"]:hover [class*="MuiListItemIcon-root"] {
  color: var(--ciclusrio-primary) !important; /* Cor verde escuro */
  transition: color 0.3s ease-in-out !important;
}

.MuiDrawer-paper [class*="MuiListItem-root"]:hover [class*="MuiListItemText-primary"] {
  color: var(--ciclusrio-primary) !important; /* Cor verde escuro */
  transition: color 0.3s ease-in-out !important;
}

/* Estilos para botões MUI na sidebar - APENAS no hover - CORES INVERTIDAS */
.MuiButton-root:hover {
  background-color: #ffffff !important; /* Cor branca */
  transition: background-color 0.3s ease-in-out !important;
}

.MuiButton-root:hover .MuiButton-label {
  color: var(--ciclusrio-primary) !important; /* Cor verde escuro */
  transition: color 0.3s ease-in-out !important;
} 


/* Header de cards com gradiente e borda personalizada */
.BackstageItemCardHeader-root-21305,
[class*="BackstageItemCardHeader-root"] {
  background: linear-gradient(135deg, var(--ciclusrio-primary) 0%, var(--ciclusrio-accent) 100%) !important;
  color: #fff !important;
  border-bottom: 2px solid var(--ciclusrio-highlight) !important;
} 

/* ===== BOTÃO DE MENU DO USUÁRIO (LOGOUT) ===== */
[data-testid="user-settings-menu"] {
  color: var(--ciclusrio-primary) !important;
  background: rgba(108, 196, 150, 0.1) !important;
  border: 1px solid var(--ciclusrio-accent) !important;
  border-radius: 4px !important;
  padding: 8px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  position: relative !important;
  left: -20px !important;
  margin-right: 20px !important;
}



/*# sourceMappingURL=main.42b25c20.css.map*/