/*
  Definição da paleta de cores do sistema para referência.
  Idealmente, estas variáveis estariam definidas em :root no seu CSS principal.
*/
:root {
    --background: #FBFBF8;
    --primary: #4A5548; /* Verde escuro principal */
    --primary-hover: #3E483B; /* Tom mais escurto para hover */
    --secondary: #f5f5f5; /* Cinza claro para hover (substituindo o #eee) */
    --border: #E0E0E0; /* Cor da borda padrão */
    --text-light: #FFFFFF; /* Cor do texto para fundos escuros */
}

/* --- Início do CSS Adaptado --- */

.ListGroupInput {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff; /* Fundo branco padrão para o item */
  border: 1px solid var(--border, #E0E0E0); /* Borda com a cor padrão do sistema */
  font-size: 16px;
  padding: 0px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.2s; /* Adicionado para uma transição suave */
}

.ListGroupInput:hover {
  background-color: var(--secondary, #f5f5f5); /* Cor de hover mais suave */
}

.ListGroupInput.active {
  background-color: var(--primary, #4A5548); /* Cor primária para o item ativo */
  border-color: var(--primary-hover, #3E483B); /* Borda mais escura no item ativo */
  color: var(--text-light, #FFFFFF); /* Texto branco para garantir a legibilidade */
  box-shadow: inset -1px -1px 0 0 rgba(255, 255, 255, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

/* Adicionado para sobrescrever o estilo do _badge.scss quando o item está ativo */
.ListGroupInput.active .Badge {
  background-color: rgba(255, 255, 255, 0.9) !important; /* Fundo branco para destaque */
  color: var(--primary-hover, #3E483B) !important; /* Cor do texto escura para contraste */
}

.ListGroupInput.active:hover {
  background-color: var(--primary-hover, #3E483B); /* Cor de hover mais escura no item ativo */
}

.ListGroupInput[onClick] {
  cursor: pointer;
}

.ListGroupInput .Text {
  padding: 7px 10px; /* Adicionado um pouco mais de padding horizontal */
}

.ListGroupInput input[type=text] {
  padding: 7px 10px !important;
  border-radius: 0;
  display: none;
  border: 0;
  height: auto;
}

.ListGroupInput input[type=text]:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ListGroupInput .Button {
  height: 100%;
  position: absolute;
  right: -45px;
  bottom: 0px;
  border: 0;
  transition: 0.4s;
}

.ListGroupInput .Badge {
  margin-right: 7px;
}