/* OTP plugin styling (simple, non-invasive) */

.otp-rlcc-phone { display:flex; gap:8px; align-items:center; margin-top:6px; }
.otp-rlcc-send-wrap { text-align: center; margin-top: 10px; }
.otp-rlcc-send { display: inline-block; width: auto;}
.otp-rlcc-number { flex:1; padding:8px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; }
.otp-rlcc-or { display:flex; align-items:center; gap:12px; margin:12px 0; color:#777; }
.otp-rlcc-or:before, .otp-rlcc-or:after { content:""; flex:1; height:1px; background:#ccc; opacity:0.6; }
.otp-rlcc-or span { padding:0 12px; font-weight:600; color: #96588a; }
.otp-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
 }


/* popup */
#otp-rlcc-overlay { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:99998; display:none;}
#otp-rlcc-popup { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:320px; background:#fff; padding:16px; border-radius:8px; box-shadow:0 6px 30px rgba(0,0,0,0.2); z-index:99999; display:none;}
#otp-rlcc-popup input { width:100%; padding:8px; margin:8px 0; box-sizing:border-box; }
.otp-rlcc-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:8px; }
.otp-rlcc-msg.otp-rlcc-error { color:#c0392b; margin-top:6px; }
.otp-rlcc-msg.otp-rlcc-success { color:green; margin-top:6px; }

/* make sure plugin styles are light and won't clash heavily */
.otp-rlcc-msg { font-size:13px; }