/* Gradient tła identyczny jak na stronie logowania */
.gradient-custom-2 {
  /* fallback for old browsers */
  background: #fccb90;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(
    to right,
    #111111,
    #5c1d4e,
    #792c78,
    #df0e9a
  );
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, #111111, #5c1d4e, #792c78, #df0e9a);
}

/* Usunięcie border z kart Bootstrap */
.card {
  border: none !important;
}

/* Logo styling identyczny jak na stronie logowania */
.loginLogo {
  height: auto;
  width: 10%;
  margin: auto;
}

/* Przyciski w stylu strony logowania */
.btn-reset,
.btn-confirm-reset {
  border: none;
  border-radius: 0.375rem;
  background: var(--main-light-color);
  color: var(--main-white);
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.btn-reset:hover,
.btn-confirm-reset:hover {
  opacity: 0.9;
}

.btn-reset:focus,
.btn-confirm-reset:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--main-light-color);
  background: var(--main-dark-color);
}

/* Linki pomocnicze w kolorze głównym */
.btn-back-to-login {
  color: var(--main-light-color);
}

.btn-back-to-login:hover {
  opacity: 0.9;
}

.btn-back-to-login:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--main-light-color);
}

/* Pola formularza z focus/hover w stylu logowania */
.form-control:focus,
.form-control:hover {
  outline: none;
  box-shadow: 0 0 0 2px var(--main-light-color);
}

/* Responsywne szerokości okien */
@media (min-width: 576px) {
  .reset-form {
    min-width: 450px;
  }
}

@media (max-width: 576.98px) {
  .reset-password-window,
  .change-password-window,
  .reset-form {
    width: 90%;
  }
}

/* Wymagania hasła z zachowaniem czytelności */
.password_requirements {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
  color: var(--main-light-color);
}

/* Przycisk potwierdzenia resetu */
.btn-confirm-reset {
  border: none;
  border-radius: 0.375rem;
  background: var(--main-light-color);
  color: var(--main-white);
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.btn-confirm-reset:hover {
  opacity: 0.9;
}

.btn-confirm-reset:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--main-light-color);
  background: var(--main-dark-color);
}