/* ==========================================================================
   CHISI account pages — login / register / reset password
   White-first layout: pale grey page, one white card, photo inside the card.
   Scope root: .chisi-auth   (loaded only on account templates)
   ========================================================================== */

.chisi-auth{
  --ca-red-1:#e22e1d;
  --ca-red-2:#e65125;
  --ca-grad:linear-gradient(135deg,#e22e1d 0%,#e65125 100%);
  --ca-ink:#0f172a;
  --ca-body:#5f6b78;
  --ca-line:#e8ebef;
  --ca-soft:#fbfbfc;
  --ca-radius:10px;
  --ca-shot:url('https://r2.waimaoya.com/diy/160/image/2026/10/26/e47fbb9f98c3ed9e7660d96b74806a3d.webp');
  display:block;
  width:100%;
  background:#f5f6f8;
  color:var(--ca-ink);
  font-family:var(--font-stack-body,Manrope),-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
.chisi-auth *,.chisi-auth *::before,.chisi-auth *::after{box-sizing:border-box}
.chisi-auth a{text-decoration:none;color:inherit}

.chisi-auth__page{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:clamp(52px,7.5vh,88px) 24px clamp(56px,8vh,96px);
}

/* ------------------------------- the card ------------------------------- */
.chisi-auth__card{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  width:100%;
  max-width:1000px;
  background:#fff;
  border:1px solid var(--ca-line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 64px -46px rgba(15,23,42,.4);
}
.chisi-auth__card--single{grid-template-columns:1fr;max-width:468px}

/* ------------------------------- the form ------------------------------- */
.chisi-auth__form{padding:50px 54px 46px}
.chisi-auth__eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:700;
  color:#8b95a1;
}
.chisi-auth__eyebrow::before{
  content:"";
  width:20px;height:1.5px;
  background:var(--ca-grad);
  border-radius:2px;
  flex:0 0 auto;
}
.chisi-auth__form h1{
  font-family:var(--font-stack-header,Intertight),sans-serif;
  font-size:30px;
  font-weight:700;
  letter-spacing:-.026em;
  line-height:1.2;
  margin:12px 0 0;
  color:var(--ca-ink);
}
.chisi-auth__lead{
  color:var(--ca-body);
  font-size:13px;
  line-height:1.62;
  margin:8px 0 0;
  max-width:26em;
}

.chisi-auth f-customer-login,
.chisi-auth f-customer-register,
.chisi-auth f-customer-resetpw{display:block}

/* fields */
.chisi-field{margin-top:16px}
.chisi-field > label,
.chisi-auth .chisi-field > label{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#4a5666;
  margin-bottom:6px;
}
.chisi-field > label i{font-style:normal;color:var(--ca-red-1)}
.chisi-input{position:relative}
.chisi-auth .chisi-field input.form-field,
.chisi-auth .chisi-field input{
  width:100%;
  height:46px;
  min-height:46px;
  border:1px solid var(--ca-line);
  border-radius:var(--ca-radius);
  background:var(--ca-soft);
  padding:0 14px;
  font-family:inherit;
  font-size:13.5px;
  color:var(--ca-ink);
  line-height:46px;
  box-shadow:none;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.chisi-auth .chisi-field input::placeholder{color:#a9b2be;opacity:1}
.chisi-auth .chisi-field input:focus{
  outline:none;
  border-color:var(--ca-red-1);
  background:#fff;
  box-shadow:0 0 0 3.5px rgba(226,46,29,.10);
}
.chisi-auth .chisi-field input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 40px #fbfbfc inset;
  -webkit-text-fill-color:var(--ca-ink);
}
.chisi-input--pw input{padding-right:46px}

/* two-up name row (register) */
.chisi-field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.chisi-field-row .chisi-field{margin-top:0}

/* password eye */
.chisi-eye{
  position:absolute;
  right:4px;top:50%;
  transform:translateY(-50%);
  width:36px;height:36px;
  border:0;border-radius:8px;
  background:transparent;
  cursor:pointer;
  display:grid;place-items:center;
  color:#9aa5b2;
  padding:0;
  transition:background .15s,color .15s;
}
.chisi-eye:hover{background:#f0f3f6;color:#41505f}
.chisi-eye svg{
  width:16px;height:16px;
  stroke:currentColor;fill:none;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.chisi-eye .ca-eye-off{display:none}
.chisi-eye[aria-pressed="true"] .ca-eye-on{display:none}
.chisi-eye[aria-pressed="true"] .ca-eye-off{display:block}

/* notifications */
.chisi-auth .notification{display:none}
.chisi-auth .notification.show{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:14px 0 0;
  padding:11px 13px;
  border:1px solid rgba(226,46,29,.22);
  border-left:3px solid var(--ca-red-1);
  border-radius:8px;
  background:#fef6f5;
  color:#8c2a1d;
  font-size:12.5px;
  line-height:1.5;
}
.chisi-auth .notification.show.success{
  border-color:rgba(26,107,69,.22);
  border-left-color:#1a6b45;
  background:#f2fbf6;
  color:#1a6b45;
}
.chisi-auth .notification.show svg{display:none}
.chisi-auth .notification.show::before{
  content:"!";
  flex:0 0 15px;
  width:15px;height:15px;
  margin-top:1px;
  border-radius:50%;
  background:var(--ca-red-1);
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:15px;
  text-align:center;
}
.chisi-auth .notification.show.success::before{content:"\2713";background:#1a6b45}
.chisi-auth .notification ul{margin:0;padding-left:15px}
.chisi-auth .notification li{margin:0}

/* forgot link row */
.chisi-row{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin:10px 0 18px;
}
.chisi-link{
  font-size:12px;
  font-weight:600;
  color:#5b6875;
  border-bottom:1px solid transparent;
  transition:color .15s,border-color .15s;
}
.chisi-link:hover{color:var(--ca-red-1);border-bottom-color:rgba(226,46,29,.4)}

/* primary button */
.chisi-auth .chisi-btn,
.chisi-auth button.f-login,
.chisi-auth button.f-register,
.chisi-auth button.f-resetpw{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:49px;
  min-height:49px;
  margin:0;
  padding:0 18px;
  border:0;
  border-radius:var(--ca-radius);
  background:var(--ca-grad);
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
  cursor:pointer;
  box-shadow:0 6px 16px -7px rgba(226,46,29,.5);
  transition:transform .16s,box-shadow .2s,opacity .2s;
}
.chisi-auth .chisi-btn:hover,
.chisi-auth button.f-login:hover,
.chisi-auth button.f-register:hover,
.chisi-auth button.f-resetpw:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px -9px rgba(226,46,29,.5);
  background:var(--ca-grad);
  color:#fff;
}
.chisi-auth .chisi-btn:active,
.chisi-auth button.f-login:active,
.chisi-auth button.f-register:active,
.chisi-auth button.f-resetpw:active{transform:translateY(0)}
.chisi-auth button.f-register[disabled]{
  opacity:.5;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* footer note under the button */
.chisi-note{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--ca-line);
  font-size:12.5px;
  line-height:1.6;
  color:var(--ca-body);
}
.chisi-note a{
  font-weight:700;
  color:var(--ca-ink);
  border-bottom:1.5px solid rgba(226,46,29,.45);
  padding-bottom:1px;
  transition:color .15s,border-color .15s;
}
.chisi-note a:hover{color:var(--ca-red-1);border-bottom-color:var(--ca-red-1)}
.chisi-note--center{text-align:center}

/* terms checkbox (register) */
.chisi-auth .f-terms-conditons{margin-top:16px}
.chisi-auth .form-field--checkbox{
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:12px;
  line-height:1.55;
  color:var(--ca-body);
  cursor:pointer;
}
.chisi-auth .form-field--checkbox input[type=checkbox]{
  flex:0 0 16px;width:16px;height:16px;
  margin:2px 0 0;
  accent-color:var(--ca-red-1);
}
.chisi-auth .form-field--checkbox__icon{display:none}

/* captcha (register) */
.chisi-captcha{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:16px;
}
.chisi-captcha .chisi-field{flex:1;margin-top:0;min-width:0}
.chisi-captcha img{
  width:112px;
  height:46px;
  border-radius:var(--ca-radius);
  border:1px solid var(--ca-line);
  object-fit:cover;
  background:#f3f5f7;
  cursor:pointer;
}

/* ------------------------------- the photo ------------------------------ */
.chisi-auth__photo{
  position:relative;
  background:#eef1f4;
  min-height:520px;
}
.chisi-auth__photo-img{
  position:absolute;
  inset:0;
  background-image:var(--ca-shot);
  background-size:cover;
  background-position:50% 54%;
  background-repeat:no-repeat;
}

/* ------------------------- meta line under card ------------------------- */
.chisi-auth__meta{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 22px;
  font-size:11.5px;
  color:#95a0ac;
}
.chisi-auth__meta b{color:#54616f;font-weight:700}
.chisi-auth__meta .dot{color:#d6dbe1}

/* ------------------------------ responsive ------------------------------ */
@media screen and (max-width:900px){
  .chisi-auth__page{padding:30px 18px 44px;justify-content:flex-start}
  .chisi-auth__card{
    grid-template-columns:1fr;
    max-width:480px;
    border-radius:16px;
  }
  .chisi-auth__card--single{max-width:480px}
  .chisi-auth__photo{order:-1;min-height:190px}
  .chisi-auth__photo-img{background-position:50% 56%}
  .chisi-auth__form{padding:30px 24px 30px}
  .chisi-auth__form h1{font-size:26px}
  .chisi-auth__meta{flex-direction:column;align-items:center;gap:5px;margin-top:22px}
  .chisi-auth__meta .dot{display:none}
}
@media screen and (max-width:430px){
  .chisi-field-row{grid-template-columns:1fr;gap:14px}
  .chisi-field-row .chisi-field{margin-top:0}
  .chisi-captcha{flex-wrap:wrap}
  .chisi-captcha img{width:100%;height:46px}
}

/* ---------- account pages only: drop the floating contact rail ---------- */
sidebar-contact-information,
.sidebar-contact-information{display:none !important}