/* =========================================================
   SSHNETPLUS v262 — layout definitivo do código de e-mail
   6 caixas em uma linha + botão full-width + sem duplicações.
   ========================================================= */

html body #testForm #emailVerificationCodeArea.v262-ready{
    display:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

html body #testForm #emailVerificationBox.is-sent #emailVerificationCodeArea.v262-ready{
    display:block!important;
    margin-top:12px!important;
}

html body #testForm #emailVerificationBox.is-verified #emailVerificationCodeArea.v262-ready,
html body #testForm #emailVerificationBox[data-email-verified="1"] #emailVerificationCodeArea.v262-ready{
    display:none!important;
}

/* Esconde qualquer sobra visual das versões anteriores */
html body #testForm #emailVerificationCodeArea.v262-ready > *:not(.v262-code-ui):not(#emailVerificationCode){
    display:none!important;
}

html body #testForm .v262-code-ui{
    width:100%!important;
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
}

html body #testForm .v262-code-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 8px!important;
}

html body #testForm .v262-code-title strong{
    margin:0!important;
    color:#f7fbff!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
}

html body #testForm .v262-code-title span{
    color:#6f86a3!important;
    font-size:8.5px!important;
    line-height:1!important;
}

html body #testForm .v262-digits{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
}

html body #testForm .v262-digit{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;

    margin:0!important;
    padding:0!important;

    border:1px solid rgba(67,134,216,.35)!important;
    border-radius:10px!important;
    outline:0!important;

    background:#06101c!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    caret-color:#fff!important;

    text-align:center!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:17px!important;
    line-height:44px!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
    letter-spacing:0!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02),
        0 5px 12px rgba(0,0,0,.12)!important;

    transition:
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease!important;
}

html body #testForm .v262-digit:hover{
    border-color:rgba(67,151,255,.52)!important;
}

html body #testForm .v262-digit:focus{
    border-color:#2e9cff!important;
    background:#081829!important;
    box-shadow:
        0 0 0 3px rgba(46,156,255,.13),
        inset 0 1px 0 rgba(255,255,255,.025)!important;
    transform:translateY(-1px)!important;
}

html body #testForm .v262-digit.is-filled{
    border-color:rgba(53,171,255,.58)!important;
    background:#071728!important;
}

/* Input real continua existindo para o backend, mas invisível */
html body #testForm #emailVerificationCode.v262-real{
    position:absolute!important;
    left:-99999px!important;
    top:auto!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    min-height:1px!important;
    max-width:1px!important;
    max-height:1px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
    overflow:hidden!important;
}

/* Botão profissional embaixo */
html body #testForm .v262-confirm-wrap{
    width:100%!important;
    margin-top:10px!important;
}

html body #testForm #confirmEmailVerificationCode.v262-confirm{
    position:static!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    max-height:none!important;

    margin:0!important;
    padding:0 16px!important;

    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;

    border:1px solid rgba(88,175,255,.32)!important;
    border-radius:11px!important;

    background:
        linear-gradient(180deg,#31a9ff 0%,#1785ef 100%)!important;
    color:#fff!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 10px 22px rgba(20,126,237,.20)!important;

    cursor:pointer!important;
    transition:
        transform .16s ease,
        filter .16s ease,
        box-shadow .16s ease!important;
}

html body #testForm #confirmEmailVerificationCode.v262-confirm::after{
    content:"→"!important;
    display:inline-block!important;
    font-size:15px!important;
    line-height:1!important;
    opacity:.9!important;
}

html body #testForm #confirmEmailVerificationCode.v262-confirm:hover:not(:disabled){
    transform:translateY(-1px)!important;
    filter:brightness(1.04)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 13px 26px rgba(20,126,237,.24)!important;
}

html body #testForm #confirmEmailVerificationCode.v262-confirm:disabled{
    cursor:not-allowed!important;
    opacity:.58!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
}

html body #testForm .v262-code-helper{
    width:100%!important;
    margin-top:8px!important;
    padding:0 1px!important;

    display:flex!important;
    align-items:center!important;
    gap:6px!important;

    color:#6f849f!important;
    font-size:8.7px!important;
    line-height:1.35!important;
}

html body #testForm .v262-helper-dot{
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
    border-radius:50%!important;
    background:#2c9cff!important;
    box-shadow:0 0 8px rgba(44,156,255,.35)!important;
}

html body #testForm .v262-masked-email{
    color:#9fb5ce!important;
    font-weight:700!important;
}

/* mobile */
@media (max-width:768px){
    html body #testForm .v262-digits{
        gap:6px!important;
    }

    html body #testForm .v262-digit{
        height:43px!important;
        min-height:43px!important;
        max-height:43px!important;
        line-height:43px!important;
        font-size:16px!important;
        border-radius:9px!important;
    }

    html body #testForm #confirmEmailVerificationCode.v262-confirm{
        height:45px!important;
        min-height:45px!important;
    }
}

@media (max-width:390px){
    html body #testForm .v262-digits{
        gap:4px!important;
    }

    html body #testForm .v262-digit{
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
        line-height:40px!important;
        font-size:15px!important;
        border-radius:8px!important;
    }
}