.nav .dropdown-item:hover {
  text-decoration: underline;
  color: white;
}

.nav .dropdown-item[aria-selected='true'] {
  font-weight: bold;
}

.nav .dropdown-item[aria-selected='true'] {
  font-weight: bold;
}

.nav .dropdown-item {
  color: white;
}


.nav-pills .nav-item:hover {
  text-decoration: underline;
  color:  var(--bs-primary);
}

.card_painel:hover, .card:has(.value-box-area):hover {
    transform: scale(1.05);
}

.selectize-dropdown-content {
   color: white;
}

.selectize-dropdown-content .option:hover {
  text-decoration: underline;
  color: white;
  font-weight: bold;  
}

.dicas_IA, .instrucoes_uso_ia {
  font-weight: bold; 
}


.tab-content:has([data-value='Monitoramento']) {
  margin-top: -0.9%;
  /*margin-left: -0.9%;*/
}

.modebar {
  display: none
}

.card-stack-horizontal {
  position: relative;
  width: 100%;
  height: 100px;
  margin: 1rem 0;
  overflow-x: visible;
}

.card-horizontal {
  position: absolute;
  width: 33%;
  height: 100%;
  border-radius: 5%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  padding: 1rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 10;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Card 1: fundo secundário, texto branco */
.card1 {
  background-color: var(--bs-secondary);
  color: white;
  left: 0%;
  z-index: 1;
}

/* Card 2: fundo primário, texto branco */
.card2 {
  background-color: var(--bs-primary);
  color: white;
  left: calc(33%);
  z-index: 2;
}

/* Card 3: fundo claro, texto preto */
.card3 {
  background-color: var(--bs-light);
  color: black;
  left: calc(80% - 20%);
  z-index: 3;
}

/* Hover opcional */
.card-horizontal:hover {
  transform: scale(1.05);
  z-index: 4;
}