/*
 * Telas publicas do associado (/associado/recuperar-senha e /associado/nova-senha).
 * Regras escopadas em body.recovery-password para nao afetar o login do modulo Adm,
 * que compartilha o page-login-alt.css.
 */

/* Base (mobile) */
.recovery-password::after {
    display: none !important;
}

.recovery-password {
    background-color: #164194;
}

.recovery-password .page-logo {
    height: 100px !important;
}

.recovery-password .blankpage-form-field {
    max-width: 90%;
    width: 100% !important;
}

/* Telas medias: card mais largo e mais respiro */
@media screen and (min-width: 768px) {
    /*
     * page-login-alt.css trava html/body em overflow: hidden e height: 100%, o que corta o card
     * em janelas baixas. Como este arquivo so e carregado pelas telas do associado, liberar o
     * scroll aqui nao afeta o login do Adm.
     */
    html {
        overflow-y: auto;
    }

    .recovery-password {
        height: auto;
        min-height: 100%;
        overflow: visible;
        padding: 2.5rem 0;
    }

    .recovery-password .blankpage-form-field {
        width: 420px !important;
        max-width: 92%;
    }

    .recovery-password .blankpage-form-field .card {
        padding: 2rem !important;
    }
}

/* Telas grandes: escala final da logo e dos controles */
@media screen and (min-width: 1200px) {
    .recovery-password .blankpage-form-field {
        width: 460px !important;
    }

    .recovery-password .page-logo {
        height: 120px !important;
    }

    .recovery-password .page-logo img {
        width: 64px;
        height: 64px;
    }

    .recovery-password .page-logo-text {
        font-size: 1.25rem;
    }

    .recovery-password .blankpage-form-field label {
        font-size: 1rem;
    }

    .recovery-password .blankpage-form-field .form-control {
        font-size: 1rem;
        height: calc(2.5rem + 2px);
    }
}