/* loginskin (t631u, Krishna 3 Nov 2026): login card + logged-in home in the new red lxskin look. PRESENTATION ONLY – same IDs, handlers, APIs.
   Scope html.lx (default ATC look; admin home themes [data-hth] keep the old t530 card). YI / guest = ATC red; YQ = neutral slate, never the ATC name / logo:
   - login: .mk-band.neu (device whose last login was YQ, store.js lgNeu) + html.yqneu on the login route; - logged-in home: html.hxin.yqneu. Loaded after lxskin.css. */
.mk-band{display:none}
/* ---------- LOGIN CARD (screen #/login: OTP step 1 / OTP step 2 / PIN / registration) ---------- */
html.lx .wrap:has(.mk-band)>.crumbs{display:none}
html.lx .otp-card:has(.mk-band){max-width:420px;margin:14px auto 18px;padding:0 20px 20px;border-radius:18px!important;background:var(--lxcard)!important;color:var(--lxink)!important;border:1px solid var(--lxln)!important;box-shadow:var(--lxsh2)!important;overflow:hidden}
html.lx .otp-card:has(.mk-band.neu),html.lx .lg-box:has(.mk-band.neu){--lxr:#334155;--lxr2:#1e293b}
html.lx .otp-card:has(.mk-band) .otp-test{margin:12px 0 0}
html.lx .mk-band{display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;margin:0 -20px 18px;padding:18px 20px;background:linear-gradient(120deg,var(--lxr2),var(--lxr));color:#fff;text-align:left}
html.lx .otp-card:has(.mk-band) .otp-test+.mk .mk-band,html.lx .otp-card:has(.mk-band) .otp-test+.mk-band{margin-top:12px;border-radius:12px;margin-left:0;margin-right:0}
html.lx .mk-band:after{content:"";position:absolute;right:-36px;top:-46px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.09)}
html.lx .mk-bl{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.22)}
html.lx .mk-bl img{width:36px;height:auto;display:block}
html.lx .mk-bl.neu{font:900 22px/1 Poppins,system-ui,sans-serif;color:#334155}
html.lx .mk-bt{display:flex;flex-direction:column;min-width:0}
html.lx .mk-bt b{font:800 18px/1.15 Poppins,system-ui,sans-serif;color:#fff;letter-spacing:-.2px}
html.lx .mk-bt small{font:500 12px/1.3 Poppins,system-ui,sans-serif;color:rgba(255,255,255,.86);margin-top:3px}
html.lx .mk:has(.mk-band){text-align:left}
html.lx .mk:has(.mk-band) .mk-logo{display:none}
html.lx .otp-card:has(.mk-band) .otp-h,html.lx .lg-box:has(.mk-band) .otp-h{font:800 22px/1.2 Poppins,system-ui,sans-serif!important;color:var(--lxink)!important;margin:0 0 6px;text-align:left}
html.lx .otp-card:has(.mk-band) .otp-sub,html.lx .lg-box:has(.mk-band) .otp-sub{color:var(--lxmut)!important;font-size:12.5px}
html.lx .otp-card:has(.mk-band) input[type=tel],html.lx .otp-card:has(.mk-band) input[type=password],html.lx .otp-card:has(.mk-band) input[type=text],html.lx .otp-card:has(.mk-band) textarea,
html.lx .lg-box:has(.mk-band) input[type=tel],html.lx .lg-box:has(.mk-band) input[type=text],html.lx .lg-box:has(.mk-band) textarea{border:1px solid var(--lxln)!important;border-radius:12px!important;background:var(--lxwell)!important;color:var(--lxink)!important}
html.lx .otp-card:has(.mk-band) .otp-ph,html.lx .lg-box:has(.mk-band) .otp-ph{border:1px solid var(--lxln)!important;border-radius:12px!important;background:var(--lxwell)!important}
html.lx .otp-card:has(.mk-band) .otp-ph input,html.lx .lg-box:has(.mk-band) .otp-ph input{border:0!important;border-radius:0!important;background:transparent!important}
html.lx .otp-card:has(.mk-band) .otp-ph span,html.lx .lg-box:has(.mk-band) .otp-ph span{background:transparent;color:var(--lxink);border-right:1px solid var(--lxln)}
html.lx .otp-card:has(.mk-band) .otp-ph:focus-within,html.lx .lg-box:has(.mk-band) .otp-ph:focus-within,html.lx .otp-card:has(.mk-band) input:focus,html.lx .lg-box:has(.mk-band) input:focus{border-color:var(--lxr)!important;box-shadow:0 0 0 3px rgba(216,30,39,.14)!important;outline:0}
html.lx .otp-card:has(.mk-band.neu) .otp-ph:focus-within,html.lx .otp-card:has(.mk-band.neu) input:focus{box-shadow:0 0 0 3px rgba(51,65,85,.16)!important}
html.lx .mk:has(.mk-band) .mk-keep{color:var(--lxink)}
html.lx .mk:has(.mk-band) .mk-keep input{border-color:var(--lxr);border-radius:6px}
html.lx .otp-card:has(.mk-band) .btn.full[type=submit],html.lx .lg-box:has(.mk-band) .btn.full[type=submit],html.lx .otp-card:has(.mk-band) .otp-ok .btn.pri{height:50px;border-radius:12px!important;background:var(--lxr)!important;color:#fff!important;border:0!important;font:700 16.5px/1 Poppins,system-ui,sans-serif!important;box-shadow:0 8px 18px -8px var(--lxr)!important;display:flex;align-items:center;justify-content:center;gap:8px}
html.lx .otp-card:has(.mk-band) .btn.full[type=submit]:hover,html.lx .lg-box:has(.mk-band) .btn.full[type=submit]:hover{background:var(--lxr2)!important}
html.lx .otp-card:has(.mk-band) .btn.full[type=submit]:disabled{opacity:.6}
html.lx .otp-card:has(.mk-band) .otp-help,html.lx .lg-box:has(.mk-band) .otp-help{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:14px;border-top:0;padding-top:0}
html.lx .otp-card:has(.mk-band) .otp-help .btn.wa,html.lx .lg-box:has(.mk-band) .otp-help .btn.wa{justify-content:center;background:none!important;color:var(--lxink)!important;border:0!important;box-shadow:none!important;font-weight:600;font-size:14px}
html.lx .otp-card:has(.mk-band) .otp-pin,html.lx .lg-box:has(.mk-band) .otp-pin{display:block;text-align:center;padding:12px;border:1.5px solid var(--lxln);border-radius:12px;color:var(--lxink)!important;font-weight:700;text-decoration:none}
html.lx .otp-card:has(.mk-band) .otp-pin:hover,html.lx .lg-box:has(.mk-band) .otp-pin:hover{border-color:var(--lxr);color:var(--lxr)!important}
html.lx .otp-card:has(.mk-band) .mk-fg a,html.lx .otp-card:has(.mk-band) .otp-alt a,html.lx .otp-card:has(.mk-band) .otp-to a,html.lx .lg-box:has(.mk-band) .otp-alt a{color:var(--lxr)!important;font-weight:700}
html.lx .otp-card:has(.mk-band) .mk-fg,html.lx .otp-card:has(.mk-band) .otp-alt{text-align:center}
html.lx .otp-card:has(.mk-band) .otp-alt a{display:block;padding:12px;border:1.5px solid var(--lxln);border-radius:12px;text-decoration:none}
html.lx .otp-card:has(.mk-band) .otp-re .btn{border-radius:10px}
/* popup (#lgModal): same card, band full-bleed under the close button */
html.lx .lg-box:has(.mk-band){border-radius:18px;overflow:hidden;background:var(--lxcard);color:var(--lxink);padding:0 20px 20px}
html.lx .lg-box:has(.mk-band) .mk-band{margin:0 -20px 18px;padding-top:44px}
html.lx .lg-box:has(.mk-band) .lg-x{z-index:2;background:rgba(255,255,255,.92);color:#14171c}
/* dark mode */
html.lx[data-theme=dark] .otp-card:has(.mk-band) .otp-ph span{color:var(--lxink)}
/* ---------- LOGGED-IN HOME (HOMEUI .hxcard) ---------- */
/* firm name on the coloured greeting card was ink-on-red (lxskin .hxfirm rule) – always white on the card */
html.lx .hxcard .hxfirm{color:#fff!important}
html.lx .hxcard{background:linear-gradient(120deg,var(--lxr2),var(--lxr))!important;border-radius:18px!important;box-shadow:var(--lxsh2)!important}
html.lx.hxin .hxcard .hxhi{font-weight:600}
/* YQ logged in: neutral title 'Rate & Quotation' (store.js neuBrand) next to the ₹ mark – own slim row on phones, like the YI header. Never the ATC name / logo. */
@media (max-width:519px){html.afon.hxin.yqneu .hdr .apt{display:flex}}
@media (max-width:439px){
 html.afon.yqneu .hdr>.wrap{flex-wrap:wrap;row-gap:6px}
 html.afon.yqneu .hdr .apbrand{flex:1 0 100%;gap:8px;overflow:visible}
 html.afon.yqneu .hdr .apl{width:34px;height:34px;flex:0 0 34px}
 html.afon.yqneu .hdr .apt{display:flex;overflow:visible}
 html.afon.yqneu .hdr .apt b{font-size:17px;line-height:1.1;letter-spacing:-.2px;white-space:nowrap;display:block;-webkit-line-clamp:unset}
 html.afon.yqneu .hdr .apt small{display:none}
 html.afon.yqneu .hdr .hact{margin-left:auto}
}