/* ============================================================
   白色主题 - 蓝钻卡 + 入金/出金页协调
   ============================================================ */

[data-theme=default] .profile-page {
  background: var(--app-bg) !important;
}

[data-theme=default] .deposit-page,
[data-theme=default] .withdraw-page {
  background: linear-gradient(180deg, #ebf4ff 0%, #f5f9ff 55%, #ffffff 100%) !important;
}

[data-theme=default] .deposit-page .card,
[data-theme=default] .withdraw-page .card {
  border: 1px solid var(--app-border) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme=default] .deposit-page .tabs-container,
[data-theme=default] .withdraw-page .tabs-container {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom-color: var(--app-border) !important;
}

[data-theme=default] .deposit-page .info-box,
[data-theme=default] .withdraw-page .info-box {
  background: var(--app-bg-soft) !important;
  border: 1px solid var(--app-border) !important;
}

[data-theme=default] .deposit-page .select-input,
[data-theme=default] .withdraw-page .select-input,
[data-theme=default] .deposit-page .input-box,
[data-theme=default] .withdraw-page .input-box,
[data-theme=default] .deposit-page .address-box,
[data-theme=default] .withdraw-page .address-box {
  background: var(--app-bg-soft) !important;
  border: 1px solid var(--app-border) !important;
}

[data-theme=default] .deposit-page .upload-placeholder,
[data-theme=default] .withdraw-page .upload-placeholder {
  background: var(--app-bg-soft) !important;
  border-color: rgba(100, 181, 246, 0.5) !important;
}

[data-theme=default] .submit-button,
[data-theme=default] .withdraw-button {
  background: var(--app-btn-primary-bg) !important;
  color: var(--app-btn-primary-text) !important;
  box-shadow: 0 6px 18px rgba(46, 122, 241, 0.28) !important;
}

[data-theme=default] .submit-button:active:not(:disabled),
[data-theme=default] .withdraw-button:active:not(:disabled) {
  opacity: 0.9 !important;
}

[data-theme=default] .contact-button {
  background: #ffffff !important;
  color: var(--app-primary) !important;
  border-color: var(--app-primary) !important;
}

[data-theme=default] .copy-icon-btn {
  background: #ffffff !important;
  color: var(--app-primary) !important;
  border-color: var(--app-border) !important;
}

[data-theme=default] .copy-icon-btn:active {
  background: var(--app-bg-soft) !important;
  border-color: var(--app-primary) !important;
}

/* 资产页：快捷入金/出金/划转 */
[data-theme=default] .action-item {
  background: #ffffff !important;
  border: 1px solid var(--app-border) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme=default] .action-item span {
  color: var(--app-text) !important;
}

[data-theme=default] .action-icon.deposit {
  background: rgba(0, 200, 83, 0.12) !important;
  color: var(--app-up) !important;
}

[data-theme=default] .action-icon.withdraw {
  background: rgba(255, 61, 0, 0.1) !important;
  color: var(--app-down) !important;
}

[data-theme=default] .action-icon.transfer {
  background: rgba(46, 122, 241, 0.12) !important;
  color: var(--app-primary) !important;
}

/* ============================================================
   黑色主题 - 入金/出金/充值/提现按钮
   ============================================================ */

[data-theme=okx] .action-btn {
  background: var(--app-card) !important;
  color: var(--app-text) !important;
  border: 1px solid var(--app-border) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme=okx] .action-btn:active {
  background: var(--app-card-hover) !important;
  transform: scale(0.98);
}

[data-theme=okx] .card-actions .action-btn:first-child {
  border-color: rgba(0, 192, 118, 0.45) !important;
  color: var(--app-up) !important;
}

[data-theme=okx] .card-actions .action-btn:last-child {
  border-color: rgba(255, 77, 79, 0.45) !important;
  color: var(--app-down) !important;
}

[data-theme=okx] .action-item {
  background: var(--app-card) !important;
  border: 1px solid var(--app-border) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme=okx] .action-item span {
  color: var(--app-text) !important;
}

[data-theme=okx] .action-icon.deposit {
  background: rgba(0, 192, 118, 0.15) !important;
  color: var(--app-up) !important;
}

[data-theme=okx] .action-icon.withdraw {
  background: rgba(255, 77, 79, 0.15) !important;
  color: var(--app-down) !important;
}

[data-theme=okx] .action-icon.transfer {
  background: rgba(191, 255, 7, 0.12) !important;
  color: var(--app-accent) !important;
}

[data-theme=okx] .submit-button,
[data-theme=okx] .withdraw-button,
[data-theme=okx] .kyc-modal-btn,
[data-theme=okx] .empty-button {
  background: var(--app-accent) !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(191, 255, 7, 0.28) !important;
}

[data-theme=okx] .submit-button:active:not(:disabled),
[data-theme=okx] .withdraw-button:active:not(:disabled),
[data-theme=okx] .kyc-modal-btn:active,
[data-theme=okx] .empty-button:active {
  opacity: 0.88 !important;
}

[data-theme=okx] .submit-button:disabled,
[data-theme=okx] .withdraw-button:disabled {
  background: var(--app-card-hover) !important;
  color: var(--app-text-muted) !important;
  box-shadow: none !important;
}

[data-theme=okx] .cancel-button {
  background: var(--app-card-hover) !important;
  color: var(--app-text-secondary) !important;
  border: 1px solid var(--app-border) !important;
}

[data-theme=okx] .contact-button {
  background: var(--app-card) !important;
  color: var(--app-accent) !important;
  border-color: var(--app-accent) !important;
}

[data-theme=okx] .contact-button:active {
  background: var(--app-card-hover) !important;
}

[data-theme=okx] .copy-icon-btn {
  background: var(--app-card) !important;
  color: var(--app-accent) !important;
  border-color: var(--app-border) !important;
}

[data-theme=okx] .copy-icon-btn:active {
  background: var(--app-card-hover) !important;
  border-color: var(--app-accent) !important;
}