/* בלוק של שלב 2 (הזנת OTP) */
#smsStep2 {
    margin-top: 16px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

    /* שדה הקוד */
    #smsStep2 .input_div {
        margin-bottom: 12px;
         display: flex;
        justify-content: center; /* מרכז אופקית */
   }



    #smsStep2 input#txtOtp {
        text-align: center; /* הטקסט באמצע בתוך התיבה */
        letter-spacing: 6px;
        font-size: 24px;
        font-weight: bold;
        padding: 8px 12px;
        width: 160px; /* רוחב קבוע ונוח */
    }

    /* כפתור אימות */
    #smsStep2 #btnVerifyOtp_ {
        width: 100%;
        padding: 10px;
        border-radius: 20px;
        border: none;
        background: #2382B5;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        transition: background 0.2s ease;
    }

        #smsStep2 #btnVerifyOtp:hover {
            background: #1a6390;
        }

    /* טקסט מספר טלפון מוסתר */
    #smsStep2 #smsMeta {
        font-size: 14px;
        color: #444;
    }

    /* כפתור שלח שוב */
    #smsStep2 #btnResend {
        background: transparent;
        border: none;
        color: #2382B5;
        font-size: 14px;
        cursor: pointer;
    }

        #smsStep2 #btnResend[disabled] {
            color: #aaa;
            cursor: not-allowed;
        }


.modeBtn {
    padding: .4rem .8rem;
    border: 1px solid #ddd;
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
}

    .modeBtn.active {
        background: #2382B5;
        color: #fff;
        border-color: #2382B5;
    }