/* RDXPay v18: canonical single-screen authentication, resilient to older CSS imports. */
html{overflow-x:hidden}body.auth163-page{margin:0!important;padding:0!important;overflow-x:hidden!important;width:100%!important;min-height:100svh!important;background:#f7f8fc!important;color:#1a2440!important}
body.auth163-page .auth163{position:relative!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;max-width:510px!important;min-width:0!important;min-height:100svh!important;margin:0 auto!important;padding:16px 13px 28px!important;left:auto!important;right:auto!important;transform:none!important}
body.auth163-page .auth163-brand{width:100%!important;margin:8px auto 19px!important;display:block!important;text-align:center!important}
body.auth163-page .auth163-brand img{display:block!important;width:auto!important;height:auto!important;max-width:min(230px,86%)!important;max-height:68px!important;margin:0 auto!important;object-fit:contain!important}
body.auth163-page .auth163-top{width:100%!important;display:flex!important;justify-content:flex-end!important;min-height:40px!important;margin:0 0 10px!important}
body.auth163-page .auth163-switch{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin:0 0 11px!important;padding:4px!important;background:#efedf8!important;border:1px solid #e0dbef!important;border-radius:13px!important;box-shadow:none!important}
body.auth163-page .auth163-switch>a{display:flex!important;justify-content:center!important;align-items:center!important;height:42px!important;min-height:42px!important;text-decoration:none!important;font-weight:850!important;font-size:13px!important;color:#473765!important;opacity:1!important;border-radius:10px!important;background:transparent!important}
body.auth163-page .auth163-switch>a.active{color:#fff!important;background:#6034c8!important;box-shadow:0 3px 8px rgba(68,34,147,.16)!important}
body.auth163-page .auth163-card{width:100%!important;min-width:0!important;max-width:none!important;position:static!important;display:block!important;margin:0!important;padding:19px 17px!important;background:#fff!important;border:1px solid #e4e4ee!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(32,28,63,.055)!important;left:auto!important;right:auto!important;transform:none!important}
body.auth163-page .auth163-pane{display:none!important;width:100%!important}
body.auth163-page .auth163-pane.active:not([hidden]){display:block!important}
body.auth163-page .auth163-card :is(input,button){box-sizing:border-box}
body.auth163-page .auth163-foot{width:100%!important;display:flex!important;justify-content:center!important;gap:10px!important;align-items:center!important}
body.auth163-page .auth163-form{min-width:0!important;width:100%!important}
@media(max-width:550px){body.auth163-page .auth163{padding:10px 10px 25px!important}body.auth163-page .auth163-card{padding:15px 13px!important}}

/* V51 — retain V29 Auth features and add V50's narrow-screen safety. */
body.auth163-page .auth163-card,
body.auth163-page .auth163-pane,
body.auth163-page .auth163-field,
body.auth163-page .auth163-input,
body.auth163-page .auth163-form > *{min-width:0!important;max-width:100%;box-sizing:border-box}
body.auth163-page .auth163-form{grid-template-columns:minmax(0,1fr)!important}
body.auth163-page .auth163-input input{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.auth163-page .ev-sheet,
body.auth163-page .ev-body{min-width:0;max-width:100%;box-sizing:border-box}
body.auth163-page .ev-email{min-width:0;overflow-wrap:anywhere}
body.auth163-page .ev-body .otp-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1.2vw,7px);width:100%;min-width:0;max-width:100%}
body.auth163-page .ev-body .otp-cell{display:block;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;box-sizing:border-box!important;appearance:none;-webkit-appearance:none}

/* Accessible, polished Remember Me switch; the native checkbox remains semantic. */
body.auth163-page .auth163-options{flex-wrap:wrap;row-gap:9px}
body.auth163-page .auth163-options label{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 7px;border:1px solid #e6def8;border-radius:999px;background:#f9f6ff;color:#4c387a;font-weight:800;cursor:pointer;user-select:none}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 30px;width:30px;height:18px;margin:0;border:1px solid #c7bbdf;border-radius:99px;background:#dcd5e9;box-shadow:inset 0 1px 3px rgba(51,28,90,.09);cursor:pointer;transition:background-color .16s,border-color .16s}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]::before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(37,22,69,.22);transition:transform .16s}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]:checked{background:#6738d2;border-color:#6738d2}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]:checked::before{transform:translateX(12px)}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]:focus-visible{outline:3px solid #b6a2f1;outline-offset:3px}

/* V54: plain compact checkbox, with no surrounding pill, border or shadow. */
body.auth163-page .auth163-options label{
  min-height:0!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#51416f;
  font-size:10.5px;
  line-height:1.35;
  font-weight:800;
}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  position:static!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  padding:0!important;
  border:initial!important;
  border-radius:initial!important;
  background:initial!important;
  box-shadow:none!important;
  accent-color:#6034c8;
  transition:none!important;
}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]::before{
  content:none!important;
  display:none!important;
}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]:checked{
  background:initial!important;
  border-color:initial!important;
}
body.auth163-page .auth163-options input[type="checkbox"][name="remember"]:focus-visible{
  outline:2px solid #8b68d8;
  outline-offset:2px;
}