/* /css/registration.css — FINAL VERSION (NyaySar v2) */

/* ===== Auth header (logo-only, compact) ===== */
body.ns-auth .ns-header { padding: 0 !important; }

body.ns-auth .ns-header__row,
body.ns-auth .ns-header__inner {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:74px !important;
  padding:0 !important;
}

body.ns-auth .ns-logo-wrap{
  width:122px !important;
  min-width:122px !important;
}

body.ns-auth .ns-logo__img{
  height:66px !important;
  max-width:122px !important;
}

body.ns-auth .ns-auth{ display:none !important; }

/* ===== Layout ===== */
.ns-auth-page{
  flex:1;
  display:flex;
  justify-content:center;
  padding:24px 16px 36px;
}

.ns-auth-wrap{
  width:min(760px,100%);
}

.ns-auth-card{
  width:min(560px,100%);
  background:#fff;
  border:1px solid rgba(16,24,40,.10);
  border-radius:16px;
  box-shadow:0 10px 26px rgba(10,25,60,.06);
  padding:24px;
}

/* ===== Tabs ===== */
.ns-auth-tabs{
  display:flex;
  gap:10px;
  background:rgba(15,47,85,.06);
  border-radius:999px;
  padding:6px;
  margin-bottom:16px;
}

.ns-tab{
  flex:1;
  border:0;
  background:transparent;
  padding:10px;
  border-radius:999px;
  font-weight:700;
  cursor:pointer;
  transition:.2s;
}

.ns-tab.is-active{
  background:#0f2f55;
  color:#fff;
}

/* ===== Titles ===== */
.ns-auth-title{
  text-align:center;
  font-size:22px;
  margin:10px 0 16px;
  color:#0f2f55;
}

/* ===== Form ===== */
.ns-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ns-field input,
.ns-field select{
  width:100%;
  height:46px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid rgba(16,24,40,.14);
  font-size:15px;
}

/* Focus */
.ns-field input:focus,
.ns-field select:focus{
  border-color:#0f2f55;
  box-shadow:0 0 0 3px rgba(15,47,85,.12);
}

/* Error */
.ns-field-error{
  font-size:12px;
  color:#b42318;
}

/* ===== Grid ===== */
.ns-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

/* ===== Buttons ===== */
.ns-btn{
  border:0;
  border-radius:12px;
  padding:12px;
  font-weight:800;
  cursor:pointer;
  min-height:46px;
}

.ns-btn-primary{
  background:#f9a825;
  color:#0f2f55;
}

.ns-btn-secondary{
  background:#fff;
  border:1px solid rgba(15,47,85,.18);
}

/* ===== Password ===== */
.ns-password-wrap{
  position:relative;
}

.ns-password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  padding:6px 10px;
  border:1px solid #d0d5dd;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
}

/* ===== Links ===== */
.ns-links{
  text-align:center;
  font-size:13px;
}

.ns-links a{
  color:#0f2f55;
}

/* ===== Success ===== */
.ns-auth-success{
  margin-top:16px;
  padding:14px;
  background:#ecfdf3;
  border-radius:12px;
}

/* ===== Disclaimer ===== */
.ns-disclaimer{
  font-size:13px;
  line-height:1.5;
  background:#f8fafc;
  border-left:3px solid #004C8C;
  padding:10px;
  border-radius:4px;
  max-height:160px;
  overflow:auto;
}

/* ===== Mobile ===== */
@media (max-width:640px){

  .ns-auth-card{
    padding:14px;
  }

  .ns-grid-2{
    grid-template-columns:1fr;
  }

  .ns-field input,
  .ns-field select{
    height:44px;
    font-size:14px;
  }

  .ns-btn{
    min-height:44px;
  }

  .ns-tab{
    font-size:14px;
  }

  .ns-disclaimer{
    font-size:12px;
    max-height:140px;
  }
}