/*
 * SSHNETPLUS v210 — status de e-mail verificado
 * Funciona em desktop, tablet, Android e iPhone.
 */

#testForm .email-verify-status,
.email-verify-status {
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

/* Estado confirmado */
#testForm .email-verify-status.is-verified,
.email-verify-status.is-verified,
#testForm .email-verify-card.is-verified .email-verify-status,
.email-verify-card.is-verified .email-verify-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(52, 211, 116, .42) !important;
    border-radius: 999px !important;
    background: rgba(28, 170, 84, .13) !important;
    color: #72ef9f !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow:
        0 0 0 1px rgba(50, 220, 122, .03) inset,
        0 0 18px rgba(25, 190, 90, .10) !important;
}

#testForm .email-verify-status.is-verified::before,
.email-verify-status.is-verified::before,
#testForm .email-verify-card.is-verified .email-verify-status::before,
.email-verify-card.is-verified .email-verify-status::before {
    content: "✓" !important;
    display: inline-block !important;
    color: #72ef9f !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

/* Card também ganha um detalhe verde discreto */
#testForm .email-verify-card.is-verified,
.email-verify-card.is-verified {
    border-color: rgba(46, 211, 116, .28) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(32, 190, 91, .10), transparent 48%),
        rgba(7, 22, 22, .86) !important;
}

/* Ícone do envelope em verde depois da confirmação */
#testForm .email-verify-card.is-verified .email-verify-card__icon,
.email-verify-card.is-verified .email-verify-card__icon {
    border-color: rgba(52, 211, 116, .30) !important;
    background: rgba(33, 184, 89, .10) !important;
    color: #72ef9f !important;
}

/* Ajustes para telas pequenas */
@media (max-width: 680px) {
    #testForm .email-verify-status.is-verified,
    .email-verify-status.is-verified,
    #testForm .email-verify-card.is-verified .email-verify-status,
    .email-verify-card.is-verified .email-verify-status {
        min-height: 24px !important;
        padding: 0 8px !important;
        font-size: 8px !important;
    }
}