/* [AUTH-MERGE] Styles for the merged Register|Login dialog (#auth_window).
   Colours come ONLY from the existing --theme-* variables. */
.cx-auth-tab { cursor: pointer; }
.cx-auth-pane { display: none; }
.cx-auth-pane.cx-pane-active { display: block; animation: cxAuthPaneIn .3s ease both; }
@keyframes cxAuthPaneIn {
  from { opacity: 0; transform: translateY(.06rem); }
  to { opacity: 1; transform: translateY(0); }
}

/* 4-segment password strength meter (register pane) */
.cx-strength { display: flex; align-items: center; gap: .12rem; margin: -.04rem 0 .14rem; }
.cx-strength-label { font-size: .22rem; color: var(--theme-primary-font-color); white-space: nowrap; }
.cx-strength-segs { display: flex; gap: .06rem; flex: 1; }
.cx-strength-seg { height: .08rem; flex: 1; border-radius: .04rem; background: var(--theme-primary-color); opacity: .15; transition: opacity .2s ease; }
.cx-strength-seg.on { opacity: 1; }
.cx-strength-text { font-size: .22rem; color: var(--theme-primary-font-color); min-width: .7rem; text-align: right; white-space: nowrap; }

/* +92 phone prefix segment (register phone field) */
.cx-phone-prefix { display: inline-flex; align-items: center; gap: .08rem; padding-right: .12rem; border-right: 1px solid var(--theme-color-line); font-size: .26rem; color: var(--theme-primary-font-color); white-space: nowrap; }

/* 18+ agreement gate: register button disabled state */
#submitRegister.cx-btn-disabled { opacity: .45; }

/* [REGFIX] The themed .ant-input inside the affix wrapper renders content-box:
   its 100% width plus .65rem horizontal padding overflowed the wrapper and the
   modal's overflow:hidden clipped the fields' right edge. Border-box restores
   the intended fit. Scoped to the auth dialog only. */
#auth_window .ant-input { box-sizing: border-box; }
/* [REGFIX] Vendor mobile rule pins .ant-input to a fixed 5.4rem, wider than the
   register form's padded content box - the excess was clipped at the right. */
#auth_window .ant-input-affix-wrapper .ant-input { width: 100%; }

/* [REGFIX] The wide +92 prefix segment overlays the phone input's text start;
   give the phone input enough left padding for text to begin after the segment. */
#auth-pane-register .base-form-item-realName .ant-input { padding-left: 1.28rem; }

/* Registration success popup (inside #auth_window, replaces the form on success) */
.cx-success-badge { width: 1.1rem; height: 1.1rem; margin: 0 auto .18rem; border-radius: 50%; background: var(--theme-secondary-color-success); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .55rem; }
.cx-success-title { font-size: .34rem; font-weight: 600; color: var(--theme-primary-font-color); margin-bottom: .12rem; }
.cx-success-text { font-size: .24rem; line-height: 1.5; color: var(--theme-primary-font-color); opacity: .75; margin-bottom: .3rem; }