/* Login popup – "Justdial style" (canvas Login → Option D): one small white card in the middle, bottom sheet on phones.
   Builds on auth-v2.css (#authOv.au2); everything here is scoped to #authOv.au-jd. */
#authOv.au-jd .au-box{width:min(440px,100%)!important;min-height:0!important;flex-direction:column!important;border-radius:20px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.45)!important}
#authOv.au-jd .au2-form{overflow-y:auto}

/* header: logo + close on one line, then Welcome */
#authOv.au-jd .au-hd{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:22px 28px 0!important;position:relative!important}
#authOv.au-jd .au-brand{display:inline-flex!important;align-self:flex-start;align-items:center;height:34px;line-height:0}
#authOv.au-jd .au-brand .lgi{height:30px;width:auto;max-width:140px;display:block}
#authOv.au-jd .au-brand .logo{display:none;height:30px;padding:0 10px;border-radius:7px;background:#d6112a;color:#fff;font:800 15px/30px Manrope,Poppins,sans-serif}
#authOv.au-jd .au-brand.nolg .lgi{display:none}#authOv.au-jd .au-brand.nolg .logo{display:block}
#authOv.au-jd .au-hd .au-x,#authOv.au-jd .au-x{position:absolute!important;top:20px!important;right:20px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#f3f4f6!important;color:#374151!important;font-size:15px!important}
#authOv.au-jd .au-x:hover{background:#e5e7eb!important}
#authOv.au-jd .au-hdtxt{max-width:none;margin:0}
#authOv.au-jd .au-hdtxt h2,#authOv.au-jd #auTitle,#authOv.au-jd .au2-otph{font:800 26px/1.2 Manrope,Poppins,sans-serif!important;letter-spacing:-.02em!important;color:#111827}
#authOv.au-jd .au-hdtxt p{margin:6px 0 0;font:400 15px/1.45 Inter,sans-serif;color:#6b7280}
#authOv.au-jd .au-main{padding:18px 28px 26px!important}
#authOv.au-jd .au-main > .au-step{max-width:none}
#authOv.au-jd .au-sub:empty{display:none}
#authOv.au-jd #auReason:not(:empty){margin:0 0 4px;padding:9px 12px;border-radius:10px;background:#fff1f3;color:#b80e24;font:600 13px/1.4 Inter,sans-serif}

/* mobile number box with a label sitting on its border */
#authOv.au-jd .au-mob{margin-top:14px;min-height:56px;border:1.5px solid #d5d9e2!important;border-radius:12px!important}
#authOv.au-jd .au-mob .au-flt{top:-9px!important;left:12px!important;padding:0 6px!important;background:#fff!important;font:600 12px/1.2 Inter,sans-serif!important;color:#6b7280;z-index:2}
#authOv.au-jd .au-mob.valid .au-flt{color:#16a34a}
#authOv.au-jd .au-mob .cc{height:56px!important;border-radius:11px 0 0 11px!important;background:#fff!important;font:700 16px Inter,sans-serif!important}
#authOv.au-jd .au-mob input{font:600 17px Inter,sans-serif!important;letter-spacing:.04em}
#authOv.au-jd .au-mob:focus-within{border-color:#111827!important;box-shadow:0 0 0 3px rgba(17,24,39,.08)!important}
#authOv.au-jd .au-mob.valid{border-color:#16a34a!important;box-shadow:0 0 0 3px rgba(22,163,74,.12)!important}

