/* ================================================================= */
/*         Estilos para a página de request de reset de senha        */
/* ================================================================= */

/* Centralização e estilização geral */
.reset-password-request-form {
    max-width: 80rem;  /* Define uma largura máxima mais adequada para o formulário */
    margin: 0 auto;  /* Centraliza o formulário na página */
    padding-top: 10rem;  /* Espaçamento superior */
}

.reset-password-request-form-title {
    text-align: center;
    font-weight: bold;
    font-size: 8rem;
    margin: 7rem;
}

.reset-password-request-form-label {
    font-size: 5rem;
    font-weight: 600;
    color: #333;
}

.reset-password-request-form-input {
    width: 100%;  /* Garante que o campo de entrada ocupe a largura do contêiner */
    max-width: 100%;  /* Impede que o campo de entrada ultrapasse os limites do contêiner */
    margin-top: 2rem;
    padding: 3rem;  /* Ajusta o preenchimento interno */
    border-radius: 1rem;
    border: 1px solid #d1d9e0;
    font-size: 4rem;  /* Define um tamanho de fonte apropriado */
}

.reset-password-request-feedback-message {
    color: #ff4d4d;
    font-size: 3rem;
    text-align: center;
    margin: 2rem;
}

.forgot-username-link {
    color: #007bff;
    display: block;
    text-align: center !important;
    text-decoration: none;
    font-size: 3rem;
    margin: 3rem;
}

.forgot-username-link:hover {
    text-decoration: underline;
}

/* Estilização do botão */
#reset-password-request-button {
    width: 100%;
    font-size: 4rem;
    padding: 10px;
    font-weight: bold;
    background-color: var(--button-background-primary);
    color: var(--button-color);
    border-radius: 1rem;
    border: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

#reset-password-request-button:hover {
    background-color: #357ab8;
    transform: translateY(-1rem);
}

/* Mensagem geral de feedback (sucesso/erro) */
.reset-password-general-feedback-message {
    text-align: center; /* Centraliza o texto */
    font-size: 4rem; /* Tamanho da fonte maior */
    font-weight: bold; /* Deixa o texto mais destacado */
    color: #ffffff; /* Cor do texto */
    background-color: #4CAF50; /* Cor de fundo verde para sucesso */
    max-width: 100rem; /* Limita a largura para manter a mensagem compacta */
    padding: 4rem 5rem; /* Adiciona espaço interno */
    margin-top: 5rem; /* Espaçamento acima da mensagem */
    margin-left: auto; /* Centraliza horizontalmente */
    margin-right: auto; /* Centraliza horizontalmente */
    border-radius: 2rem; /* Bordas arredondadas */
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1); /* Adiciona uma leve sombra */
    opacity: 0; /* Oculta por padrão */
    visibility: hidden; /* Garante que esteja invisível inicialmente */
    animation: fadeIn 1s ease-in-out; /* Animação para suavizar a exibição */
}

/* Exibir mensagem quando atualizado */
.reset-password-general-feedback-message.show {
    opacity: 1; /* Torna visível */
    visibility: visible; /* Remove a invisibilidade */
}

/* Estilo para mensagens de erro */
.reset-password-general-feedback-message.error {
    background-color: #ff4d4d; /* Vermelho para erros */
    visibility: visible; /* Remove a invisibilidade */
}