/* SSHNETPLUS v260 — código de e-mail só aparece após envio confirmado */

/* PADRÃO: campo e botão ficam escondidos */
html body #testForm #emailVerificationBox #emailVerificationCodeArea,
html body #testForm .email-verify-card #emailVerificationCodeArea {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* SOMENTE após o servidor confirmar que o código foi enviado */
html body #testForm #emailVerificationBox.is-sent #emailVerificationCodeArea,
html body #testForm .email-verify-card.is-sent #emailVerificationCodeArea {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Depois que o e-mail for confirmado, esconde novamente */
html body #testForm #emailVerificationBox.is-verified #emailVerificationCodeArea,
html body #testForm #emailVerificationBox[data-email-verified="1"] #emailVerificationCodeArea,
html body #testForm .email-verify-card.is-verified #emailVerificationCodeArea {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Nunca deixa o input/botão "vazar" para fora da área */
html body #testForm #emailVerificationCodeArea #emailVerificationCode,
html body #testForm #emailVerificationCodeArea #confirmEmailVerificationCode {
    max-width: 100% !important;
}

/* Mobile */
@media (max-width: 768px) {
    html body #testForm #emailVerificationBox.is-sent #emailVerificationCodeArea,
    html body #testForm .email-verify-card.is-sent #emailVerificationCodeArea {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    html body #testForm #emailVerificationCode,
    html body #testForm #confirmEmailVerificationCode {
        width: 100% !important;
    }
}