/* "Get updates on WhatsApp" tick */
.au-jdwa{position:relative;display:flex;align-items:center;gap:10px;margin:16px 0 18px;font:500 14px Inter,sans-serif;color:#374151;cursor:pointer;user-select:none}
.au-jdwa input{position:absolute;opacity:0;pointer-events:none}
.au-jdwa .bx{width:20px;height:20px;flex:none;box-sizing:border-box;border-radius:6px;border:2px solid #c3c9d2;background:#fff;display:grid;place-items:center}
.au-jdwa input:checked + .bx{border-color:#d6112a;background:#d6112a}
.au-jdwa input:checked + .bx::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg) translate(-1px,-1px)}
.au-jdwa input:focus-visible + .bx{outline:2px solid #111827;outline-offset:2px}
.au-jdwa .wa{width:22px;height:22px;flex:none;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:13px}
.au-jdwa .wa svg{width:13px;height:13px}

/* buttons */
#authOv.au-jd .au-btn{min-height:54px;border-radius:12px!important;font:700 16px Inter,sans-serif!important;box-shadow:none!important;justify-content:center}
#authOv.au-jd #auSend:disabled,#authOv.au-jd #auVerify:disabled{background:#e5e7eb!important;color:#9aa1ab!important;opacity:1!important}
.au-jdtc{margin:14px 0 0;text-align:center;font:400 12.5px/1.6 Inter,sans-serif;color:#6b7280}
.au-jdtc a{color:#d6112a;font-weight:700;text-decoration:none}.au-jdtc a:hover{text-decoration:underline}
#authOv.au-jd .au-or{margin:16px 0 12px!important}
#authOv.au-jd .au-google .au-alt{min-height:48px;border-radius:12px!important}

/* OTP step */
#authOv.au-jd .au-back:not([hidden]){margin-bottom:10px}
#authOv.au-jd .au-code{margin:4px 0 18px!important;font:400 15px/1.5 Inter,sans-serif!important}
#authOv.au-jd .au-edit{border-left:0!important;padding:0 0 0 4px!important;font-weight:700!important}
#authOv.au-jd .au-otp{gap:10px!important}
#authOv.au-jd .au-otp input{height:58px;border-radius:12px!important;font:800 24px Manrope,Poppins,sans-serif!important}
#authOv.au-jd .au-otp input:focus{border:2px solid #d6112a!important;box-shadow:0 0 0 3px rgba(214,17,42,.12)!important}
#authOv.au-jd .au-otp input.fill{border-color:#111827!important;background:#fff!important}
#authOv.au-jd .au-otp.ok input{border-color:#16a34a!important;background:#ecfdf3!important}
#authOv.au-jd .au2-after{display:none}
#authOv.au-jd[data-step="otp"] .au-hdtxt{display:none!important}
#authOv.au-jd[data-step="otp"] .au-hd{padding-top:22px!important}

/* phones: sheet from the bottom with a small handle */
@media (max-width:760px){
  #authOv.au-jd .au-box{width:100%!important;max-width:100%!important;border-radius:22px 22px 0 0!important;max-height:94dvh!important}
  #authOv.au-jd .au-box::before{content:"";position:absolute;left:50%;top:8px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#e5e7eb;z-index:3}
  #authOv.au-jd .au-hd{padding:22px 20px 0!important}
  #authOv.au-jd .au-hd .au-x,#authOv.au-jd .au-x{top:18px!important;right:16px!important;background:#f3f4f6!important;color:#374151!important}
  #authOv.au-jd .au-hdtxt h2,#authOv.au-jd #auTitle,#authOv.au-jd .au2-otph{font-size:24px!important}
  #authOv.au-jd .au-main{padding:14px 20px calc(24px + env(safe-area-inset-bottom))!important}
  #authOv.au-jd .au-otp{gap:8px!important}
  #authOv.au-jd .au-otp input{height:52px;font-size:21px!important}
}
/* full-page /login: same card, centred */
#authOv.au-jd.au-page .au-box{margin:0 auto;box-shadow:0 20px 50px -24px rgba(17,24,39,.35)!important}
@media (max-width:760px){#authOv.au-jd.au-page .au-box{border-radius:0!important}#authOv.au-jd.au-page .au-box::before{display:none}}
#authOv.au-jd .au-brand{border-right:0!important;padding-right:0!important;align-self:flex-start!important}
#authOv.au-jd .au-mob input,#authOv.au-jd .au-mob input:focus{border:0!important;outline:0!important;box-shadow:none!important;background:none!important;border-radius:0!important}
#authOv.au-jd .au-mob .cc{height:auto!important;min-height:0!important;align-self:stretch!important}