/* css/forgot-password.css */
/* Styles the shared customer and workspace password reset pages. */
.password-reset-page {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:100vh;
  gap:22px;
  padding:32px 18px;
  box-sizing:border-box;
  background:linear-gradient(145deg,#f5f7f2,#edf2eb)
}
.password-reset-brand {
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(100%,470px);
  gap:11px;
  color:#183c2e;
  font-size:.95rem;
  font-weight:800
}
.password-reset-brand img {
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover
}
.password-reset-brand small {
  display:block;
  margin-top:3px;
  color:#987140;
  font-size:.62rem;
  letter-spacing:.13em
}
.password-reset-card {
  width:min(100%,470px);
  box-sizing:border-box;
  padding:clamp(24px,5vw,42px);
  border:1px solid #e4e9e1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 55px #183c2e12
}
.password-reset-card h1 {
  margin:7px 0 10px;
  color:#183c2e;
  font:700 clamp(1.65rem,5vw,2.15rem) 'Playfair Display',serif
}
.password-reset-intro {
  margin:0 0 24px;
  color:#6f7c72;
  font-size:.92rem;
  line-height:1.65
}
.password-reset-form {
  display:grid;
  gap:10px
}
.password-reset-form label {
  margin-top:5px;
  color:#405147;
  font-size:.82rem;
  font-weight:700
}
.password-reset-form input {
  width:100%;
  min-height:48px;
  padding:11px 13px;
  border:1px solid #d9e1d8;
  border-radius:10px;
  background:#fff;
  color:#24382d;
  font:inherit
}
.password-reset-form input:focus-visible {
  border-color:#628b6b;
  outline:3px solid #155b461c
}
.password-reset-form > .btn {
  width:100%;
  min-height:48px;
  margin-top:8px
}
.password-reset-input-wrap {
  position:relative
}
.password-reset-input-wrap input {
  padding-right:76px
}
.password-visibility-toggle {
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  border:0;
  background:none;
  color:#155b46;
  font:600 .78rem 'DM Sans',sans-serif;
  cursor:pointer
}
.password-reset-message {
  margin:7px 0 0;
  padding:11px 13px;
  border:1px solid #d8e8da;
  border-radius:10px;
  background:#f1f7f1;
  color:#315f43;
  font-size:.84rem;
  line-height:1.5
}
.password-reset-message.error {
  border-color:#efd4cc;
  background:#fff5f1;
  color:#9a4936
}
.password-reset-back {
  display:block;
  width:max-content;
  margin:22px auto 0;
  color:#155b46;
  font-size:.86rem;
  font-weight:700
}