html.exchange-theme-light {
  --ex-bg: #f4f7fb;
  --ex-bg-deep: #e9eff7;
  --ex-surface: #ffffff;
  --ex-surface-2: #f8fafc;
  --ex-surface-3: #eef4fb;
  --ex-line: #e2e8f0;
  --ex-line-soft: rgba(148, 163, 184, 0.24);
  --ex-text: #172033;
  --ex-text-soft: #475569;
  --ex-muted: #8b98aa;
  --ex-placeholder: #6b778a;
  --ex-accent: #12b298;
  --ex-accent-2: #2f89ff;
  --ex-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

html.exchange-theme-light,
html.exchange-theme-light body,
html.exchange-theme-light uni-app,
html.exchange-theme-light uni-page,
html.exchange-theme-light uni-page-wrapper,
html.exchange-theme-light uni-page-body,
html.exchange-theme-light .uni-page-body,
html.exchange-theme-light .uni-app--maxwidth {
  background: #f4f7fb !important;
  color: #172033 !important;
}

html.exchange-theme-light .u-navbar,
html.exchange-theme-light .u-navbar-inner,
html.exchange-theme-light .uni-page-head,
html.exchange-theme-light .uni-page-head__title,
html.exchange-theme-light uni-tabbar .uni-tabbar,
html.exchange-theme-light .u-tabbar {
  background: #ffffff !important;
  color: #172033 !important;
  border-color: #e2e8f0 !important;
}

html.exchange-theme-light .container,
html.exchange-theme-light .content,
html.exchange-theme-light .loginForm,
html.exchange-theme-light .u-form,
html.exchange-theme-light .u-cell,
html.exchange-theme-light .market,
html.exchange-theme-light .assets,
html.exchange-theme-light .form,
html.exchange-theme-light .u-drawer-content,
html.exchange-theme-light .u-select__body {
  background: #ffffff !important;
  color: #172033 !important;
  border-color: #e2e8f0 !important;
}

html.exchange-theme-light .loginForm {
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html.exchange-theme-light .u-input,
html.exchange-theme-light .u-input__input,
html.exchange-theme-light .u-form-item,
html.exchange-theme-light .u-form-item__body,
html.exchange-theme-light .uni-textarea-wrapper,
html.exchange-theme-light .uni-input-wrapper,
html.exchange-theme-light .uni-input-input,
html.exchange-theme-light .uni-textarea-textarea,
html.exchange-theme-light input,
html.exchange-theme-light textarea {
  background: #ffffff !important;
  color: #172033 !important;
}

html.exchange-theme-light .u-form-item,
html.exchange-theme-light .u-form-item__body,
html.exchange-theme-light .u-border-bottom,
html.exchange-theme-light .u-border-top,
html.exchange-theme-light .b-b {
  border-color: #e2e8f0 !important;
}

html.exchange-theme-light .input-placeholder,
html.exchange-theme-light .textarea-placeholder,
html.exchange-theme-light .uni-input-placeholder,
html.exchange-theme-light .uni-textarea-placeholder,
html.exchange-theme-light .u-placeholder-class,
html.exchange-theme-light .placeholder-style {
  color: var(--ex-placeholder) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.exchange-theme-light .u-title,
html.exchange-theme-light .u-navbar-content-title,
html.exchange-theme-light .u-icon__icon,
html.exchange-theme-light text,
html.exchange-theme-light uni-text {
  color: inherit;
}

html.exchange-theme-light .loginForm > uni-button,
html.exchange-theme-light .loginForm > button,
html.exchange-theme-light .u-btn--success,
html.exchange-theme-light .sysBGreen {
  background: #12b298 !important;
  background-image: linear-gradient(135deg, #20d4aa 0%, #12b298 56%, #2f89ff 100%) !important;
  color: #ffffff !important;
}

html.exchange-theme-light .loginForm > uni-view[style*="justify-content: center"],
html.exchange-theme-light .loginForm > view[style*="justify-content: center"] {
  color: #059e8a !important;
}

html.exchange-theme-light .loginForm .u-line {
  border-color: #059e8a !important;
}

html.exchange-theme-light .loginForm {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

html.exchange-theme-light .loginForm .u-form-item,
html.exchange-theme-light .loginForm .u-form-item__body {
  background: transparent !important;
}

html.exchange-theme-light .loginForm .u-form-item__body {
  background: #ffffff !important;
  border-color: #d9e2ef !important;
}

html.exchange-theme-light .loginForm .u-input,
html.exchange-theme-light .loginForm .u-input__input,
html.exchange-theme-light .loginForm .uni-input-wrapper,
html.exchange-theme-light .loginForm .uni-input-input,
html.exchange-theme-light .loginForm input {
  background: transparent !important;
  color: #172033 !important;
}

html.exchange-theme-light .loginForm .u-input[style*="width: 160rpx"],
html.exchange-theme-light .loginForm .u-input[style*="width:160rpx"],
html.exchange-theme-light .loginForm .u-form-item--right__content__slot > .u-input:first-child:nth-last-child(2),
html.exchange-theme-light .loginForm .u-form-item__body > .u-input:first-child:nth-last-child(2) {
  border-right-color: #d9e2ef !important;
}

html.exchange-theme-light .loginForm .input-placeholder,
html.exchange-theme-light .loginForm .uni-input-placeholder,
html.exchange-theme-light .loginForm input::placeholder,
html.exchange-theme-light .loginForm input::-webkit-input-placeholder {
  color: var(--ex-placeholder) !important;
}

html.exchange-theme-light .loginForm .u-input__right-icon,
html.exchange-theme-light .loginForm .u-input__right-icon .u-icon,
html.exchange-theme-light .loginForm .u-icon__icon {
  color: #94a3b8 !important;
}

/* Theme toggle is currently disabled; H5 stays in dark mode by default. */
#exchange-theme-toggle {
  display: none !important;
}

#exchange-theme-toggle {
  position: fixed;
  top: auto;
  left: auto;
  right: 12px;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 76px);
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(126, 163, 204, 0.3);
  border-radius: 50%;
  background: rgba(15, 29, 50, 0.76);
  color: #d8e7f8;
  box-shadow: 0 10px 22px rgba(2, 10, 22, 0.28);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
  line-height: 1;
  outline: none;
  opacity: 0.82;
  overflow: hidden;
  transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
  -webkit-tap-highlight-color: transparent;
}

#exchange-theme-toggle:hover,
#exchange-theme-toggle:focus-visible {
  opacity: 1;
  transform: translateY(-1px);
}

#exchange-theme-toggle:active {
  transform: scale(0.96);
}

