.pin-otp {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.pin-otp .pin-digit {
    width: 42px;
    height: 48px;
    text-align: center;
    font-size: 22px;
    line-height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
    color: #FFF !important;
    -webkit-text-fill-color: #FFF;
    caret-color: #FFF;
    /* Máscara sem type=password (evita autofill de senhas do navegador) */
    -webkit-text-security: disc;
    text-security: disc;
    letter-spacing: 0;
}

/* Fallback quando o navegador não aplica text-security (ex.: Firefox) */
.pin-otp .pin-digit.is-masked {
    -webkit-text-security: none;
    text-security: none;
    font-family: "Courier New", Courier, monospace;
}

.pin-otp .pin-digit:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.18);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15);
}

.pin-otp .pin-digit::-ms-reveal,
.pin-otp .pin-digit::-ms-clear {
    display: none;
}