/* ==========================
   OTP Input Styles
========================== */
.otp-input:disabled,
#resend-otp-for-signup-user:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f3f4f6; /* Only applies to otp-input */
}

/* ==========================
   Modal Stacking / Z-Index
========================== */
#register_otp_modal_3 {
    z-index: 1000;
    position: fixed;
}

#loader_modal1 {
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5);
}

#otp_error_modal {
    z-index: 1002;
}

/* ==========================
   Loading Spinner
========================== */
.loader-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #F68E5F;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}