/* ===== LOGIN – Correção de contraste ===== */

.card {
  background-color: #ffffff;
}

.card h3,
.card p,
.card label {
  color: #212529;
}

.card input {
  background-color: #ffffff;
  color: #212529;
}

.card input::placeholder {
  color: #6c757d;
}

.login-link-muted {
  color: #6c757d !important;
  text-decoration: none;
}

.login-link-muted:hover {
  color: var(--accent-color);
  text-decoration: underline;
}

/* Links específicos da tela de login */
.login-page a {
  color: #6c757d;
  text-decoration: none;
  transition: color 0.2s ease;
}

.login-page a:hover {
  color: var(--accent-color);
  text-decoration: underline;
}

/* Reveal password */

.password-wrapper {
  position: relative;
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);

  background: transparent;
  border: none;
  padding: 0;

  color: #6c757d;
  cursor: pointer;
}

.password-toggle:hover {
  color: var(--accent-color);
}