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

/* Formulário de Reset de Senha */
.reset-password-form {
    max-width: 130rem;
    margin: 20rem auto;  /* Centraliza o formulário na página */
    padding: 6rem;  /* Espaçamento superior */
    background-color: #ffffff;
    border-radius: 2rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
}

/* Título do Formulário */
.reset-password-title {
    font-size: 7rem;
    font-weight: bold;
    color: var(--text-color-primary);
    text-align: center;
    margin-bottom: 6rem;
}

/* Estilos Uniformes para Labels e Inputs */
.reset-password-form-group {
    display: flex;
    align-items: flex-start; /* Alinha no topo para que o feedback fique embaixo */
    margin-bottom: 5rem; /* Aumenta o espaçamento entre os campos */
}

.reset-password-label {
    font-size: 4rem;
    font-weight: bold;
    color: var(--text-color-secondary);
    min-width: 30rem;
    margin-right: 2rem;
    display: flex;
    align-items: center;
}

/* Inputs e Dropdowns */
.reset-password-input {
    flex: 1; /* Expande o input para ocupar o espaço restante */
    width: 100%; /* Ajusta a largura para todos os inputs */
    max-width: 80rem; /* Limita a largura máxima para manter consistência */
    padding: 2rem;
    border-radius: 2rem;
    border: 0.5rem solid #d1d9e0;
    font-size: 4rem;
    transition: border-color 0.3s ease;
}

.reset-password-input:focus {
    border-color: #4a90e2;
    outline: none;
}

/* Feedback de Mensagem abaixo dos inputs */
.reset-password-feedback-message {
    color: #ff4d4d;
    font-size: 4rem;
    margin-top: 2rem !important;
    width: 100%;
    text-align: left;
    padding-left: 3rem; /* Espaçamento para alinhar com o input */
}

/* Estilo para Requisitos de Senha */
.reset-password-requirements {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #ff4d4d; /* Vermelho para não atendidos */
    padding-top: 3rem; /* Adiciona espaço entre o campo de senha e os requisitos */
}


.reset-password-requirement.satisfied {
    color: green; /* Verde para requisitos atendidos */
}

/* Ícone de Verificação */
.reset-password-check-icon {
    color: green !important;
    font-size: 5rem;
    text-align: right;
    padding-top: 2rem;
}

#reset-password-submit {
    width: 100%;
    font-size: 4rem;
    padding: 3rem;
    font-weight: bold;
    background-color: var(--button-background-primary);
    color: var(--button-color);
    border-radius: 1rem;
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#reset-password-submit:hover {
    background-color: #357ab8;
    transform: translateY(-1rem);
    cursor: pointer;
}