/* The recovered auth page has a dark-only palette. Follow the bootstrap theme
   supplied by /api/common/getFrontSetting on public routes as well. */
html[theme='light'] .auth-page:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  color-scheme: light;
  --cex-auth-accent: var(--ex-two-level-theme-color, #15ead9);
  --cex-auth-link: color-mix(in srgb, var(--cex-auth-accent) 30%, #004c46);
  background: linear-gradient(135deg, #f8fbfb, #e9f5f3, #f8fbfb);
}

html[theme='light'] .auth-page:is([data-v-dbefa12d],[data-v-d1198cb2])::before {
  background:
    radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--cex-auth-accent) 17%, transparent), transparent 18%),
    radial-gradient(circle at 85% 75%, color-mix(in srgb, var(--cex-auth-accent) 13%, transparent), transparent 24%);
}

html[theme='light'] .auth-page:is([data-v-dbefa12d],[data-v-d1198cb2])::after {
  display: none;
}

html[theme='light'] .auth-container:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  background: var(--ex-backup--background-color, #fff);
  border: 1px solid color-mix(in srgb, var(--cex-auth-accent) 22%, #dbe5e5);
  box-shadow: 0 20px 60px #1b43421a;
}

html[theme='light'] .auth-title:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .form-label:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .auth-footer:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  color: #172b34;
}

html[theme='light'] .auth-subtitle:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .auth-tab:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .remember-me label:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  color: #52646e;
}

html[theme='light'] .auth-logo:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .forgot-password:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .auth-footer button:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .modal-header h3:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  color: var(--cex-auth-link);
}

html[theme='light'] .auth-tabs:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  background: color-mix(in srgb, var(--cex-auth-accent) 12%, #fff);
}

html[theme='light'] .auth-tab.active:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  background: var(--cex-auth-accent);
  color: #073733;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--cex-auth-accent) 28%, transparent);
}

html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  background: #fff;
  border-color: #c5d8d6;
  color: #172b34;
}

html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2])::placeholder {
  color: #687b84;
}

html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2]):-webkit-autofill,
html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2]):-webkit-autofill:hover,
html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2]):-webkit-autofill:focus {
  -webkit-text-fill-color: #172b34 !important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2]):focus,
html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2]):hover {
  border-color: var(--cex-auth-link);
}

html[theme='light'] .form-input:is([data-v-dbefa12d],[data-v-d1198cb2]):focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cex-auth-accent) 18%, transparent);
}

html[theme='light'] .password-toggle-btn:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .back-to-home:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  color: #52646e;
}

html[theme='light'] .password-toggle-btn:is([data-v-dbefa12d],[data-v-d1198cb2]):hover,
html[theme='light'] .back-to-home:is([data-v-dbefa12d],[data-v-d1198cb2]):hover {
  color: var(--cex-auth-link);
}

html[theme='light'] .code-btn:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .area-code-btn:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  border-color: #b6d5d1;
  background: color-mix(in srgb, var(--cex-auth-accent) 10%, #fff);
  color: var(--cex-auth-link);
}

html[theme='light'] .code-btn:is([data-v-dbefa12d],[data-v-d1198cb2]):hover,
html[theme='light'] .area-code-btn:is([data-v-dbefa12d],[data-v-d1198cb2]):hover {
  border-color: var(--cex-auth-link);
}

html[theme='light'] .code-btn:is([data-v-dbefa12d],[data-v-d1198cb2]):disabled {
  color: #748b88;
}

html[theme='light'] .remember-me input[type='checkbox']:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  border-color: #a9c5c2;
  accent-color: var(--cex-auth-accent);
}

html[theme='light'] .remember-me input[type='checkbox']:is([data-v-dbefa12d],[data-v-d1198cb2]):checked {
  background-color: var(--cex-auth-accent);
}

html[theme='light'] .auth-btn:is([data-v-dbefa12d],[data-v-d1198cb2]),
html[theme='light'] .modal-btn:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  background: var(--cex-auth-accent);
  color: #073733;
}

html[theme='light'] .auth-divider:is([data-v-dbefa12d],[data-v-d1198cb2])::before {
  background: #dbe5e5;
}

html[theme='light'] .auth-divider span:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  background: #fff;
  color: #52646e;
}

html[theme='light'] .modal-content:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  background: #fff;
  border-color: #d6e7e5;
}

html[theme='light'] .modal-body p:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  color: #52646e;
}

html[theme='light'] .modal-close:is([data-v-dbefa12d],[data-v-d1198cb2]) {
  color: #52646e;
}

/* Registration uses a separate Vue scope and Vant fields with dark-only rules. */
html[theme='light'] .auth-page[data-v-d1198cb2] .formData p,
html[theme='light'] .auth-page[data-v-d1198cb2] .img-code-field p,
html[theme='light'] .auth-page[data-v-d1198cb2] .is-account {
  color: #52646e !important;
}

html[theme='light'] .auth-page[data-v-d1198cb2] .van-field {
  background: #fff !important;
  border-color: #c5d8d6 !important;
  color: #172b34 !important;
}

html[theme='light'] .auth-page[data-v-d1198cb2] .van-field input,
html[theme='light'] .auth-page[data-v-d1198cb2] .van-field__control {
  color: #172b34 !important;
  -webkit-text-fill-color: #172b34;
}

html[theme='light'] .auth-page[data-v-d1198cb2] .van-field input::placeholder,
html[theme='light'] .auth-page[data-v-d1198cb2] .van-field__control::placeholder {
  color: #687b84 !important;
}

html[theme='light'] .auth-page[data-v-d1198cb2] .van-field input:-webkit-autofill {
  -webkit-text-fill-color: #172b34 !important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

html[theme='light'] .auth-page[data-v-d1198cb2] .form-eye,
html[theme='light'] .auth-page[data-v-d1198cb2] .form-area-code,
html[theme='light'] .auth-page[data-v-d1198cb2] .form-area-code-icon {
  color: #52646e !important;
}

html[theme='light'] .auth-page[data-v-d1198cb2] .van-tabs .tab-item {
  color: #52646e;
}

html[theme='light'] .auth-page[data-v-d1198cb2] .van-tabs .tab-item.atv,
html[theme='light'] .auth-page[data-v-d1198cb2] .is-account span {
  color: var(--cex-auth-link) !important;
}