.password-field-wrap{position:relative;display:block;width:100%;}
.password-field-wrap > input[type="password"],
.password-field-wrap > input[type="text"]{width:100%;padding-inline-end:46px!important;}
.password-toggle-btn{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#a9adb5;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:800 15px/1 Arial,sans-serif;z-index:2;transition:color .18s ease,background .18s ease,transform .18s ease;}
.password-toggle-btn:hover{color:#ffb703;background:rgba(255,183,3,.08);}
.password-toggle-btn:focus-visible{outline:2px solid rgba(255,183,3,.65);outline-offset:1px;}
.password-toggle-btn.is-visible{color:#ffb703;}
.password-toggle-btn span{display:block;line-height:1;}

/* Password recovery */
.forgot-password-view{display:block;text-align:center;max-width:460px;margin:0 auto;padding:8px 0 2px;animation:forgotFadeIn .22s ease both;}
.forgot-password-view[hidden]{display:none!important;}
.forgot-password-icon{width:56px;height:56px;margin:0 auto 14px;border:1px solid rgba(255,183,3,.28);border-radius:16px;background:rgba(255,183,3,.08);color:#ffb703;display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:0 10px 28px rgba(0,0,0,.18);}
.forgot-password-view .modal-title{margin:0 0 7px;}
.forgot-password-view .account-subtitle{margin:0 auto 18px;max-width:380px;}
.forgot-password-field{position:relative;margin-bottom:10px;text-align:initial;}
.forgot-password-field>i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:#8f97a5;z-index:1;pointer-events:none;}
.forgot-password-field .input-field{padding-inline-start:42px!important;margin:0;}
.forgot-password-status{min-height:20px;margin:10px 0 4px;font-size:11px;font-weight:800;line-height:1.8;}
.forgot-password-status.success{color:#7ee787;}
.forgot-password-status.error{color:#ff9ca7;}
.forgot-back-btn{border:0;background:transparent;color:#aeb4be;font:800 11px/1.7 'Noto Kufi Arabic',sans-serif;padding:8px 10px;cursor:pointer;transition:color .18s ease,transform .18s ease;}
.forgot-back-btn:hover{color:#ffb703;transform:translateX(2px);}
.forgot-back-btn:focus-visible{outline:2px solid rgba(255,183,3,.55);outline-offset:3px;border-radius:7px;}
@keyframes forgotFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.forgot-password-view{max-width:none;padding-inline:2px}.forgot-password-icon{width:52px;height:52px}.forgot-password-view .modal-title{font-size:20px}.forgot-password-view .account-subtitle{font-size:10px}}
.forgot-password-view .main-btn:disabled{opacity:.65;cursor:wait;transform:none!important;}

/* V26.9 — stable password controls and recovery spacing */
.password-field-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  line-height:0!important;
}
.password-field-wrap > input[type="password"],
.password-field-wrap > input[type="text"]{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding-inline-start:48px!important;
  padding-inline-end:14px!important;
  box-sizing:border-box!important;
}
.password-toggle-btn{
  position:absolute!important;
  inset-inline-end:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#9299a6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  z-index:5!important;
  line-height:0!important;
  box-shadow:none!important;
  transition:color .18s ease,background .18s ease,transform .18s ease!important;
}
.password-toggle-btn svg{width:18px!important;height:18px!important;display:block!important;pointer-events:none!important;}
.password-toggle-btn:hover{color:var(--gold,#ffb703)!important;background:rgba(255,183,3,.08)!important;}
.password-toggle-btn:active{transform:translateY(-50%) scale(.95)!important;}
.password-toggle-btn:focus-visible{outline:2px solid rgba(255,183,3,.6)!important;outline-offset:1px!important;}
.password-toggle-btn.is-visible{color:var(--gold,#ffb703)!important;}

.forgot-password-view{
  width:min(100%,500px)!important;
  margin:0 auto!important;
  padding:4px 0 6px!important;
  text-align:center!important;
}
.forgot-password-icon{margin:0 auto 18px!important;}
.forgot-password-view .modal-title{
  margin:0 0 8px!important;
  line-height:1.45!important;
}
.forgot-password-view .account-subtitle{
  margin:0 auto 20px!important;
  max-width:430px!important;
  line-height:1.9!important;
}
.forgot-password-field{
  position:relative!important;
  width:100%!important;
  margin:0 0 12px!important;
  text-align:initial!important;
}
.forgot-password-field>i{
  position:absolute!important;
  left:15px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#8f97a5!important;
  z-index:2!important;
  pointer-events:none!important;
}
.forgot-password-field .input-field{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 16px 0 46px!important;
  box-sizing:border-box!important;
  direction:ltr!important;
  text-align:right!important;
  border-radius:12px!important;
  line-height:54px!important;
}
.forgot-password-view .main-btn{
  width:100%!important;
  min-height:54px!important;
  height:54px!important;
  margin:0!important;
  border-radius:12px!important;
}
.forgot-password-status{
  min-height:22px!important;
  margin:10px 0 2px!important;
  line-height:1.8!important;
}
.forgot-back-btn{margin-top:4px!important;}

@media(max-width:600px){
  .forgot-password-view{width:100%!important;padding:2px 0 4px!important;}
  .forgot-password-icon{width:56px!important;height:56px!important;margin-bottom:16px!important;}
  .forgot-password-view .modal-title{font-size:22px!important;line-height:1.4!important;}
  .forgot-password-view .account-subtitle{font-size:10px!important;line-height:1.9!important;margin-bottom:18px!important;}
  .forgot-password-field .input-field{height:52px!important;min-height:52px!important;line-height:52px!important;font-size:12px!important;}
  .forgot-password-view .main-btn{height:52px!important;min-height:52px!important;font-size:12px!important;}
}
.account-page .auth-view .password-field-wrap > .input-field,
.account-page .edit-profile-fields .password-field-wrap > .input-field{
  margin:0!important;
}
.account-page .auth-view .password-field-wrap,
.account-page .edit-profile-fields .password-field-wrap{
  margin:0 0 10px!important;
}