/* Color system - Dark Mode only */
:root,
[data-bs-theme=light] {
  --abas-texto: #FFF;
  --abas-fundo: #005d92;
  --abas-fundo-normal: #fdfdfd;
  --texto-senhas: #000000;

  /* Senhas */
  --borda-senhas: solid 1px rgba(0, 0, 0, 0.1);
  --background-senhas: rgba(209, 209, 209, 0.123);

  /* Temporada */
  --borda-temporada: solid 1px rgba(0, 0, 0, 0.1);
  --background-temporada: rgba(209, 209, 209, 0.123);
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-secondary-bg-fundo-form: #00000094;
  --bs-secondary-bg-rgb-fundo-form: 28, 37, 46;
  --abas-texto: #ffffff;
  --abas-fundo: #013e61;
  --abas-fundo-normal: #00000028;
  --texto-senhas: #FFF;
  --fundo-paginacao: transparent;

  /* Senhas */
  --borda-senhas: solid 1px rgba(255, 255, 255, 0.5);
  --background-senhas: rgba(0, 0, 0, 0.267);

  /* Temporada */
  --borda-temporada: solid 1px rgba(255, 255, 255, 0.082);
  --background-temporada: rgba(0, 0, 0, 0.082);
}

.is-invalid {
  background-color: var(--bs-secondary-bg);
  border: 1px solid var(--bs-form-invalid-border-color);
  font-size: 0.875rem;
  border-radius: 0.35rem;
  color: var(--bs-body-color);
  margin-bottom: 10px;
}

.menu-personalizado {
  line-height: 30px !important;
}

.password-container {
  position: relative;
}

.password-container input {
  padding-right: 40px;
}

.eye-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 22px;
  height: 22px;
}

#senhaRequisitos {
  display: none;
  text-align: center;
  border: var(--borda-senhas);
  border-radius: 15px;
  padding: 30px;
  background: var(--background-senhas);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease-in-out;
}

#senhaRequisitos p {
  font-size: 14px;
  display: flex;
  align-items: center;
}

.icon {
  margin-right: 5px;
}

.valid {
  color: var(--texto-senhas) !important;
}

.invalid {
  color: var(--texto-senhas) !important;
}

.ocultosClass {
  background-color: var(--background-temporada);
  border: var(--borda-temporada);
  padding: 30px;
  border-radius: 15px
}