/* WO-014 ATOMIC_SWITCH_FIX_01: usable login/register on phone & tablet.
 * Root cause: WAP CSS uses rem assuming ~50px root; unified app keeps ~14–16px.
 * Desktop /register used fixed 432–476px boxes that overflow <1024.
 * Do not hide overflow with clip — keep controls inside the viewport. */

.n79-login-view,
.n79-register-view {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

/* ---- Mobile/WAP auth shell (login.vue CSS modules) ---- */
html[data-n79-viewport='mobile'] .entry_entryStyle__FXwIQ,
html[data-n79-viewport='tablet'] .entry_entryStyle__FXwIQ {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  box-sizing: border-box;
  padding: 16px !important;
}

html[data-n79-viewport='mobile'] .entry_entryMain__2anz2,
html[data-n79-viewport='tablet'] .entry_entryMain__2anz2 {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  flex-flow: row nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
}

html[data-n79-viewport='mobile'] .entry_registerAnimated__2Bdsz,
html[data-n79-viewport='tablet'] .entry_registerAnimated__2Bdsz,
html[data-n79-viewport='mobile'] .entry_loginAnimated__1Gwda,
html[data-n79-viewport='tablet'] .entry_loginAnimated__1Gwda {
  left: 0 !important;
}

html[data-n79-viewport='mobile'] .n79-auth-panel,
html[data-n79-viewport='tablet'] .n79-auth-panel {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  box-sizing: border-box;
}

html[data-n79-viewport='mobile'] .login_formContainer__2zhUW,
html[data-n79-viewport='tablet'] .login_formContainer__2zhUW,
html[data-n79-viewport='mobile'] .register_formContainer__3DhlE,
html[data-n79-viewport='tablet'] .register_formContainer__3DhlE {
  width: 100% !important;
  max-width: 400px !important;
  margin: 0 auto !important;
  box-sizing: border-box;
  overflow: visible !important;
}

html[data-n79-viewport='mobile'] .login_normalContent__1I3Xg,
html[data-n79-viewport='tablet'] .login_normalContent__1I3Xg,
html[data-n79-viewport='mobile'] .register_registerContent__16A8K,
html[data-n79-viewport='tablet'] .register_registerContent__16A8K {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  padding: 12px 16px 20px !important;
}

html[data-n79-viewport='mobile'] .login_locationToRight__gIQoN,
html[data-n79-viewport='tablet'] .login_locationToRight__gIQoN,
html[data-n79-viewport='mobile'] .register_locationToLeft__17bW-,
html[data-n79-viewport='tablet'] .register_locationToLeft__17bW- {
  flex: 0 0 40px !important;
  width: 40px !important;
  max-width: 40px !important;
}

html[data-n79-viewport='mobile'] .login_title__1VIs3,
html[data-n79-viewport='tablet'] .login_title__1VIs3,
html[data-n79-viewport='mobile'] .register_registerTitle__gkT0e,
html[data-n79-viewport='tablet'] .register_registerTitle__gkT0e {
  font-size: 20px !important;
  line-height: 1.3 !important;
  padding: 16px 0 20px !important;
}

html[data-n79-viewport='mobile'] .login_inputBox__3j84z,
html[data-n79-viewport='tablet'] .login_inputBox__3j84z,
html[data-n79-viewport='mobile'] .register_inputBox__6n6TQ,
html[data-n79-viewport='tablet'] .register_inputBox__6n6TQ,
html[data-n79-viewport='mobile'] .login_form__1BQh1,
html[data-n79-viewport='tablet'] .login_form__1BQh1,
html[data-n79-viewport='mobile'] .register_form__1pmZ3,
html[data-n79-viewport='tablet'] .register_form__1pmZ3,
html[data-n79-viewport='mobile'] .login_normalLoginWrap__Q4P0O,
html[data-n79-viewport='tablet'] .login_normalLoginWrap__Q4P0O {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

html[data-n79-viewport='mobile'] .login_inputGroup__1xPH8,
html[data-n79-viewport='tablet'] .login_inputGroup__1xPH8,
html[data-n79-viewport='mobile'] .register_inputGroup__2VkRD,
html[data-n79-viewport='tablet'] .register_inputGroup__2VkRD {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 4px 12px !important;
  margin-bottom: 12px !important;
  box-sizing: border-box;
}

html[data-n79-viewport='mobile'] .login_inputMain__18b4V,
html[data-n79-viewport='tablet'] .login_inputMain__18b4V,
html[data-n79-viewport='mobile'] .register_inputMain__3Ur5m,
html[data-n79-viewport='tablet'] .register_inputMain__3Ur5m {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

html[data-n79-viewport='mobile'] .login_input__hMBpm,
html[data-n79-viewport='tablet'] .login_input__hMBpm,
html[data-n79-viewport='mobile'] .register_input__1ukwi,
html[data-n79-viewport='tablet'] .register_input__1ukwi {
  display: block !important;
  width: 100% !important;
  min-width: 96px !important;
  min-height: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
}

/* Captcha row: input + image must both stay visible */
html[data-n79-viewport='mobile'] .login_inputMain__18b4V[style*='row'],
html[data-n79-viewport='tablet'] .login_inputMain__18b4V[style*='row'],
html[data-n79-viewport='mobile'] .register_inputMain__3Ur5m[style*='row'],
html[data-n79-viewport='tablet'] .register_inputMain__3Ur5m[style*='row'] {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 8px;
  width: 100% !important;
}

html[data-n79-viewport='mobile'] .login_inputMain__18b4V[style*='row'] .login_input__hMBpm,
html[data-n79-viewport='tablet'] .login_inputMain__18b4V[style*='row'] .login_input__hMBpm,
html[data-n79-viewport='mobile'] .register_inputMain__3Ur5m[style*='row'] .register_input__1ukwi,
html[data-n79-viewport='tablet'] .register_inputMain__3Ur5m[style*='row'] .register_input__1ukwi {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 96px !important;
}

html[data-n79-viewport='mobile'] .login_inputMain__18b4V img,
html[data-n79-viewport='tablet'] .login_inputMain__18b4V img,
html[data-n79-viewport='mobile'] .register_inputMain__3Ur5m img,
html[data-n79-viewport='tablet'] .register_inputMain__3Ur5m img {
  flex: 0 0 auto !important;
  height: 40px !important;
  width: auto !important;
  max-width: 120px !important;
  min-width: 72px !important;
}

html[data-n79-viewport='mobile'] .login_btnGroup__37-ja,
html[data-n79-viewport='tablet'] .login_btnGroup__37-ja,
html[data-n79-viewport='mobile'] .register_btnGroup__1vkHI,
html[data-n79-viewport='tablet'] .register_btnGroup__1vkHI {
  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  margin-top: 8px !important;
}

html[data-n79-viewport='mobile'] .login_activeBtn__3wLDx,
html[data-n79-viewport='tablet'] .login_activeBtn__3wLDx,
html[data-n79-viewport='mobile'] .register_registerBtn__1set3,
html[data-n79-viewport='tablet'] .register_registerBtn__1set3,
html[data-n79-viewport='mobile'] .login_btnGroup__37-ja button,
html[data-n79-viewport='tablet'] .login_btnGroup__37-ja button,
html[data-n79-viewport='mobile'] .register_btnGroup__1vkHI button,
html[data-n79-viewport='tablet'] .register_btnGroup__1vkHI button {
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  font-size: 16px !important;
  line-height: 48px !important;
  border: none;
  border-radius: 8px;
}

html[data-n79-viewport='mobile'] .login_visitorBtn__2xo1h,
html[data-n79-viewport='tablet'] .login_visitorBtn__2xo1h,
html[data-n79-viewport='mobile'] .login_visitorBtn__2xo1h a,
html[data-n79-viewport='tablet'] .login_visitorBtn__2xo1h a,
html[data-n79-viewport='mobile'] .login_text__-W8Ok,
html[data-n79-viewport='tablet'] .login_text__-W8Ok,
html[data-n79-viewport='mobile'] .register_text__33mcY,
html[data-n79-viewport='tablet'] .register_text__33mcY {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

html[data-n79-viewport='mobile'] .entry_sponsorGroup__28DPX,
html[data-n79-viewport='tablet'] .entry_sponsorGroup__28DPX {
  width: 100% !important;
  max-width: 400px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 8px auto !important;
  background-size: contain !important;
}

/* ---- Desktop Register/Login boxes when shown under tablet/mobile (safety) ---- */
html[data-n79-viewport='mobile'] ._2qyICCAn,
html[data-n79-viewport='tablet'] ._2qyICCAn,
html[data-n79-viewport='mobile'] ._2UT0Kf_K,
html[data-n79-viewport='tablet'] ._2UT0Kf_K {
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px auto 0 !important;
  top: auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

html[data-n79-viewport='mobile'] ._1xYhiAzf,
html[data-n79-viewport='tablet'] ._1xYhiAzf,
html[data-n79-viewport='mobile'] ._3BxpfSW8,
html[data-n79-viewport='tablet'] ._3BxpfSW8 {
  width: 100% !important;
  max-width: 400px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  padding: 16px 16px 24px !important;
  background-size: 100% 100%;
}

html[data-n79-viewport='mobile'] .DZfPXDqq,
html[data-n79-viewport='tablet'] .DZfPXDqq {
  margin: 16px auto !important;
  max-width: 100% !important;
}

html[data-n79-viewport='mobile'] .DZfPXDqq img,
html[data-n79-viewport='tablet'] .DZfPXDqq img {
  width: min(280px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
}

html[data-n79-viewport='mobile'] ._9s4xncLL,
html[data-n79-viewport='tablet'] ._9s4xncLL,
html[data-n79-viewport='mobile'] ._116pmddr,
html[data-n79-viewport='tablet'] ._116pmddr {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 24px !important;
  box-sizing: border-box !important;
}

html[data-n79-viewport='mobile'] .FzjZ-TwQ,
html[data-n79-viewport='tablet'] .FzjZ-TwQ,
html[data-n79-viewport='mobile'] ._22Zr7rGv,
html[data-n79-viewport='tablet'] ._22Zr7rGv {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

html[data-n79-viewport='mobile'] .FzjZ-TwQ input,
html[data-n79-viewport='tablet'] .FzjZ-TwQ input,
html[data-n79-viewport='mobile'] ._22Zr7rGv input,
html[data-n79-viewport='tablet'] ._22Zr7rGv input {
  width: 100% !important;
  min-width: 96px !important;
  min-height: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
}

/* Captcha block was absolute and drifted outside narrow viewports */
html[data-n79-viewport='mobile'] ._3zcM8MXv,
html[data-n79-viewport='tablet'] ._3zcM8MXv,
html[data-n79-viewport='mobile'] ._6XG621z9,
html[data-n79-viewport='tablet'] ._6XG621z9 {
  position: static !important;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  width: 100% !important;
  margin-top: 8px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px;
  box-sizing: border-box !important;
}

html[data-n79-viewport='mobile'] ._3zcM8MXv ._1_iUfFmJ,
html[data-n79-viewport='tablet'] ._3zcM8MXv ._1_iUfFmJ,
html[data-n79-viewport='mobile'] ._6XG621z9 .tS_Fkc83,
html[data-n79-viewport='tablet'] ._6XG621z9 .tS_Fkc83 {
  width: auto !important;
  max-width: 60% !important;
  height: 40px !important;
  min-width: 96px !important;
}

html[data-n79-viewport='mobile'] .x2AzF1GR,
html[data-n79-viewport='tablet'] .x2AzF1GR,
html[data-n79-viewport='mobile'] .MoDMiXI4,
html[data-n79-viewport='tablet'] .MoDMiXI4 {
  margin-bottom: 16px !important;
  flex-wrap: wrap !important;
}

html[data-n79-viewport='mobile'] ._349CzCYy,
html[data-n79-viewport='tablet'] ._349CzCYy {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  font-size: 16px !important;
  margin: 0 auto !important;
}

html[data-n79-viewport='mobile'] ._2zoVUbLx,
html[data-n79-viewport='tablet'] ._2zoVUbLx {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

/* Desktop auth: meet 44px touch / readable field height without redesign */
html[data-n79-viewport='desktop'] .n79-login-view ._22Zr7rGv input,
html[data-n79-viewport='desktop'] .n79-register-view .FzjZ-TwQ input,
html[data-n79-viewport='desktop'] ._22Zr7rGv input,
html[data-n79-viewport='desktop'] .FzjZ-TwQ input {
  min-height: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  font-size: 16px !important;
}

html[data-n79-viewport='desktop'] .n79-login-view ._349CzCYy,
html[data-n79-viewport='desktop'] .n79-register-view ._349CzCYy {
  min-height: 48px !important;
  height: 48px !important;
}