/* Scope everything to avoid clashing with Elementor/Theme */
.ml-pwreset{width:100%;}
.ml-pwreset__wrap{width:100%;}

/* Ensure native [hidden] always wins even if element styles set display */
.ml-pwreset [hidden]{display:none !important;}

.ml-pwreset__form{display:flex;flex-direction:column;gap:24px;width:100%;}
.ml-pwreset__field{display:flex;flex-direction:column;gap:8px;}
.ml-pwreset__label{display:none;}

.ml-pwreset__inputWrap{position:relative;display:flex;align-items:center;width:100%;}
.ml-pwreset__icon{position:absolute;left:16px !important;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;}
.ml-pwreset__input{
  width:100%;
  height:56px !important;
  box-sizing:border-box !important;
  /* icon ↔ text gap (force override Elementor/theme input padding) */
  padding:0 12px 0 72px !important;
  line-height:56px !important;
  /* bottom-only underline (force override Elementor/theme input styles) */
  border:0 !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid #e5e7eb !important;
  border-radius:0 !important;
  background:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  font-size:16px !important;
  color:#111827 !important;
}
.ml-pwreset__input:focus{border-bottom-color:#e5e7eb !important;box-shadow:none !important;}

.ml-pwreset__error{margin:0;padding:0 4px;font-size:14px;line-height:1.3;color:#dc2626;min-height:18px;}

.ml-pwreset__btn{width:100%;height:56px;border-radius:0;border:0;cursor:pointer;font-size:16px;line-height:1;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;}
.ml-pwreset__btn[disabled]{opacity:.6;cursor:not-allowed;}

.ml-pwreset__btn--primary{background:#333;color:#fff;}
.ml-pwreset__btn--primary:hover{background:#6b7280;}
.ml-pwreset__btn--primary:active{background:#4b5563;}

.ml-pwreset__btn--ghost{background:transparent;color:#4b5563;font-weight:500;}
.ml-pwreset__btn--outline{background:transparent;color:#111827;border:1px solid #e5e7eb;font-weight:500;}

.ml-pwreset__backIcon{font-size:18px;line-height:1;}

/* success */
.ml-pwreset__success{display:flex;flex-direction:column;gap:16px;align-items:stretch;width:100%;}
.ml-pwreset__successIcon{width:80px;height:80px;border-radius:999px;background:linear-gradient(135deg,#34d399,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto;box-shadow:0 12px 24px rgba(22,163,74,.15);} 
.ml-pwreset__successTitle{margin:0;text-align:center;font-size:24px;line-height:1.2;color:#111827;font-weight:700;}
.ml-pwreset__successDesc{margin:0;text-align:center;font-size:14px;line-height:1.4;color:#4b5563;}

.ml-pwreset__emailBox{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border:2px solid #f3f4f6;border-radius:12px;background:#fff;cursor:pointer;}
.ml-pwreset__emailText{max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:600;color:#111827;}
.ml-pwreset__copyState{font-size:14px;color:#9ca3af;}
/* copy email box hover/active: font color #fff (user requirement) */
.ml-pwreset__emailBox:hover,
.ml-pwreset__emailBox:active,
.ml-pwreset__emailBox:focus{
  background:#333 !important;
  border-color:#333 !important;
}
.ml-pwreset__emailBox:hover .ml-pwreset__emailText,
.ml-pwreset__emailBox:active .ml-pwreset__emailText,
.ml-pwreset__emailBox:focus .ml-pwreset__emailText{
  color:#fff !important;
}
.ml-pwreset__emailBox:hover .ml-pwreset__copyState,
.ml-pwreset__emailBox:active .ml-pwreset__copyState,
.ml-pwreset__emailBox:focus .ml-pwreset__copyState{
  color:#fff !important;
}


.ml-pwreset__tips{font-size:14px;line-height:1.4;color:#6b7280;text-align:center;}
.ml-pwreset__tips p{margin:0;}

/* Mobile small */
@media (max-width:500px){
  .ml-pwreset__input{font-size:14px;height:56px;}
  .ml-pwreset__btn{font-size:14px;height:56px;}
  .ml-pwreset__successTitle{font-size:18px;}
  .ml-pwreset__successDesc,.ml-pwreset__tips{font-size:12px;}
  .ml-pwreset__emailText{font-size:14px;}
}