
.nb4-erw-wrap{max-width:100%}
.nb4-erw-title{margin:0 0 16px}
.nb4-erw-form{display:grid;gap:14px}
.nb4-erw-field{display:grid;gap:6px}
.nb4-erw-field input,
.nb4-erw-field textarea,
.nb4-erw-field select{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:8px}
.nb4-erw-field textarea{min-height:120px}
.nb4-erw-checkbox{display:flex;gap:10px;align-items:flex-start}
.nb4-erw-submit{border:0;padding:12px 18px;border-radius:8px;cursor:pointer}
.nb4-erw-message{padding:12px 14px;border-radius:8px;margin:0 0 16px}
.nb4-erw-message--success{background:#ecfdf3;color:#027a48}
.nb4-erw-message--error{background:#fef3f2;color:#b42318}


.nb4-erw-wrap--auth-switch .nb4-erw-auth-panels{display:grid;gap:18px}
.nb4-erw-auth-panel{padding:20px;border:1px solid #e4e7ec;border-radius:12px}
.nb4-erw-login-form form{display:grid;gap:14px}
.nb4-erw-login-form label{display:block;margin-bottom:6px}
.nb4-erw-login-form input[type="text"],
.nb4-erw-login-form input[type="password"],
.nb4-erw-login-form input[type="email"]{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:8px}
.nb4-erw-login-form .login-submit,
.nb4-erw-login-form .button-primary{margin-top:6px}
.nb4-erw-auth-toggle{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.nb4-erw-toggle-button{border:1px solid #d0d5dd;background:#fff;padding:10px 14px;border-radius:8px;cursor:pointer}
.nb4-erw-toggle-button--link{background:none;border:0;padding:0;text-decoration:underline}


/* 1.2.1 fixes */
.nb4-erw-field--checkbox{display:block}
.nb4-erw-checkbox--privacy{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.nb4-erw-checkbox--privacy input[type="checkbox"]{
  margin:4px 0 0;
  flex:0 0 auto;
}
.nb4-erw-checkbox--privacy .nb4-erw-checkbox-text{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  line-height:1.5;
}
.nb4-erw-checkbox--privacy .nb4-erw-checkbox-text a{
  display:inline;
}


/* 1.2.2 privacy alignment hard fix */
.nb4-erw-form .nb4-erw-field--checkbox,
.nb4-erw-form .nb4-erw-field--checkbox *,
.nb4-erw-form .nb4-erw-checkbox--privacy,
.nb4-erw-form .nb4-erw-checkbox--privacy *{
  text-align:left !important;
  justify-content:flex-start !important;
}

.nb4-erw-form .nb4-erw-field--checkbox{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.nb4-erw-form .nb4-erw-checkbox--privacy{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
}

.nb4-erw-form .nb4-erw-checkbox--privacy input[type="checkbox"]{
  position:static !important;
  float:none !important;
  margin:4px 0 0 0 !important;
  transform:none !important;
  flex:0 0 auto !important;
}

.nb4-erw-form .nb4-erw-checkbox--privacy .nb4-erw-checkbox-text{
  display:block !important;
  flex:1 1 auto !important;
  width:auto !important;
  margin:0 !important;
  text-align:left !important;
}

.nb4-erw-form .nb4-erw-checkbox--privacy .nb4-erw-checkbox-text a{
  display:inline !important;
  margin-left:6px !important;
}

.nb4-erw-form .nb4-erw-checkbox--privacy:after,
.nb4-erw-form .nb4-erw-checkbox--privacy .nb4-erw-checkbox-text:after{
  display:none !important;
  content:none !important;
}


/* 1.2.3 privacy row exactly like wp-login remember me */
.nb4-erw-form .nb4-erw-privacy-row{
  width:100% !important;
  display:block !important;
  margin:4px 0 6px !important;
  padding:0 !important;
}

.nb4-erw-form p.login-remember.nb4-erw-privacy-remember{
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  float:none !important;
  width:100% !important;
}

.nb4-erw-form p.login-remember.nb4-erw-privacy-remember label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  font-weight:400 !important;
}

.nb4-erw-form p.login-remember.nb4-erw-privacy-remember input[type="checkbox"]{
  position:static !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  transform:none !important;
  vertical-align:middle !important;
  flex:0 0 auto !important;
}

.nb4-erw-form p.login-remember.nb4-erw-privacy-remember span{
  display:inline !important;
  text-align:left !important;
  white-space:normal !important;
}

.nb4-erw-form p.login-remember.nb4-erw-privacy-remember a{
  display:inline !important;
  margin-left:4px !important;
}

.nb4-erw-form .nb4-erw-field--checkbox,
.nb4-erw-form .nb4-erw-checkbox,
.nb4-erw-form .nb4-erw-checkbox--privacy{
  all:unset;
}
