@import url("uicons-regular-rounded.css");

/* Fullscreen wrapper */
.nikan-otp-auth-body{
  margin:0;
  padding:0;
  min-height:100vh;
  background: var(--nikan-otp-bg, #f4f6fb);
  font-family: var(--nikan-otp-font, "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
}

.nikan-otp-auth-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.nikan-otp-card{
  width:100%;
  max-width:460px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  padding: 22px 22px 18px;
  box-sizing:border-box;
}

.nikan-otp-brand{
  display:flex;
  justify-content:center;
  margin-bottom:14px;
}

.nikan-otp-logo{
  text-decoration:none;
  color: inherit;
  font-weight: 700;
  font-size: 18px;
}

.nikan-otp-tabs{
  display:flex;
  background: rgba(0,0,0,.04);
  border-radius: 14px;
  padding: 6px;
  gap: 6px;
  margin-bottom: 18px;
}

.nikan-otp-tab{
  flex:1;
  border:0;
  background: transparent;
  padding: 10px 12px;
  border-radius: 12px;
  cursor:pointer;
  font-weight: 600;
  font-size: 14px;
}

.nikan-otp-tab.is-active{
  background:#fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

.nikan-otp-panel{ display:none; }
.nikan-otp-panel.is-active{ display:block; }

.nikan-otp-title{
  text-align:center;
  font-weight: 800;
  font-size: 16px;
  margin: 4px 0 16px;
}

.nikan-otp-field{ margin-bottom: 14px; }

.nikan-otp-label{
  display:block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  opacity:.9;
}

.nikan-otp-input{
  display:flex;
  align-items:center;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 10px 12px;
  gap: 10px;
  transition: .15s;
}

.nikan-otp-input:focus-within{
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 0 0 4px rgba(0,0,0,.05);
}

.nikan-otp-icon{
  font-size: 18px;
  opacity: .7;
}

.nikan-otp-input input{
  width:100%;
  border:0;
  outline:none;
  background: transparent;
  font-size: 14px;
  font-family: var(--nikan-otp-font, "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
}

.nikan-otp-btn{
  width:100%;
  border:0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  font-size: 14px;
  cursor:pointer;
  background: var(--nikan-otp-primary, #2c7ef8);
  color:#fff;
  box-shadow: 0 10px 18px rgba(44,126,248,.25);
}

.nikan-otp-btn[disabled]{
  opacity:.65;
  cursor:not-allowed;
}

.nikan-otp-msg{
  margin-top: 12px;
  font-size: 13px;
  text-align:center;
  min-height: 18px;
}

.nikan-otp-msg.is-error{ color:#c62828; }
.nikan-otp-msg.is-ok{ color:#2e7d32; }

.nikan-otp-actions{
  display:flex;
  justify-content:space-between;
  margin-top: 10px;
}

.nikan-otp-link{
  border:0;
  background: transparent;
  padding: 0;
  cursor:pointer;
  font-weight: 600;
  font-size: 13px;
  color: rgba(0,0,0,.75);
}

.nikan-otp-link[disabled]{
  opacity:.5;
  cursor:not-allowed;
}

.nikan-otp-timer{
  margin-top: 10px;
  text-align:center;
  font-size: 13px;
  opacity:.7;
  min-height: 18px;
}

.nikan-otp-footnote{
  margin-top: 14px;
  text-align:center;
  font-size: 12px;
  opacity: .65;
}

@media (max-width: 420px){
  .nikan-otp-card{ padding: 18px 16px 14px; border-radius: 16px; }
}

.nikan-otp-auth-body{ font-feature-settings: "ss01"; }
input, button, select, textarea{ font-feature-settings: "ss01"; }