#exchange-theme-toggle .exchange-theme-toggle__icon {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

#exchange-theme-toggle[data-mode="dark"] .exchange-theme-toggle__icon {
  background: #8fc3f6;
  box-shadow: inset -6px -4px 0 #0b1728;
}

html.exchange-theme-dark #exchange-theme-toggle,
#exchange-theme-toggle[data-mode="dark"] {
  border-color: rgba(102, 151, 194, 0.42);
  background: rgba(13, 32, 53, 0.92);
  color: #dce8f5;
  box-shadow: 0 8px 18px rgba(2, 10, 22, 0.34);
}

#exchange-theme-toggle[data-mode="light"] .exchange-theme-toggle__icon {
  background: #f7c948;
  box-shadow: 0 0 0 2px rgba(247, 201, 72, 0.2);
}

#exchange-theme-toggle[data-mode="light"] .exchange-theme-toggle__icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 -13px 0 #f7c948,
    0 13px 0 #f7c948,
    13px 0 0 #f7c948,
    -13px 0 0 #f7c948,
    9px 9px 0 #f7c948,
    -9px 9px 0 #f7c948,
    9px -9px 0 #f7c948,
    -9px -9px 0 #f7c948;
}

html.exchange-theme-light #exchange-theme-toggle {
  border-color: rgba(148, 163, 184, 0.38);
  background: rgba(255, 255, 255, 0.84);
  color: #46566d;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
}

@media (max-width: 360px) {
  #exchange-theme-toggle {
    right: 10px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 68px);
    width: 38px;
    min-width: 38px;
    max-width: 38px;
    height: 38px;
  }
}

/* Theme consistency patch: cover uView, uni-app generated nodes and legacy inline colors. */
html.exchange-theme-dark {
  --ex-bg: #0f1d32;
  --ex-bg-deep: #0a1626;
  --ex-surface: #142840;
  --ex-surface-2: #19304d;
  --ex-surface-3: #203b5e;
  --ex-line: #2a4565;
  --ex-line-soft: rgba(126, 163, 204, 0.22);
  --ex-text: #e8f1fb;
  --ex-text-soft: #bac9dc;
  --ex-muted: #8299b5;
  --ex-placeholder: #c8d8ea;
  --ex-accent: #40c6d2;
  --ex-accent-2: #6aa8ff;
  --ex-green: #18c79a;
  --ex-red: #f25f6e;
  --ex-shadow: 0 6px 24px rgba(2, 10, 22, 0.28);
}

