/* Folanja v1.22.76 — final SMS OTP/Profile polish + clickable auth controls */

/* Keep all auth controls above decorative layers. */
.core-auth-card-v12270{
  position:relative!important;
  isolation:isolate!important;
}
.core-auth-card-v12270 .core-auth-methods,
.core-auth-card-v12270 .core-auth-tabs,
.core-auth-card-v12270 .core-auth-form,
.core-auth-card-v12270 .core-auth-error{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}
.core-auth-card-v12270 .core-auth-tabs a,
.core-auth-card-v12270 button,
.core-auth-card-v12270 input{
  pointer-events:auto!important;
}

/* Step 2: OTP */
.fol-sms-dialog [data-sms-step="code"] .core-auth-sms-head{padding:2px 0}
.fol-sms-dialog [data-sms-step="code"] [data-sms-masked]{
  display:inline-flex;align-items:center;justify-content:center;min-height:24px;
  padding:0 9px;margin-inline:3px;direction:ltr;border:1px solid rgba(151,81,232,.14);
  border-radius:999px;background:rgba(151,81,232,.055);color:#74409a;
  font-size:9.5px;font-weight:900;
}
.fol-sms-dialog [data-sms-step="code"] form{
  padding:11px;border:1px solid rgba(151,81,232,.11);border-radius:17px;
  background:linear-gradient(145deg,rgba(151,81,232,.035),rgba(217,130,41,.025));
}
.fol-sms-dialog [data-sms-step="code"] label>span{text-align:center}
.fol-sms-dialog [data-sms-step="code"] .core-auth-otp-input{
  height:52px!important;border-radius:15px!important;border-color:rgba(151,81,232,.24)!important;
  font-size:22px!important;letter-spacing:.46em!important;padding-inline:22px 9px!important;
  background:var(--fol-auth-field-bg,var(--auth-field))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.fol-sms-dialog [data-sms-step="code"] .core-auth-otp-input:focus{
  border-color:rgba(151,81,232,.56)!important;
  box-shadow:0 0 0 4px rgba(151,81,232,.08),inset 0 1px 0 rgba(255,255,255,.48)!important;
}
.fol-sms-dialog [data-sms-step="code"] .core-auth-sms-tools{
  margin-top:6px!important;padding:7px 9px;border-radius:12px;background:rgba(151,81,232,.035);
}

/* Step 3: profile */
.fol-sms-dialog [data-sms-step="profile"]{gap:9px!important}
.fol-sms-dialog [data-sms-step="profile"] .core-auth-sms-head{padding-bottom:1px}
.fol-sms-dialog [data-sms-step="profile"] form{gap:8px!important}
.fol-sms-dialog [data-sms-step="profile"] label{gap:4px!important}
.fol-sms-dialog [data-sms-step="profile"] label>span{
  padding-inline:3px;color:var(--auth-text)!important;font-size:9.5px!important;font-weight:800!important;
}
.fol-sms-dialog [data-sms-step="profile"] input{
  height:42px!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(151,81,232,.018),rgba(217,130,41,.014)),
             var(--fol-auth-field-bg,var(--auth-field))!important;
}
.fol-sms-dialog [data-sms-step="profile"] input:focus{
  border-color:rgba(151,81,232,.52)!important;
  box-shadow:0 0 0 3px rgba(151,81,232,.075)!important;
}
.fol-sms-dialog [data-sms-step="profile"] .core-auth-sms-profile-grid{gap:7px!important}
.fol-sms-dialog [data-sms-step="profile"] .core-auth-sms-primary{margin-top:2px!important}

@media(max-width:620px){
  .fol-sms-dialog [data-sms-step="code"] form{padding:9px}
  .fol-sms-dialog [data-sms-step="code"] .core-auth-otp-input{
    height:48px!important;font-size:20px!important;letter-spacing:.40em!important;
  }
  .fol-sms-dialog [data-sms-step="profile"] .core-auth-sms-profile-grid{grid-template-columns:1fr!important}
  .fol-sms-dialog [data-sms-step="profile"] input{height:40px!important}
}
