/* Overlay */
.kaushal-otp-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}

/* Box */
.kaushal-otp-box {
    background: #fff;
    width: 360px;
    max-width: 95%;
    margin: 10% auto;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    text-align: center;
    z-index: 10000;
}

/* Inputs FIX */
.kaushal-otp-box input {
    display: block !important;
    width: 100% !important;
    padding: 10px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff !important;
    color: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Buttons FIX */
.kaushal-otp-box button {
    display: block !important;
    width: 100% !important;
    padding: 10px;
    margin: 8px 0;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

/* Open Button */
.kaushal-otp-open-btn {
    padding: 10px 20px;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

/* Close */
.kaushal-otp-close {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    font-size: 22px;
}

/* Message */
#kaushal-msg {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

/* 🔥 FORCE FIX (theme override killer) */
.kaushal-firebase-otp-wrapper * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mobile Fix */
@media(max-width:480px){
    .kaushal-otp-box {
        width: 90%;
        margin: 30% auto;
    }
}

#open-otp-login {
    margin-top: 10px;
    display: block;
    text-align: center;
}

#back-to-login {
    margin-top: 10px;
    text-align: center;
}

/* Tabs */
.kaushal-tabs {
    display:flex;
    gap:10px;
    margin-bottom:10px;
}

.tab-btn {
    flex:1;
    padding:8px;
    border:none;
    background:#eee;
    cursor:pointer;
}

.tab-btn.active {
    background:#2563eb;
    color:#fff;
}