html.exchange-theme-dark,
html.exchange-theme-dark body,
html.exchange-theme-dark uni-app,
html.exchange-theme-dark uni-page,
html.exchange-theme-dark uni-page-wrapper,
html.exchange-theme-dark uni-page-body,
html.exchange-theme-dark .uni-page-body,
html.exchange-theme-dark .uni-app--maxwidth {
  background: linear-gradient(180deg, #122641 0%, var(--ex-bg) 42%, var(--ex-bg-deep) 100%) !important;
  color: var(--ex-text) !important;
}

html.exchange-theme-light,
html.exchange-theme-light body,
html.exchange-theme-light uni-app,
html.exchange-theme-light uni-page,
html.exchange-theme-light uni-page-wrapper,
html.exchange-theme-light uni-page-body,
html.exchange-theme-light .uni-page-body,
html.exchange-theme-light .uni-app--maxwidth {
  background: #f4f7fb !important;
  color: #172033 !important;
}

html.exchange-theme-dark uni-view,
html.exchange-theme-dark uni-text,
html.exchange-theme-dark .u-main-color,
html.exchange-theme-dark .u-content-color,
html.exchange-theme-dark .u-tips-color,
html.exchange-theme-dark .k-color-333,
html.exchange-theme-dark .k-color-999,
html.exchange-theme-dark .name,
html.exchange-theme-dark .title,
html.exchange-theme-dark .text,
html.exchange-theme-dark .uni-label-pointer,
html.exchange-theme-dark .u-cell__title,
html.exchange-theme-dark .u-cell__value,
html.exchange-theme-dark .u-form-item__body__left__content__label,
html.exchange-theme-dark .u-form-item--left__content__label,
html.exchange-theme-dark .u-modal__title,
html.exchange-theme-dark .u-modal__content,
html.exchange-theme-dark .u-model__title,
html.exchange-theme-dark .u-model__content__message {
  color: var(--ex-text) !important;
}

html.exchange-theme-light uni-view,
html.exchange-theme-light uni-text,
html.exchange-theme-light .u-main-color,
html.exchange-theme-light .u-content-color,
html.exchange-theme-light .u-tips-color,
html.exchange-theme-light .k-color-333,
html.exchange-theme-light .name,
html.exchange-theme-light .title,
html.exchange-theme-light .text,
html.exchange-theme-light .uni-label-pointer,
html.exchange-theme-light .u-cell__title,
html.exchange-theme-light .u-form-item__body__left__content__label,
html.exchange-theme-light .u-form-item--left__content__label,
html.exchange-theme-light .u-modal__title,
html.exchange-theme-light .u-modal__content,
html.exchange-theme-light .u-model__title,
html.exchange-theme-light .u-model__content__message {
  color: #172033 !important;
}

html.exchange-theme-light .k-color-999,
html.exchange-theme-light .textNormal,
html.exchange-theme-light .u-cell__label,
html.exchange-theme-light .u-cell__value,
html.exchange-theme-light .u-tips-color {
  color: #64748b !important;
}

html.exchange-theme-dark .container,
html.exchange-theme-dark .content,
html.exchange-theme-dark .section,
html.exchange-theme-dark .market,
html.exchange-theme-dark .assets,
html.exchange-theme-dark .asset,
html.exchange-theme-dark .menudiv,
html.exchange-theme-dark .kuaisu,
html.exchange-theme-dark .headerassets,
html.exchange-theme-dark .icon-line,
html.exchange-theme-dark .history-wrap,
html.exchange-theme-dark .summary-box,
html.exchange-theme-dark .product-panel,
html.exchange-theme-dark .product-item,
html.exchange-theme-dark .fast-item,
html.exchange-theme-dark .trade-item,
html.exchange-theme-dark .his-item,
html.exchange-theme-dark .time-box,
html.exchange-theme-dark .loginForm,
html.exchange-theme-dark .form,
html.exchange-theme-dark .tab,
html.exchange-theme-dark .u-form,
html.exchange-theme-dark .u-form-item,
html.exchange-theme-dark .u-form-item__body,
html.exchange-theme-dark .u-cell,
html.exchange-theme-dark .u-cell-group,
html.exchange-theme-dark .u-cell-box,
html.exchange-theme-dark .u-cell-item-box,
html.exchange-theme-dark .u-card,
html.exchange-theme-dark .u-table,
html.exchange-theme-dark .u-tr,
html.exchange-theme-dark .u-td,
html.exchange-theme-dark .u-th,
html.exchange-theme-dark .uni-list,
html.exchange-theme-dark .uni-list-cell,
html.exchange-theme-dark .u-drawer-content,
html.exchange-theme-dark .u-popup__content,
html.exchange-theme-dark .u-select__body,
html.exchange-theme-dark .u-picker,
html.exchange-theme-dark .uni-modal,
html.exchange-theme-dark .u-model,
html.exchange-theme-dark .uni-actionsheet__menu,
html.exchange-theme-dark .uni-picker-container .uni-picker {
  background-color: var(--ex-surface) !important;
  border-color: var(--ex-line-soft) !important;
  color: var(--ex-text) !important;
}

html.exchange-theme-light .container,
html.exchange-theme-light .content,
html.exchange-theme-light .section,
html.exchange-theme-light .market,
html.exchange-theme-light .assets,
html.exchange-theme-light .asset,
html.exchange-theme-light .menudiv,
html.exchange-theme-light .kuaisu,
html.exchange-theme-light .headerassets,
html.exchange-theme-light .icon-line,
html.exchange-theme-light .history-wrap,
html.exchange-theme-light .summary-box,
html.exchange-theme-light .product-panel,
html.exchange-theme-light .product-item,
html.exchange-theme-light .fast-item,
html.exchange-theme-light .trade-item,
html.exchange-theme-light .his-item,
html.exchange-theme-light .time-box,
html.exchange-theme-light .loginForm,
html.exchange-theme-light .form,
html.exchange-theme-light .tab,
html.exchange-theme-light .u-form,
html.exchange-theme-light .u-form-item,
html.exchange-theme-light .u-form-item__body,
html.exchange-theme-light .u-cell,
html.exchange-theme-light .u-cell-group,
html.exchange-theme-light .u-cell-box,
html.exchange-theme-light .u-cell-item-box,
html.exchange-theme-light .u-card,
html.exchange-theme-light .u-table,
html.exchange-theme-light .u-tr,
html.exchange-theme-light .u-td,
html.exchange-theme-light .u-th,
html.exchange-theme-light .uni-list,
html.exchange-theme-light .uni-list-cell,
html.exchange-theme-light .u-drawer-content,
html.exchange-theme-light .u-popup__content,
html.exchange-theme-light .u-select__body,
html.exchange-theme-light .u-picker,
html.exchange-theme-light .uni-modal,
html.exchange-theme-light .u-model,
html.exchange-theme-light .uni-actionsheet__menu,
html.exchange-theme-light .uni-picker-container .uni-picker {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #172033 !important;
  box-shadow: none !important;
}

html.exchange-theme-dark .u-navbar,
html.exchange-theme-dark .u-navbar-inner,
html.exchange-theme-dark .u-navbar-fixed,
html.exchange-theme-dark .u-status-bar,
html.exchange-theme-dark .u-navbar-placeholder,
html.exchange-theme-dark .uni-page-head,
html.exchange-theme-dark .uni-page-head__title,
html.exchange-theme-dark uni-page-head .uni-page-head {
  background: #142840 !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

html.exchange-theme-light .u-navbar,
html.exchange-theme-light .u-navbar-inner,
html.exchange-theme-light .u-navbar-fixed,
html.exchange-theme-light .u-status-bar,
html.exchange-theme-light .u-navbar-placeholder,
html.exchange-theme-light .uni-page-head,
html.exchange-theme-light .uni-page-head__title,
html.exchange-theme-light uni-page-head .uni-page-head {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #172033 !important;
}

html.exchange-theme-dark .u-tabbar,
html.exchange-theme-dark .u-tabbar__content,
html.exchange-theme-dark uni-tabbar .uni-tabbar {
  background: #112139 !important;
  border-color: var(--ex-line) !important;
}

html.exchange-theme-light .u-tabbar,
html.exchange-theme-light .u-tabbar__content,
html.exchange-theme-light uni-tabbar .uni-tabbar {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

html.exchange-theme-dark .u-input,
html.exchange-theme-dark .u-input__input,
html.exchange-theme-dark .u-textarea,
html.exchange-theme-dark .u-search .u-content,
html.exchange-theme-dark .u-search .u-input,
html.exchange-theme-dark uni-input,
html.exchange-theme-dark uni-textarea,
html.exchange-theme-dark .uni-textarea-wrapper,
html.exchange-theme-dark .uni-textarea-textarea {
  background-color: #10233b !important;
  border-color: var(--ex-line) !important;
  color: var(--ex-text) !important;
}

html.exchange-theme-dark .uni-input-wrapper,
html.exchange-theme-dark .uni-input-input,
html.exchange-theme-dark .uni-textarea-placeholder,
html.exchange-theme-dark .uni-textarea-compute,
html.exchange-theme-dark input,
html.exchange-theme-dark textarea {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--ex-text) !important;
}

html.exchange-theme-light .u-input,
html.exchange-theme-light .u-input__input,
html.exchange-theme-light .u-textarea,
html.exchange-theme-light .u-search .u-content,
html.exchange-theme-light .u-search .u-input,
html.exchange-theme-light uni-input,
html.exchange-theme-light uni-textarea,
html.exchange-theme-light .uni-input-wrapper,
html.exchange-theme-light .uni-input-input,
html.exchange-theme-light .uni-textarea-wrapper,
html.exchange-theme-light .uni-textarea-textarea,
html.exchange-theme-light input,
html.exchange-theme-light textarea {
  background-color: #ffffff !important;
  border-color: #d9e2ef !important;
  color: #172033 !important;
}

html.exchange-theme-dark .input-placeholder,
html.exchange-theme-dark .textarea-placeholder,
html.exchange-theme-dark .uni-input-placeholder,
html.exchange-theme-dark .uni-textarea-placeholder,
html.exchange-theme-dark .u-placeholder-class,
html.exchange-theme-dark .placeholder-style,
html.exchange-theme-dark .loginForm .input-placeholder,
html.exchange-theme-dark .loginForm .textarea-placeholder,
html.exchange-theme-dark .loginForm .uni-input-placeholder,
html.exchange-theme-dark .loginForm .uni-textarea-placeholder,
html.exchange-theme-dark .loginForm .u-placeholder-class,
html.exchange-theme-dark .loginForm .placeholder-style,
html.exchange-theme-dark .u-input__input .input-placeholder,
html.exchange-theme-dark .u-input__input .uni-input-placeholder,
html.exchange-theme-dark uni-input .input-placeholder,
html.exchange-theme-dark uni-input .uni-input-placeholder,
html.exchange-theme-dark input::placeholder,
html.exchange-theme-dark textarea::placeholder,
html.exchange-theme-dark input::-webkit-input-placeholder,
html.exchange-theme-dark textarea::-webkit-input-placeholder {
  color: var(--ex-placeholder) !important;
  -webkit-text-fill-color: var(--ex-placeholder) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.exchange-theme-light .input-placeholder,
html.exchange-theme-light .textarea-placeholder,
html.exchange-theme-light .uni-input-placeholder,
html.exchange-theme-light .uni-textarea-placeholder,
html.exchange-theme-light .u-placeholder-class,
html.exchange-theme-light .placeholder-style,
html.exchange-theme-light input::placeholder,
html.exchange-theme-light textarea::placeholder,
html.exchange-theme-light input::-webkit-input-placeholder,
html.exchange-theme-light textarea::-webkit-input-placeholder {
  color: var(--ex-placeholder) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.exchange-theme-dark .b-b,
html.exchange-theme-dark .bb,
html.exchange-theme-dark .borderBg,
html.exchange-theme-dark .u-border,
html.exchange-theme-dark .u-border-bottom,
html.exchange-theme-dark .u-border-top,
html.exchange-theme-dark .u-border-left,
html.exchange-theme-dark .u-border-right,
html.exchange-theme-dark [style*="border-bottom: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-dark [style*="border-top: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-dark [style*="border-left: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-dark [style*="border-right: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-dark [style*="borderBottom"] {
  border-color: var(--ex-line) !important;
}

html.exchange-theme-light .b-b,
html.exchange-theme-light .bb,
html.exchange-theme-light .borderBg,
html.exchange-theme-light .u-border,
html.exchange-theme-light .u-border-bottom,
html.exchange-theme-light .u-border-top,
html.exchange-theme-light .u-border-left,
html.exchange-theme-light .u-border-right,
html.exchange-theme-light [style*="border-bottom: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-light [style*="border-top: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-light [style*="border-left: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-light [style*="border-right: 1px solid rgb(255, 255, 255)"],
html.exchange-theme-light [style*="borderBottom"] {
  border-color: #e2e8f0 !important;
}

html.exchange-theme-dark [style*="background-color: rgb(255, 255, 255)"],
html.exchange-theme-dark [style*="background-color: #fff"],
html.exchange-theme-dark [style*="background-color:#fff"],
html.exchange-theme-dark [style*="background: #fff"],
html.exchange-theme-dark [style*="background:#fff"],
html.exchange-theme-dark [style*="background-color: rgb(250, 250, 250)"],
html.exchange-theme-dark [style*="background-color: rgb(245, 245, 245)"],
html.exchange-theme-dark [style*="background-color: rgb(245, 246, 250)"],
html.exchange-theme-dark [style*="background-color: rgb(241, 244, 248)"],
html.exchange-theme-dark [style*="background-color: rgb(238, 238, 238)"],
html.exchange-theme-dark [style*="background-color: rgb(235, 236, 238)"],
html.exchange-theme-dark [style*="background-color: #fafafa"],
html.exchange-theme-dark [style*="background-color:#fafafa"],
html.exchange-theme-dark [style*="background-color: #f7f7fa"],
html.exchange-theme-dark [style*="background-color:#f7f7fa"],
html.exchange-theme-dark [style*="background-color: #eee"],
html.exchange-theme-dark [style*="background-color:#eee"] {
  background-color: var(--ex-surface) !important;
}

html.exchange-theme-light [style*="background-color: rgb(255, 255, 255)"],
html.exchange-theme-light [style*="background-color: #fff"],
html.exchange-theme-light [style*="background-color:#fff"],
html.exchange-theme-light [style*="background: #fff"],
html.exchange-theme-light [style*="background:#fff"] {
  background-color: #ffffff !important;
}

html.exchange-theme-light [style*="background-color: rgb(250, 250, 250)"],
html.exchange-theme-light [style*="background-color: rgb(245, 245, 245)"],
html.exchange-theme-light [style*="background-color: rgb(245, 246, 250)"],
html.exchange-theme-light [style*="background-color: rgb(241, 244, 248)"],
html.exchange-theme-light [style*="background-color: rgb(238, 238, 238)"],
html.exchange-theme-light [style*="background-color: rgb(235, 236, 238)"],
html.exchange-theme-light [style*="background-color: #fafafa"],
html.exchange-theme-light [style*="background-color:#fafafa"],
html.exchange-theme-light [style*="background-color: #f7f7fa"],
html.exchange-theme-light [style*="background-color:#f7f7fa"],
html.exchange-theme-light [style*="background-color: #eee"],
html.exchange-theme-light [style*="background-color:#eee"] {
  background-color: #f4f7fb !important;
}

html.exchange-theme-dark [style*="color: rgb(51, 51, 51)"],
html.exchange-theme-dark [style*="color:#333"],
html.exchange-theme-dark [style*="color: #333"],
html.exchange-theme-dark [style*="color: rgb(33, 33, 33)"],
html.exchange-theme-dark [style*="color:#212121"],
html.exchange-theme-dark [style*="color: #212121"],
html.exchange-theme-dark [style*="color: rgb(96, 98, 102)"],
html.exchange-theme-dark [style*="color:#606266"],
html.exchange-theme-dark [style*="color: #606266"],
html.exchange-theme-dark [style*="color: rgb(102, 102, 102)"],
html.exchange-theme-dark [style*="color:#666"],
html.exchange-theme-dark [style*="color: #666"],
html.exchange-theme-dark [style*="color: rgb(145, 145, 145)"],
html.exchange-theme-dark [style*="color: grey"],
html.exchange-theme-dark [style*="color: black"] {
  color: var(--ex-text) !important;
}

html.exchange-theme-light [style*="color: rgb(51, 51, 51)"],
html.exchange-theme-light [style*="color:#333"],
html.exchange-theme-light [style*="color: #333"],
html.exchange-theme-light [style*="color: rgb(33, 33, 33)"],
html.exchange-theme-light [style*="color:#212121"],
html.exchange-theme-light [style*="color: #212121"],
html.exchange-theme-light [style*="color: black"] {
  color: #172033 !important;
}

html.exchange-theme-light [style*="color: rgb(96, 98, 102)"],
html.exchange-theme-light [style*="color:#606266"],
html.exchange-theme-light [style*="color: #606266"],
html.exchange-theme-light [style*="color: rgb(102, 102, 102)"],
html.exchange-theme-light [style*="color:#666"],
html.exchange-theme-light [style*="color: #666"],
html.exchange-theme-light [style*="color: rgb(145, 145, 145)"],
html.exchange-theme-light [style*="color: grey"] {
  color: #64748b !important;
}

html.exchange-theme-dark .tab-active,
html.exchange-theme-dark .fast-active,
html.exchange-theme-dark .box-active,
html.exchange-theme-dark .product-active,
html.exchange-theme-dark [style*="background-color:#e7fdf9"],
html.exchange-theme-dark [style*="background-color: #e7fdf9"],
html.exchange-theme-dark [style*="background-color: rgba(198, 255, 239,0.3)"],
html.exchange-theme-dark [style*="background-color: rgba(198, 255, 239, 0.3)"],
html.exchange-theme-dark [style*="backgroundColor"] {
  background-color: rgba(64, 198, 210, 0.16) !important;
  border-color: var(--ex-accent) !important;
  color: var(--ex-text) !important;
}

html.exchange-theme-light .tab-active,
html.exchange-theme-light .fast-active,
html.exchange-theme-light .box-active,
html.exchange-theme-light .product-active,
html.exchange-theme-light [style*="background-color:#e7fdf9"],
html.exchange-theme-light [style*="background-color: #e7fdf9"],
html.exchange-theme-light [style*="background-color: rgba(198, 255, 239,0.3)"],
html.exchange-theme-light [style*="background-color: rgba(198, 255, 239, 0.3)"],
html.exchange-theme-light [style*="backgroundColor"] {
  background-color: #e7fdf9 !important;
  border-color: #12b298 !important;
  color: #0f766e !important;
}

html.exchange-theme-dark .sysGreen,
html.exchange-theme-dark .green,
html.exchange-theme-dark .rise,
html.exchange-theme-dark [style*="color:#0da88b"],
html.exchange-theme-dark [style*="color: #0da88b"],
html.exchange-theme-dark [style*="color:#090"],
html.exchange-theme-dark [style*="color: #090"],
html.exchange-theme-dark [style*="color: rgb(18, 178, 152)"],
html.exchange-theme-dark [style*="color: rgb(102, 227, 180)"] {
  color: var(--ex-green) !important;
}

html.exchange-theme-light .sysGreen,
html.exchange-theme-light .green,
html.exchange-theme-light .rise,
html.exchange-theme-light [style*="color:#0da88b"],
html.exchange-theme-light [style*="color: #0da88b"],
html.exchange-theme-light [style*="color:#090"],
html.exchange-theme-light [style*="color: #090"],
html.exchange-theme-light [style*="color: rgb(18, 178, 152)"],
html.exchange-theme-light [style*="color: rgb(102, 227, 180)"] {
  color: #0da88b !important;
}

html.exchange-theme-dark .sysRed,
html.exchange-theme-dark .red,
html.exchange-theme-dark .fall,
html.exchange-theme-dark [style*="color:#ef5656"],
html.exchange-theme-dark [style*="color: #ef5656"],
html.exchange-theme-dark [style*="color:#f76260"],
html.exchange-theme-dark [style*="color: #f76260"],
html.exchange-theme-dark [style*="color: rgb(235, 98, 69)"] {
  color: var(--ex-red) !important;
}

html.exchange-theme-light .sysRed,
html.exchange-theme-light .red,
html.exchange-theme-light .fall,
html.exchange-theme-light [style*="color:#ef5656"],
html.exchange-theme-light [style*="color: #ef5656"],
html.exchange-theme-light [style*="color:#f76260"],
html.exchange-theme-light [style*="color: #f76260"],
html.exchange-theme-light [style*="color: rgb(235, 98, 69)"] {
  color: #ef5656 !important;
}

html.exchange-theme-dark .u-btn--primary,
html.exchange-theme-dark .u-btn--success,
html.exchange-theme-dark .sysBGreen,
html.exchange-theme-dark .submit,
html.exchange-theme-dark .confirm-btn,
html.exchange-theme-dark [style*="background-color: rgb(18, 178, 152)"],
html.exchange-theme-dark [style*="background-color: rgb(13, 168, 139)"],
html.exchange-theme-dark [style*="background-color:#12b298"],
html.exchange-theme-dark [style*="background-color: #12b298"] {
  background: linear-gradient(180deg, #1fd1a2 0%, var(--ex-green) 100%) !important;
  color: #ffffff !important;
}

html.exchange-theme-light .u-btn--primary,
html.exchange-theme-light .u-btn--success,
html.exchange-theme-light .sysBGreen,
html.exchange-theme-light .submit,
html.exchange-theme-light .confirm-btn,
html.exchange-theme-light [style*="background-color: rgb(18, 178, 152)"],
html.exchange-theme-light [style*="background-color: rgb(13, 168, 139)"],
html.exchange-theme-light [style*="background-color:#12b298"],
html.exchange-theme-light [style*="background-color: #12b298"] {
  background: linear-gradient(135deg, #20d4aa 0%, #12b298 56%, #2f89ff 100%) !important;
  color: #ffffff !important;
}

html.exchange-theme-dark .u-btn--error,
html.exchange-theme-dark .sysBRed,
html.exchange-theme-dark [style*="background-color: rgb(239, 86, 86)"],
html.exchange-theme-dark [style*="background-color: #f54545"],
html.exchange-theme-dark [style*="background-color:#f54545"] {
  background: linear-gradient(180deg, #ff7481 0%, var(--ex-red) 100%) !important;
  color: #ffffff !important;
}

html.exchange-theme-light .u-btn--error,
html.exchange-theme-light .sysBRed,
html.exchange-theme-light [style*="background-color: rgb(239, 86, 86)"],
html.exchange-theme-light [style*="background-color: #f54545"],
html.exchange-theme-light [style*="background-color:#f54545"] {
  background: linear-gradient(180deg, #ff7474 0%, #ef5656 100%) !important;
  color: #ffffff !important;
}

html.exchange-theme-dark .u-tabs,
html.exchange-theme-dark .u-tabs__wrapper,
html.exchange-theme-dark .u-tabs__wrapper__nav,
html.exchange-theme-dark .u-tabs__wrapper__nav__item {
  background: transparent !important;
  color: var(--ex-muted) !important;
}

html.exchange-theme-light .u-tabs,
html.exchange-theme-light .u-tabs__wrapper,
html.exchange-theme-light .u-tabs__wrapper__nav,
html.exchange-theme-light .u-tabs__wrapper__nav__item {
  background: transparent !important;
  color: #64748b !important;
}

html.exchange-theme-dark .u-tabs__wrapper__nav__item__text,
html.exchange-theme-dark .u-tab-item {
  color: var(--ex-muted) !important;
}

html.exchange-theme-light .u-tabs__wrapper__nav__item__text,
html.exchange-theme-light .u-tab-item {
  color: #64748b !important;
}

html.exchange-theme-dark .u-tabs__wrapper__nav__item--active .u-tabs__wrapper__nav__item__text,
html.exchange-theme-dark .u-tab-item-active {
  color: var(--ex-accent) !important;
}

html.exchange-theme-light .u-tabs__wrapper__nav__item--active .u-tabs__wrapper__nav__item__text,
html.exchange-theme-light .u-tab-item-active {
  color: #12b298 !important;
}

html.exchange-theme-dark .u-tabs__wrapper__nav__line,
html.exchange-theme-dark .u-tabs__wrapper__nav__item__line {
  background-color: var(--ex-accent) !important;
}

html.exchange-theme-light .u-tabs__wrapper__nav__line,
html.exchange-theme-light .u-tabs__wrapper__nav__item__line {
  background-color: #12b298 !important;
}

html.exchange-theme-dark .uni-mask,
html.exchange-theme-dark .u-mask {
  background: rgba(3, 10, 21, 0.62) !important;
}

html.exchange-theme-light .uni-mask,
html.exchange-theme-light .u-mask {
  background: rgba(15, 23, 42, 0.36) !important;
}

html.exchange-theme-dark .u-select__header,
html.exchange-theme-dark .u-picker__title,
html.exchange-theme-dark .uni-picker-action,
html.exchange-theme-dark .u-select__header__title,
html.exchange-theme-dark .u-select__body__picker-view__item {
  color: var(--ex-text) !important;
}

html.exchange-theme-light .u-select__header,
html.exchange-theme-light .u-picker__title,
html.exchange-theme-light .uni-picker-action,
html.exchange-theme-light .u-select__header__title,
html.exchange-theme-light .u-select__body__picker-view__item {
  color: #172033 !important;
}

html.exchange-theme-dark .u-btn--disabled,
html.exchange-theme-dark .disabled,
html.exchange-theme-dark [style*="background-color: rgb(200, 199, 204)"] {
  background-color: #3b4e68 !important;
  color: #91a4bc !important;
}

html.exchange-theme-light .u-btn--disabled,
html.exchange-theme-light .disabled,
html.exchange-theme-light [style*="background-color: rgb(200, 199, 204)"] {
  background-color: #e5e7eb !important;
  color: #94a3b8 !important;
}

/* Fiat sell page readability: keep white panels readable under global theme overrides. */
html.exchange-theme-dark .fiat-sell-page .currency-item,
html.exchange-theme-light .fiat-sell-page .currency-item {
  background: var(--fiat-chip, #f4f7fb) !important;
  border-color: var(--fiat-border, rgba(102, 151, 194, 0.35)) !important;
  color: var(--fiat-chip-text, #17324d) !important;
  -webkit-text-fill-color: var(--fiat-chip-text, #17324d) !important;
}

html.exchange-theme-dark .fiat-sell-page .currency-item.active,
html.exchange-theme-light .fiat-sell-page .currency-item.active {
  background: var(--fiat-accent, #13c8aa) !important;
  border-color: var(--fiat-accent, #13c8aa) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.exchange-theme-dark .fiat-sell-page .price-value,
html.exchange-theme-light .fiat-sell-page .price-value {
  background: var(--fiat-field, #f5f7fb) !important;
  color: var(--fiat-accent, #13c8aa) !important;
  -webkit-text-fill-color: var(--fiat-accent, #13c8aa) !important;
}

html.exchange-theme-dark .fiat-sell-page .price-value.good,
html.exchange-theme-light .fiat-sell-page .price-value.good {
  color: var(--fiat-danger, #e85b62) !important;
  -webkit-text-fill-color: var(--fiat-danger, #e85b62) !important;
}

html.exchange-theme-dark .fiat-sell-page .input-box input,
html.exchange-theme-light .fiat-sell-page .input-box input,
html.exchange-theme-dark .fiat-sell-page .uni-input-input,
html.exchange-theme-light .fiat-sell-page .uni-input-input {
  background: var(--fiat-field, #f5f7fb) !important;
  color: var(--fiat-field-text, #142033) !important;
  -webkit-text-fill-color: var(--fiat-field-text, #142033) !important;
}

html.exchange-theme-dark .fiat-sell-page .placeholder,
html.exchange-theme-light .fiat-sell-page .placeholder,
html.exchange-theme-dark .fiat-sell-page .uni-input-placeholder,
html.exchange-theme-light .fiat-sell-page .uni-input-placeholder {
  color: var(--fiat-muted, #8da2bd) !important;
  -webkit-text-fill-color: var(--fiat-muted, #8da2bd) !important;
  opacity: 1 !important;
}

html.exchange-theme-dark .fiat-sell-page .recommend,
html.exchange-theme-light .fiat-sell-page .recommend {
  color: var(--fiat-muted, #8da2bd) !important;
  -webkit-text-fill-color: var(--fiat-muted, #8da2bd) !important;
}