/* ============================================================
   AUTH PAGES (Login / Register / Forgot Password) — mobile-first
   ============================================================ */

/* Saaf, hamesha dikhne wala "Back" button — page ke top-left mein,
   fixed rehta hai (scroll karne par bhi nahi hilta), taaki customer
   ko kabhi confusion na ho ki "wapas kaise jaayein" */
.auth-back-home{
  position:fixed;top:18px;left:18px;z-index:50;
  display:inline-flex;align-items:center;gap:5px;
  padding:9px 16px;border-radius:24px;background:#fff;
  border:1.5px solid var(--line);box-shadow:0 4px 14px rgba(30,35,70,0.08);
  font-size:13.5px;font-weight:700;color:var(--navy);text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.auth-back-home:hover{
  transform:translateX(-3px);border-color:var(--blue);color:var(--blue);
  box-shadow:0 6px 18px rgba(45,108,223,0.15);
}
@media(max-width:480px){
  .auth-back-home{top:12px;left:12px;padding:8px 13px;font-size:12.5px;}
}

.auth-wrap{
  min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;
  padding:30px 16px;background:var(--paper-2);
}
.auth-card{
  background:#fff;border-radius:18px;box-shadow:var(--shadow-md);
  padding:32px 24px;width:100%;max-width:400px;
}
.auth-logo{display:flex;align-items:center;gap:9px;justify-content:center;margin-bottom:22px;transition:opacity .15s;}
.auth-logo:hover{opacity:0.75;}
.auth-logo img{height:32px;}
.auth-card h1{font-size:21px;font-weight:800;color:var(--navy);text-align:center;margin:0 0 6px;}
.auth-card .sub{font-size:13.5px;color:var(--ink-soft);text-align:center;margin:0 0 26px;}

.auth-field{margin-bottom:16px;}
.auth-field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.auth-field input{
  width:100%;padding:14px 15px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;
  transition:border-color .15s;
}
.auth-field input:focus{outline:none;border-color:var(--blue);}

.auth-error{
  background:#FDEEEE;color:var(--red);font-size:13px;padding:10px 14px;border-radius:9px;
  margin-bottom:14px;display:none;
}
.auth-error.show{display:block;}

.auth-submit{width:100%;padding:15px;font-size:15px;margin-top:6px;}

.auth-links{display:flex;justify-content:space-between;margin-top:18px;font-size:13px;}
.auth-links a{color:var(--blue);font-weight:600;}

.auth-switch{
  text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--ink-soft);
}
.auth-switch a{color:var(--orange);font-weight:700;}

@media(min-width:640px){
  .auth-card{padding:40px 36px;}
}

/* ============================================================
   BEHTAR EMAIL-FIRST AUTH UI — progress-indicator, step-icon,
   email-chip, password-toggle — SmallPDF/iLovePDF jaisa saaf,
   bharosemand anubhav
   ============================================================ */
.auth-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px;}
.auth-progress-step{
  width:26px;height:26px;border-radius:50%;background:var(--paper-2);color:var(--ink-soft);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;
  transition:.2s;
}
.auth-progress-step.active{background:var(--orange);color:#fff;}
.auth-progress-step.done{background:var(--green,#1FAE5E);color:#fff;}
.auth-progress-line{width:36px;height:2px;background:var(--line);transition:.2s;}
.auth-progress-line.done{background:var(--green,#1FAE5E);}

.auth-step-icon{
  width:52px;height:52px;border-radius:50%;background:var(--blue-light);
  display:flex;align-items:center;justify-content:center;font-size:24px;
  margin:0 auto 14px;
}

.auth-email-chip{
  display:flex;align-items:center;gap:8px;background:var(--paper-2);
  border-radius:24px;padding:9px 14px;margin:0 auto 22px;width:fit-content;
  max-width:100%;font-size:13.5px;font-weight:700;color:var(--ink);
}
.auth-email-chip-icon{font-size:13px;flex-shrink:0;}
.auth-email-chip span:not(.auth-email-chip-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.auth-email-chip-edit{
  flex-shrink:0;color:var(--blue);text-decoration:none;font-size:13px;padding:2px 4px;
  border-radius:6px;transition:.15s;
}
.auth-email-chip-edit:hover{background:var(--blue-light);}

.auth-password-wrap{position:relative;}
.auth-password-wrap input{padding-right:46px;}
.auth-password-toggle{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);
  background:none;border:none;font-size:17px;cursor:pointer;padding:8px;
  opacity:0.6;transition:opacity .15s;
}
.auth-password-toggle:hover{opacity:1;}

.auth-trust-line{
  text-align:center;font-size:11.5px;color:var(--ink-soft);margin:16px 0 0;
}