/* Theme System - Dark & Light Mode */

:root {
  /* Dark Theme - Tokyo Hightech Style (Black bg, Foxy Pink, Poisonous Green) */
  --bg-primary: #000000;
  --bg-secondary: #0a0a0a;
  --bg-tertiary: #1a1a1a;
  --bg-card: #121212;
  --bg-hover: #1f1f1f;
  --bg-mobile-menu: rgba(8, 8, 12, 0.85);
  --bg-header: rgba(0, 0, 0, 0.4);
  
  --text-primary: #ffffff;
  --text-button: #ffffff;
  --text-secondary: #b8b8b8;
  --text-muted: #6b6b6b;
  --text-link-muted: rgba(255, 255, 255, 0.84);
  
  --accent-primary: #ff0084;
  --accent-primary-hover: #ff1a95;
  --accent-secondary: #00ff88;
  --accent-secondary-hover: #1aff9a;
  --accent-tertiary: #56CCF2;
  --accent-glow: rgba(255, 0, 132, 0.3);
  
  --bg-card-purple: rgba(123, 73, 233, 0.13);
  --bg-glow-blue: rgba(70, 80, 242, 0.88);
  --bg-purple-solid: #7B49E9;
  
  --text-purple-light: #B493FF;
  --pagination-bullet: #3E4447;
  --pagination-bullet-active: #4650F1;
  --pagination-dot: #62676A;
  --pagination-dot-active: #FFFFFF;
  
  --svg-fill: #53595B;
  --svg-fill-hover: #FFFFFF;
  
  --border-color: #2a2a2a;
  --border-accent: #ff0084;
  --border-light: rgba(255, 255, 255, 0.32);
  
  --success: #00ff88;
  --error: #ff0084;
  --warning: #ffaa00;
  
  --gradient-primary: linear-gradient(135deg, #ff0084 0%, #ff1a95 100%);
  --gradient-secondary: linear-gradient(135deg, #00ff88 0%, #1aff9a 100%);
  --gradient-mixed: linear-gradient(135deg, #ff0084 0%, #00ff88 100%);
  --gradient-title: linear-gradient(269.84deg, #ff0084 0.14%, #00ff88 96.59%);
  --gradient-border: linear-gradient(45deg, #ff0084, #00ff88);
  
  --bg-glow-overlay: rgba(255, 0, 132, 0.35);
  
  --badge-bg: #FCD535;
  --badge-text: #1E2329;
  
  --shadow-sm: 0 2px 8px rgba(255, 0, 132, 0.1);
  --shadow-md: 0 4px 16px rgba(255, 0, 132, 0.15);
  --shadow-lg: 0 8px 32px rgba(255, 0, 132, 0.2);
  --shadow-glow: 0 0 20px rgba(255, 0, 132, 0.4);
  
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Light Theme - Minimalist Style (Milky White, Black, Dark Purple, Dark Green) */
[data-theme="light"] {
  --bg-primary: #fafafa;
  --bg-secondary: #e8e8e8;
  --bg-tertiary: #d8d8d8;
  --bg-card: #ffffff;
  --bg-hover: #d0d0d0;
  --bg-mobile-menu: rgba(255, 255, 255, 0.95);
  --bg-header: rgba(255, 255, 255, 0.85);
  
  --text-primary: #1a1a1a;
  --text-button: #ffffff;
  --text-secondary: #4a4a4a;
  --text-muted: #8a8a8a;
  --text-link-muted: rgba(0, 0, 0, 0.65);
  
  --accent-primary: #4a1580;
  --accent-primary-hover: #5a1a95;
  --accent-secondary: #1a4d2e;
  --accent-secondary-hover: #2a5d3e;
  --accent-tertiary: #4a1580;
  --accent-glow: rgba(74, 21, 128, 0.1);
  
  --bg-card-purple: rgba(74, 21, 128, 0.08);
  --bg-glow-blue: rgba(74, 21, 128, 0.15);
  --bg-purple-solid: #4a1580;
  
  --text-purple-light: #8a6bb8;
  --pagination-bullet: #d0d0d0;
  --pagination-bullet-active: #4a1580;
  --pagination-dot: #a0a0a0;
  --pagination-dot-active: #1a1a1a;
  
  --svg-fill: #6a6a6a;
  --svg-fill-hover: #1a1a1a;
  
  --border-color: #c0c0c0;
  --border-accent: #4a1580;
  --border-light: rgba(0, 0, 0, 0.15);
  
  --success: #1a4d2e;
  --error: #c41e3a;
  --warning: #d97706;
  
  --gradient-primary: linear-gradient(135deg, #4a1580 0%, #5a1a95 100%);
  
  --badge-bg: #4a1580;
  --badge-text: #ffffff;
  --gradient-secondary: linear-gradient(135deg, #1a4d2e 0%, #2a5d3e 100%);
  --gradient-mixed: linear-gradient(135deg, #4a1580 0%, #1a4d2e 100%);
  --gradient-title: linear-gradient(269.84deg, #4a1580 0.14%, #1a4d2e 96.59%);
  --gradient-border: linear-gradient(45deg, #4a1580, #1a4d2e);
  
  --bg-glow-overlay: rgba(74, 21, 128, 0.20);
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-glow: 0 0 20px rgba(74, 21, 128, 0.2);
  
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Theme Toggle Button Styles */
.theme-toggle {
  position: relative;
  width: 30px;
  height: 15px;
  background: var(--bg-tertiary);
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid var(--border-color);
  transition: var(--transition);
  display: flex;
  align-items: center;
  padding: 1px;
  margin-left: 15px;
  z-index: 9999;
}

.theme-toggle:hover {
  border-color: var(--accent-primary);
  box-shadow: var(--shadow-glow);
}

.theme-toggle-slider {
  width: 11px;
  height: 11px;
  background: var(--gradient-primary);
  border-radius: 50%;
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-md);
}

[data-theme="light"] .theme-toggle-slider {
  transform: translateX(15px);
}

.theme-toggle-icon {
  font-size: 6px;
  color: var(--text-button);
}

/* Smooth theme transition for all elements */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* ========================================
   LIGHT THEME OVERRIDES - ALL ELEMENTS
   ======================================== */

[data-theme="light"],
[data-theme="light"] html {
  background-color: var(--bg-primary) !important;
}

[data-theme="light"] body {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

/* Main page containers - CRITICAL for light backgrounds */
[data-theme="light"] .b1,
[data-theme="light"] .content-body,
[data-theme="light"] .container,
[data-theme="light"] .page-title {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .page-title p,
[data-theme="light"] .page-title span {
  color: var(--text-primary) !important;
}

/* Header - keep original for dark, override for light */
[data-theme="light"] .header {
  background: var(--bg-header) !important;
}

[data-theme="light"] .header__link,
[data-theme="light"] .header__link-tools,
[data-theme="light"] .header__link-tools-span,
[data-theme="light"] .header__profile-tools span {
  color: var(--text-primary) !important;
}

[data-theme="light"] .header__link:hover,
[data-theme="light"] .header__link-tools span:hover,
[data-theme="light"] .header__link-tools-span:hover,
[data-theme="light"] .header__profile-tools span:hover {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .header__logo-text {
  color: var(--text-primary) !important;
}

/* Sandwich Menu Dropdown - Profile Box */
/* Z-index fix for both themes - must be above staking logos (z-index 7) */
.header__profile-box {
  z-index: 100 !important;
}

/* Fix staking logos overlapping dropdown menu */
.staking__info-logos {
  position: relative !important;
  z-index: 1 !important;
}

/* Shift crypto logos right to make room for translated text */
.staking__logo-bitcoin {
  right: 102px !important;
}
.staking__logo-ethereum {
  right: 79px !important;
}
.staking__logo-tether {
  right: 57px !important;
}
.staking__logo-usdc {
  right: 33px !important;
}
.staking__logo-solana {
  right: 10px !important;
}
.staking__logo-tron {
  right: -12px !important;
}

[data-theme="light"] .header__profile-box {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .header__profile-box:after {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border-color) !important;
  border-left: 1px solid var(--border-color) !important;
}

[data-theme="light"] .header__profile-top {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .header__profile-name {
  color: var(--text-primary) !important;
}

[data-theme="light"] .header__profile-email {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .header__toggle-name {
  color: #1a1a1a !important;
}

[data-theme="light"] .header__profile-link {
  color: var(--text-primary) !important;
}

[data-theme="light"] .header__profile-link:hover {
  color: var(--accent-primary) !important;
  background: var(--bg-hover) !important;
}

[data-theme="light"] .header__profile-link-icon svg {
  fill: var(--text-primary) !important;
}

[data-theme="light"] .header__profile-link:hover .header__profile-link-icon svg {
  fill: var(--accent-primary) !important;
}

[data-theme="light"] .header__profile-out {
  color: #e74c3c !important;
}

[data-theme="light"] .header__profile-out .header__profile-link-icon svg {
  fill: #e74c3c !important;
}

[data-theme="light"] .header__profile-tools-box {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .header__profile-tools-link {
  color: var(--text-primary) !important;
}

[data-theme="light"] .header__profile-tools-link:hover {
  color: var(--accent-primary) !important;
  background: var(--bg-hover) !important;
}

/* Sandwich Menu - Bottom Section (Wallet, Settings, Log Out) */
[data-theme="light"] .header__profile-bottom {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="light"] .header__profile-bottom .header__profile-link {
  color: var(--text-primary) !important;
}

[data-theme="light"] .header__profile-bottom .header__profile-link span {
  color: var(--text-primary) !important;
}

[data-theme="light"] .header__profile-bottom .header__profile-out,
[data-theme="light"] .header__profile-bottom .header__profile-out span {
  color: #e74c3c !important;
}

[data-theme="light"] .header__profile-bottom .header__profile-out .header__profile-link-icon svg {
  fill: #e74c3c !important;
}

[data-theme="light"] .header__profile-center {
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .header__profile-center .header__profile-link {
  color: var(--text-primary) !important;
}

[data-theme="light"] .header__profile-center .header__profile-link span {
  color: var(--text-primary) !important;
}

/* User Cards */
[data-theme="light"] .userCard__item-left,
[data-theme="light"] .userCard__item-right {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .userCard__balance-title {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .userCard__balance-count {
  color: var(--text-primary) !important;
}

[data-theme="light"] .userCard__user-name,
[data-theme="light"] .userCard__user-premium-success {
  color: var(--text-primary) !important;
}

/* Profile Menu - Top Navigation (Overview, Deposit, Withdraw, etc.) */
[data-theme="light"] .menuProfile {
  background: transparent !important;
}

[data-theme="light"] .menuProfile__box {
  background: transparent !important;
  border: none !important;
}

[data-theme="light"] .menuProfile__menu-box {
  background: var(--bg-tertiary) !important;
  border-radius: 10px;
}

[data-theme="light"] .menuProfile__menu-item {
  color: var(--text-primary) !important;
  background: transparent !important;
}

[data-theme="light"] .menuProfile__menu-item:hover {
  background: var(--bg-hover) !important;
  color: var(--accent-primary) !important;
}

[data-theme="light"] .menuProfile__menu-item.active {
  background: var(--accent-primary) !important;
  color: var(--text-button) !important;
}

[data-theme="light"] .menuProfile__more {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .menuProfile__more-bg {
  background: rgba(250, 250, 250, 0.85) !important;
}

/* Navigation Menu - Wallet Page */
[data-theme="light"] .userNavigation {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .userNavigation__box {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px;
  padding: 15px;
}

[data-theme="light"] .userNavigation__tabBtn {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .userNavigation__tabBtn:hover {
  background: var(--bg-hover) !important;
}

[data-theme="light"] .userNavigation__tabBtn.active {
  background: var(--accent-primary) !important;
  color: var(--text-button) !important;
}

[data-theme="light"] .userNavigation__input {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .userNavigation__input::placeholder {
  color: var(--text-muted) !important;
}

[data-theme="light"] .userNavigation__features-label {
  color: var(--text-primary) !important;
}

[data-theme="light"] .userNavigation__features-checkmark {
  background: #e0e0e0 !important;
  border: 1px solid #ccc !important;
}

[data-theme="light"] .userNavigation__features-label input:checked ~ .userNavigation__features-checkmark {
  background-color: #007bff !important;
  border-color: #007bff !important;
}

/* Fix checkbox visibility - ensure it's not cut off */
.userNavigation__features-checkmark {
  left: 0 !important;
}

.userNavigation__features-label {
  padding-left: 30px !important;
}

/* Forms and containers */
[data-theme="light"] .formP2p,
[data-theme="light"] .transfer__container,
[data-theme="light"] .deposit__box,
[data-theme="light"] .withdraw__card,
[data-theme="light"] .staking__box,
[data-theme="light"] .investments__box,
[data-theme="light"] .swap__block,
[data-theme="light"] .verification__box,
[data-theme="light"] .chat__container {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .transfer__info {
  background: var(--bg-secondary) !important;
}

/* Inputs and form fields */
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="number"],
[data-theme="light"] textarea,
[data-theme="light"] select,
[data-theme="light"] .transfer__send-input,
[data-theme="light"] .transfer__get-input,
[data-theme="light"] .transfer__send-input input,
[data-theme="light"] .transfer__get-input input,
[data-theme="light"] .staking__send-input input,
[data-theme="light"] .staking__get-input input,
[data-theme="light"] .swap__send-input input,
[data-theme="light"] .swap__get-input input {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: var(--text-muted) !important;
}

/* Select dropdowns */
[data-theme="light"] .transfer__send-select,
[data-theme="light"] .staking__select-button,
[data-theme="light"] .swap__select-button {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

/* Currency lists */
[data-theme="light"] .transferForm__currency-list,
[data-theme="light"] .stakingForm__currency-list,
[data-theme="light"] .swapForm__currency-list,
[data-theme="light"] .formP2p__currency-list {
  background: var(--bg-card) !important;
}

[data-theme="light"] .transferForm__currency-item,
[data-theme="light"] .stakingForm__currency-item,
[data-theme="light"] .swapForm__currency-item,
[data-theme="light"] .formP2p__currency-item {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .transferForm__currency-item:hover,
[data-theme="light"] .stakingForm__currency-item:hover,
[data-theme="light"] .swapForm__currency-item:hover,
[data-theme="light"] .formP2p__currency-item:hover {
  background: var(--bg-hover) !important;
}

/* Tables */
[data-theme="light"] table,
[data-theme="light"] .table,
[data-theme="light"] .transfer__table-box,
[data-theme="light"] .investments__table-box {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] th,
[data-theme="light"] td,
[data-theme="light"] .tableUser__item,
[data-theme="light"] .transfer__table-value,
[data-theme="light"] .investments__table-value {
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* Wallet Crypto Table */
[data-theme="light"] .tableUser__box {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .tableUser__names {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .tableUser__name {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

[data-theme="light"] .tableUser__item {
  background-color: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .tableUser__item:hover {
  background-color: var(--bg-hover) !important;
}

[data-theme="light"] .tableUser__item-coin,
[data-theme="light"] .tableUser__item-balance,
[data-theme="light"] .tableUser__item-equivalent {
  color: var(--text-primary) !important;
}

[data-theme="light"] .tableUser__item-coin span {
  color: var(--text-secondary) !important;
}

/* Modals and popups */
[data-theme="light"] .modal,
[data-theme="light"] .popup,
[data-theme="light"] .popap-verifi,
[data-theme="light"] .popap-verifi-container-item,
[data-theme="light"] .successful-popup {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .successful-popup__bg {
  background-color: rgba(250, 250, 250, 0.95) !important;
}

/* Chat elements */
[data-theme="light"] .chat__title,
[data-theme="light"] .chat__content {
  background: var(--bg-card) !important;
}

[data-theme="light"] .chat__message-container {
  background: var(--bg-tertiary) !important;
}

[data-theme="light"] .chat__message-text {
  color: var(--text-primary) !important;
}

[data-theme="light"] .chat__message-input {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* P2P Trade List */
[data-theme="light"] .p2p__trade-list,
[data-theme="light"] .p2p__trade-item {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

/* Attention boxes */
[data-theme="light"] .userAttention__box {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

/* Search and filter boxes */
[data-theme="light"] .userNavigation__search-box,
[data-theme="light"] .userNavigation__input {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* Deposit/Withdraw specific */
[data-theme="light"] .deposit__content-list,
[data-theme="light"] .deposit__coin-list,
[data-theme="light"] .withdraw__content-bottom,
[data-theme="light"] .withdraw__container-content {
  background: var(--bg-card) !important;
}

[data-theme="light"] .deposit__coin-item,
[data-theme="light"] .terms__content-currency-item {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .deposit__coin-item:hover,
[data-theme="light"] .terms__content-currency-item:hover {
  background: var(--bg-hover) !important;
}

/* Text colors */
[data-theme="light"] .text-secondary,
[data-theme="light"] .text-muted,
[data-theme="light"] .withdraw__card-text-box,
[data-theme="light"] .transfer__description,
[data-theme="light"] .staking__description {
  color: var(--text-secondary) !important;
}

/* Borders and dividers */
[data-theme="light"] hr,
[data-theme="light"] .divider {
  border-color: var(--border-color) !important;
}

/* Scrollbars */
[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--border-color) !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted) !important;
}

/* Footer - Homepage (.bottom) and Dashboard (.footer) */
[data-theme="light"] .bottom {
  background: transparent !important;
  border-top: none !important;
}

[data-theme="light"] .footer {
  background: transparent !important;
  border-top: none !important;
  margin-top: 100px !important;
  margin-bottom: 0 !important;
}

[data-theme="light"] .footer.dashboard {
  background: transparent !important;
}

/* Homepage Footer Specific Styles */
[data-theme="light"] .footer__wrapper {
  background: transparent !important;
  padding: 50px 0 50px 0 !important;
}

[data-theme="light"] .footer__wrapper:before {
  display: none !important;
}

[data-theme="light"] .footer__company-logo span {
  color: var(--text-primary) !important;
}

[data-theme="light"] .footer__description,
[data-theme="light"] .footer__description p {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .footer__group-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .footer__group-link {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .footer__group-link:hover {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .bottom-logo p,
[data-theme="light"] .bottom-logo,
[data-theme="light"] .bottom-logo p span {
  color: #000000 !important;
}

[data-theme="light"] .navbar-logo-vn,
[data-theme="light"] .navbar-logo-vn span {
  color: var(--text-primary) !important;
}

.navbar-logo-vn {
  display: flex !important;
  align-items: center !important;
}

.navbar-logo-vn img {
  flex-shrink: 0;
}

[data-theme="light"] .bottom-widget h4,
[data-theme="light"] .widget-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .bottom-widget ul li a {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .bottom-widget ul li a:hover {
  color: var(--accent-primary) !important;
}

/* Sign In / Sign Up Pages */
[data-theme="light"] .form__container {
  color: var(--text-primary) !important;
}

[data-theme="light"] .form__left {
  background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .form__right img {
  content: url('/extras/planet-light.png') !important;
  width: 360px !important;
  height: 592px !important;
  object-fit: cover !important;
  border-radius: 0 10px 10px 0 !important;
}

[data-theme="light"] .form__title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .form__name {
  color: var(--text-primary) !important;
}

[data-theme="light"] .form__input {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .form__input::placeholder {
  color: var(--text-muted) !important;
}

[data-theme="light"] .form__features-label {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .form__features-label a {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .form__sub-text {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .form__sub-link {
  color: var(--accent-primary) !important;
}

/* Sign Up Page - Different Image */
[data-theme="light"] .signUp .form__right img {
  content: url('/extras/planet-signup-light.png') !important;
  width: 362px !important;
  height: 800px !important;
  object-fit: cover !important;
  border-radius: 0 10px 10px 0 !important;
}

/* Invest Page - Investments Table */
[data-theme="light"] .investments__box {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .investments__info {
  background: linear-gradient(90deg, #c0c0c0 0%, #a8a8a8 100%) !important;
}

[data-theme="light"] .investments__title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .investments__description {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .investments__table-name {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .investments__table-value {
  color: var(--text-primary) !important;
}

[data-theme="light"] .investments__table-value:nth-child(even) {
  background: var(--bg-tertiary) !important;
}

[data-theme="light"] .investments__table-cansel {
  background: #b0b0b0 !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .investments__table-cansel:hover {
  background: #a0a0a0 !important;
}

[data-theme="light"] .investments__table-values-empty {
  color: var(--text-secondary) !important;
}

/* Invest Page - Staking Panel */
[data-theme="light"] .staking__box {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .staking__info {
  background: linear-gradient(90deg, #c0c0c0 0%, #a8a8a8 100%) !important;
}

[data-theme="light"] .staking__title,
[data-theme="light"] .staking__description {
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__send-title,
[data-theme="light"] .staking__send-title2,
[data-theme="light"] .staking__get-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__send-input,
[data-theme="light"] .staking__get-input {
  background-color: var(--bg-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .staking__send-input input,
[data-theme="light"] .staking__get-input input {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__send-input input::placeholder,
[data-theme="light"] .staking__get-input input::placeholder {
  color: var(--text-muted) !important;
}

[data-theme="light"] .staking__send-select,
[data-theme="light"] .send-select {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__select-name {
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__select-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__select-button {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .staking__select-button:hover {
  background: #d0d0d0 !important;
}

[data-theme="light"] .staking__select-button-day {
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__select-button-text {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .staking__send-available {
  color: var(--text-primary) !important;
}

[data-theme="light"] .staking__link {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] .staking__link:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .staking__link:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.4) !important;
  transform: translateY(0px) !important;
}

/* Invest Page - Profit Panel (Estimated earnings) */
[data-theme="light"] .profit__info {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .profit__title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .profit__description {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .profit__value,
[data-theme="light"] .profit__total {
  color: var(--text-primary) !important;
}

[data-theme="light"] .profit__numbers b,
[data-theme="light"] .profit__numbers span {
  color: #3DB55E !important;
}

[data-theme="light"] .profit__main {
  background: var(--bg-secondary) !important;
}

/* Invest Page - Info Panel (bottom right) */
[data-theme="light"] .tips {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .tips__list-item {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .info__panel {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .info__panel p,
[data-theme="light"] .info__panel-text {
  color: var(--text-secondary) !important;
}

/* Invest Page - Staking Cards */
[data-theme="light"] .stake__item {
  background: var(--bg-secondary) !important;
}

/* ===== SUPPORT PAGE ===== */

/* Support - Main Container */
[data-theme="light"] .chat {
  background-color: var(--bg-primary) !important;
}

/* Support - Chat Title */
[data-theme="light"] .chat__title {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .chat__title-name {
  color: var(--text-primary) !important;
}

/* Support - Chat Content */
[data-theme="light"] .chat__content {
  background-color: var(--bg-secondary) !important;
}

/* Support - Time Label */
[data-theme="light"] .chat__time-chat {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
}

/* Support - Message from Support */
[data-theme="light"] .chat__message-container .chat__message-text,
[data-theme="light"] .chat__message-text {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-radius: 18px !important;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  border: 2px solid #c0c0c0 !important;
}

/* Support - Message from User */
[data-theme="light"] .chat__message-container-you .chat__message-text {
  background-color: #d4edda !important;
  color: var(--text-primary) !important;
  border-radius: 18px !important;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  border: 2px solid #c0c0c0 !important;
}

/* Support - Message Info (time, name) */
[data-theme="light"] .chat__message-container,
[data-theme="light"] .chat__message-container-you {
  color: var(--text-secondary) !important;
  background-color: transparent !important;
}

[data-theme="light"] .chat__message-img {
  border-color: var(--bg-secondary) !important;
}

/* Support - Input Form */
[data-theme="light"] .chat__type-message {
  background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .chat__message-box {
  background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .chat__message-input {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

/* Support - File Attachment Button */
[data-theme="light"] .chat__message-button {
  background-color: var(--bg-tertiary) !important;
}

[data-theme="light"] .chat__message-button:hover {
  background-color: #d0d0d0 !important;
}

/* Support - Send Button (same as Stake button) */
[data-theme="light"] .chat__message-send {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] .chat__message-send:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .chat__message-send:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.4) !important;
  transform: translateY(0px) !important;
}

[data-theme="light"] .stake__time-bg,
[data-theme="light"] .stake__time-bg-two,
[data-theme="light"] .stake__time-bg-col-four,
[data-theme="light"] .stake__time-bg-hhh {
  background: var(--bg-tertiary) !important;
}

[data-theme="light"] .stake__time {
  color: var(--text-primary) !important;
}

[data-theme="light"] .stake__time-bonus {
  color: var(--text-primary) !important;
}

[data-theme="light"] .stake__select-name,
[data-theme="light"] .stake__sum-name {
  color: var(--text-primary) !important;
}

[data-theme="light"] .stake__sum input {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .stake__sum-numbers button {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .stake__sum-numbers button:hover {
  background: #c0c0c0 !important;
}

[data-theme="light"] .stake__benefit-who,
[data-theme="light"] .stake__benefit-translate,
[data-theme="light"] .stake__benefit-your {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .stake__benefit-numbers,
[data-theme="light"] .stake__benefit-profit {
  color: var(--text-primary) !important;
}

[data-theme="light"] .stake__item-button button {
  background: linear-gradient(90deg, #c0c0c0 0%, #a8a8a8 100%) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .stake__item-button button:hover {
  background: linear-gradient(90deg, #b0b0b0 0%, #989898 100%) !important;
}

[data-theme="light"] .footer .copyright p {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .footer .copyright p a {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .footer-social a {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .footer-social a:hover {
  color: var(--accent-primary) !important;
}

/* ==================== SWAP PAGE STYLES ==================== */

/* Swap - Top Header "Fast swap" */
[data-theme="light"] .swap__top {
  background-color: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .swap__top:before {
  display: none !important;
}

/* Swap - Input Fields */
[data-theme="light"] .swap__send-input,
[data-theme="light"] .swap__get-input {
  background-color: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .swap__send-input input,
[data-theme="light"] .swap__get-input input {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .swap__send-input input::placeholder,
[data-theme="light"] .swap__get-input input::placeholder {
  color: var(--text-secondary) !important;
}

/* Swap - Currency Select */
[data-theme="light"] .swap__send-select {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* Swap - Available Text */
[data-theme="light"] .swap__send-available {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .swap__send-available span {
  color: #9c27b0 !important;
}

/* Swap - Currency List Dropdown */
[data-theme="light"] .swapForm__currency-list {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .swapForm__currency-list.active {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .swapForm__currency-item {
  background: transparent !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .swapForm__currency-item:hover {
  background: var(--bg-hover) !important;
}

[data-theme="light"] .swapForm__currency-title {
  color: var(--text-secondary) !important;
}

/* Swap - Button (Purple Gradient like Stake/Send) */
[data-theme="light"] .swap__button {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

[data-theme="light"] .swap__button:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .swap__button:active {
  transform: translateY(1px) !important;
  box-shadow: 0 2px 8px rgba(156, 39, 176, 0.3) !important;
}

/* Swap - Exchange Rate Text */
[data-theme="light"] .swap__exchange {
  color: var(--text-secondary) !important;
}

/* Swap - Description Text */
[data-theme="light"] .swap__description {
  color: var(--text-secondary) !important;
}

/* ==================== P2P PAGE STYLES ==================== */

/* P2P - Payment Method and Limits columns (dark text) */
[data-theme="light"] .p2p__list-title.p2p__limits {
  color: var(--text-primary) !important;
}

/* P2P - Price column (keep green but darker) */
[data-theme="light"] .p2p__list-title.p2p__price {
  color: #2ecc71 !important;
}

/* P2P - Mobile view spans */
[data-theme="light"] .p2p__list-title span {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .p2p__list-title.p2p__price span {
  color: var(--text-secondary) !important;
}

/* ==================== UNIVERSAL PAGE STYLES (ALL REMAINING PAGES) ==================== */

/* Wallet Page - Additional Styles */
[data-theme="light"] .wallet__balance-box,
[data-theme="light"] .wallet__crypto-box {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .wallet__title,
[data-theme="light"] .wallet__crypto-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .wallet__balance-amount {
  color: var(--text-primary) !important;
}

[data-theme="light"] .wallet__button,
[data-theme="light"] .wallet__action-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
}

/* Transactions/History Pages */
[data-theme="light"] .transactions__container,
[data-theme="light"] .history__container,
[data-theme="light"] .staking-history__container {
  background: var(--bg-card) !important;
}

[data-theme="light"] .transactions__table,
[data-theme="light"] .history__table,
[data-theme="light"] .transaction-table {
  background: var(--bg-card) !important;
}

[data-theme="light"] .transactions__row:nth-child(even),
[data-theme="light"] .history__row:nth-child(even) {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .transaction__status-success,
[data-theme="light"] .transaction__status-completed {
  color: #2ecc71 !important;
}

[data-theme="light"] .transaction__status-pending {
  color: #f39c12 !important;
}

[data-theme="light"] .transaction__status-failed {
  color: #e74c3c !important;
}

/* Settings Page */
[data-theme="light"] .settings__container,
[data-theme="light"] .settings__box,
[data-theme="light"] .settings__section {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .settings__title,
[data-theme="light"] .settings__label {
  color: var(--text-primary) !important;
}

[data-theme="light"] .settings__input,
[data-theme="light"] .settings__select {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .settings__button,
[data-theme="light"] .settings__save-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

[data-theme="light"] .settings__button:hover,
[data-theme="light"] .settings__save-btn:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
}

/* Visa Card Page */
[data-theme="light"] .visa__container,
[data-theme="light"] .visa__box,
[data-theme="light"] .visa__card-box {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .visa__title,
[data-theme="light"] .visa__card-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .visa__info,
[data-theme="light"] .visa__details {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .visa__button,
[data-theme="light"] .visa__request-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
}

/* Affiliate Page */
[data-theme="light"] .affiliate__container,
[data-theme="light"] .affiliate__box,
[data-theme="light"] .affiliate__stats-box {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .affiliate__title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .affiliate__link-box,
[data-theme="light"] .affiliate__code-box {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .affiliate__stats-number,
[data-theme="light"] .affiliate__earnings {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .affiliate__copy-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
}

/* Verification Page */
[data-theme="light"] .verification__step,
[data-theme="light"] .verification__form {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .verification__title,
[data-theme="light"] .verification__label {
  color: var(--text-primary) !important;
}

[data-theme="light"] .verification__input,
[data-theme="light"] .verification__upload {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .verification__submit-btn,
[data-theme="light"] .verification__upload-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
}

[data-theme="light"] .verification__status-verified {
  color: #2ecc71 !important;
}

[data-theme="light"] .verification__status-pending {
  color: #f39c12 !important;
}

/* Transfer/Withdraw/Deposit Pages */
[data-theme="light"] .deposit__container,
[data-theme="light"] .withdraw__container,
[data-theme="light"] .transfer__box {
  background: var(--bg-card) !important;
}

[data-theme="light"] .deposit__qr-box,
[data-theme="light"] .deposit__address-box {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .deposit__address,
[data-theme="light"] .withdraw__address {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .withdraw__fee,
[data-theme="light"] .transfer__fee {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .withdraw__button,
[data-theme="light"] .deposit__copy-btn,
[data-theme="light"] .transfer__send-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
}

[data-theme="light"] .withdraw__button:hover,
[data-theme="light"] .deposit__copy-btn:hover,
[data-theme="light"] .transfer__send-btn:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
}

/* WalletConnect Page */
[data-theme="light"] .walletconnect__container {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .walletconnect__title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .walletconnect__button {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
}

/* Staking History */
[data-theme="light"] .staking-history__row:nth-child(even) {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .staking-history__status-active {
  color: #2ecc71 !important;
}

[data-theme="light"] .staking-history__status-completed {
  color: #3498db !important;
}

/* ==================== DEPOSIT PAGE - LIGHT THEME ==================== */

/* Main deposit container */
[data-theme="light"] .deposit {
  background: transparent !important;
}

[data-theme="light"] .deposit__box {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

/* Coin list sidebar */
[data-theme="light"] .deposit__coin-list-box {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .deposit__coin-list-wrapper {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .deposit__coin-list {
  background: var(--bg-secondary) !important;
}

/* Coin items */
[data-theme="light"] .deposit__coin-item {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .deposit__coin-item:hover {
  background: #d0d0d0 !important;
  border-color: var(--accent-primary) !important;
}

[data-theme="light"] .deposit__coin-item.buttonActiveNew {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  border-color: #9c27b0 !important;
}

[data-theme="light"] .deposit__coin-item.buttonActiveNew .deposit__coin-title,
[data-theme="light"] .deposit__coin-item.buttonActiveNew .deposit__coin-wallet {
  color: #ffffff !important;
}

[data-theme="light"] .deposit__coin-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .deposit__coin-wallet {
  color: var(--text-secondary) !important;
}

/* Content area */
[data-theme="light"] .deposit__content-item {
  background: transparent !important;
}

[data-theme="light"] .deposit__content-title {
  color: var(--text-primary) !important;
}

/* Crypto info box - clean design without extra boxes */
[data-theme="light"] .deposit__crypto-box {
  background: transparent !important;
  border: none !important;
}

[data-theme="light"] .deposit__crypto-box-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .deposit__crypto-box-wallet {
  color: var(--text-secondary) !important;
}

/* Center content with QR code */
[data-theme="light"] .deposit__center-content {
  background: transparent !important;
}

[data-theme="light"] .deposit__qr-code {
  background: #ffffff !important;
  padding: 10px;
  border-radius: 8px;
}

/* Text items (warnings/info) - clean without extra boxes */
[data-theme="light"] .deposit__text-items {
  background: transparent !important;
  border: none !important;
  padding: 0px;
}

[data-theme="light"] .deposit__text-item {
  color: var(--text-secondary) !important;
  font-size: 13px;
  line-height: 1.6;
}

/* Address input box - clean design */
[data-theme="light"] .deposit__address__box {
  background: transparent !important;
  border: none !important;
}

[data-theme="light"] .deposit__address {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

/* Copy button */
[data-theme="light"] .deposit__address-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

[data-theme="light"] .deposit__address-btn:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  transform: translateY(-2px);
}

[data-theme="light"] .deposit__address-btn:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  transform: translateY(0px);
}

/* Mobile button */
[data-theme="light"] .deposit__mobile-btn {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

/* Close button for mobile */
[data-theme="light"] .deposit__close-list {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .deposit__close-list:hover {
  background: var(--accent-primary) !important;
  color: #ffffff !important;
}

/* ==================== WITHDRAW PAGE - LIGHT THEME ==================== */

/* Withdraw uses same coin list as deposit, so those styles are inherited */

/* Withdraw container */
[data-theme="light"] .withdraw {
  background: transparent !important;
}

[data-theme="light"] .withdraw__container {
  background: transparent !important;
}

[data-theme="light"] .withdraw__container-content {
  background: transparent !important;
}

[data-theme="light"] .withdraw__content-top {
  background: transparent !important;
}

/* Withdraw address section */
[data-theme="light"] .withdraw__address {
  background: transparent !important;
  border: none !important;
}

[data-theme="light"] .withdraw__address-container {
  background: transparent !important;
}

[data-theme="light"] .withdraw__address-title {
  color: var(--text-primary) !important;
  font-weight: 600;
}

[data-theme="light"] .withdraw__address-description {
  color: var(--text-secondary) !important;
  font-size: 13px;
}

/* Withdraw input fields */
[data-theme="light"] .withdraw__address-input {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .withdraw__address-input::placeholder {
  color: var(--text-muted) !important;
}

/* Withdraw amount section */
[data-theme="light"] .withdraw__amount {
  background: transparent !important;
  border: none !important;
}

[data-theme="light"] .withdraw__amount-container {
  background: transparent !important;
}

[data-theme="light"] .withdraw__amount-title {
  color: var(--text-primary) !important;
  font-weight: 600;
}

[data-theme="light"] .withdraw__amount-description {
  color: var(--text-secondary) !important;
  font-size: 13px;
}

[data-theme="light"] .withdraw__amount-input {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .withdraw__amount-input::placeholder {
  color: var(--text-muted) !important;
}

/* Withdraw available balance */
[data-theme="light"] .withdraw__available {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .withdraw__available-amount {
  color: var(--text-primary) !important;
  font-weight: 600;
}

/* Withdraw fee info */
[data-theme="light"] .withdraw__fee-info {
  background: transparent !important;
  border: none !important;
}

[data-theme="light"] .withdraw__fee-title {
  color: var(--text-primary) !important;
}

[data-theme="light"] .withdraw__fee-amount {
  color: var(--text-secondary) !important;
}

/* Withdraw total section */
[data-theme="light"] .withdraw__total {
  background: transparent !important;
  border-top: 1px solid var(--border-color) !important;
  padding-top: 15px;
}

[data-theme="light"] .withdraw__total-title {
  color: var(--text-primary) !important;
  font-weight: 600;
}

[data-theme="light"] .withdraw__total-amount {
  color: var(--text-primary) !important;
  font-weight: 600;
}

/* Withdraw button */
[data-theme="light"] .withdraw__button,
[data-theme="light"] .withdraw__submit-btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

[data-theme="light"] .withdraw__button:hover,
[data-theme="light"] .withdraw__submit-btn:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  transform: translateY(-2px);
}

[data-theme="light"] .withdraw__button:active,
[data-theme="light"] .withdraw__submit-btn:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  transform: translateY(0px);
}

/* Withdraw card */
[data-theme="light"] .withdraw__card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}

/* Withdraw info/warning messages */
[data-theme="light"] .withdraw__info,
[data-theme="light"] .withdraw__warning {
  background: transparent !important;
  border: none !important;
  color: var(--text-secondary) !important;
  font-size: 13px;
  line-height: 1.6;
}

/* Withdraw network select */
[data-theme="light"] .withdraw__network-select,
[data-theme="light"] .withdraw__coin-select {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

/* Nice select dropdown for withdraw */
[data-theme="light"] .withdraw .nice-select,
[data-theme="light"] .deposit .nice-select {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .withdraw .nice-select .list,
[data-theme="light"] .deposit .nice-select .list {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .withdraw .nice-select .option,
[data-theme="light"] .deposit .nice-select .option {
  color: var(--text-primary) !important;
  background: var(--bg-tertiary) !important;
}

[data-theme="light"] .withdraw .nice-select .option:hover,
[data-theme="light"] .deposit .nice-select .option:hover {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .withdraw .nice-select .option.selected,
[data-theme="light"] .deposit .nice-select .option.selected {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
}

[data-theme="light"] .withdraw .nice-select .option.selected.focus,
[data-theme="light"] .deposit .nice-select .option.selected.focus {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  color: #ffffff !important;
}

/* ==================== TRANSACTIONS PAGE - LIGHT THEME ==================== */

/* Transaction profile card */
[data-theme="light"] .profile_card {
  background: transparent !important;
}

/* Card container */
[data-theme="light"] .card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: none !important;
}

[data-theme="light"] .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .card-title {
  color: var(--text-primary) !important;
  font-weight: 600;
}

[data-theme="light"] .card-body {
  background: transparent !important;
}

/* Transaction table */
[data-theme="light"] .transaction-table {
  background: transparent !important;
}

[data-theme="light"] .transaction-table .table {
  background: transparent !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .transaction-table .table thead {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .transaction-table .table thead th {
  color: var(--text-primary) !important;
  font-weight: 600;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .transaction-table .table tbody tr {
  background: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .transaction-table .table tbody tr:nth-child(even) {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .transaction-table .table tbody tr:hover {
  background: var(--bg-tertiary) !important;
}

[data-theme="light"] .transaction-table .table tbody td {
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* Transaction status badges */
[data-theme="light"] .status_pending,
[data-theme="light"] .status_completed,
[data-theme="light"] .status_canceled {
  padding: 5px 12px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
}

[data-theme="light"] .status_pending {
  background: rgba(243, 156, 18, 0.15) !important;
  color: #f39c12 !important;
}

[data-theme="light"] .status_completed {
  background: rgba(46, 204, 113, 0.15) !important;
  color: #2ecc71 !important;
}

[data-theme="light"] .status_canceled {
  background: rgba(231, 76, 60, 0.15) !important;
  color: #e74c3c !important;
}

/* Table responsive container */
[data-theme="light"] .table-responsive {
  background: transparent !important;
}

/* Table striped (alternative to nth-child) */
[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) {
  background: transparent !important;
}

[data-theme="light"] .table-striped tbody tr:nth-of-type(even) {
  background: var(--bg-secondary) !important;
}

/* ==================== TRANSACTIONS PAGE - FIX BLACK STRIPE ==================== */

/* Remove black stripe from table header */
[data-theme="light"] .transaction-table .table thead tr {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .transaction-table .table thead tr th {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* Make entire transaction history section gray */
[data-theme="light"] .profile_card .card {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .profile_card .card-body {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .profile_card .card-header {
  background: var(--bg-secondary) !important;
}

/* Override any dark backgrounds */
[data-theme="light"] .table thead,
[data-theme="light"] .table thead tr,
[data-theme="light"] .table thead th {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

/* Table inside transactions */
[data-theme="light"] .transaction-table .table-responsive {
  background: var(--bg-secondary) !important;
}

/* Fix table body rows */
[data-theme="light"] .transaction-table .table tbody tr:nth-child(odd) {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .transaction-table .table tbody tr:nth-child(even) {
  background: var(--bg-tertiary) !important;
}

/* ==================== TRANSACTIONS PAGE - DARKER GRAY BACKGROUND ==================== */

/* Make transaction section darker gray like other sections */
[data-theme="light"] .profile_card .card {
  background: #d5d5d5 !important;
}

[data-theme="light"] .profile_card .card-body {
  background: #d5d5d5 !important;
}

[data-theme="light"] .profile_card .card-header {
  background: #d5d5d5 !important;
}

/* Table inside - slightly lighter for contrast */
[data-theme="light"] .transaction-table .table-responsive {
  background: #d5d5d5 !important;
}

/* Table header - even lighter for distinction */
[data-theme="light"] .table thead,
[data-theme="light"] .table thead tr,
[data-theme="light"] .table thead th {
  background: #c8c8c8 !important;
  color: var(--text-primary) !important;
}

/* Table body rows alternating */
[data-theme="light"] .transaction-table .table tbody tr:nth-child(odd) {
  background: #d5d5d5 !important;
}

[data-theme="light"] .transaction-table .table tbody tr:nth-child(even) {
  background: #c8c8c8 !important;
}

[data-theme="light"] .transaction-table .table tbody tr:hover {
  background: #c0c0c0 !important;
}

/* ==================== TRANSFER TITLE - BLACK COLOR FIX ==================== */
[data-theme="light"] .transfer__title {
  color: #1a1a1a !important;
}

/* ==================== TRANSACTIONS PAGE - FORCE DARKER GRAY OVERRIDE ==================== */

/* Override all previous styles with more specific selectors */
[data-theme="light"] .content-body .profile_card .card,
[data-theme="light"] div.profile_card div.card {
  background: #d5d5d5 !important;
  border: 1px solid #b0b0b0 !important;
}

[data-theme="light"] .content-body .profile_card .card-body,
[data-theme="light"] div.profile_card div.card-body {
  background: #d5d5d5 !important;
}

[data-theme="light"] .content-body .profile_card .card-header,
[data-theme="light"] div.profile_card div.card-header {
  background: #d5d5d5 !important;
  border-bottom: 1px solid #b0b0b0 !important;
}

/* Table container */
[data-theme="light"] .content-body .transaction-table,
[data-theme="light"] div.transaction-table {
  background: #d5d5d5 !important;
}

[data-theme="light"] .content-body .transaction-table .table-responsive,
[data-theme="light"] div.transaction-table div.table-responsive {
  background: #d5d5d5 !important;
}

/* Table headers - darker for contrast */
[data-theme="light"] .content-body .transaction-table .table thead,
[data-theme="light"] .content-body .transaction-table .table thead tr,
[data-theme="light"] .content-body .transaction-table .table thead th,
[data-theme="light"] div.transaction-table table.table thead,
[data-theme="light"] div.transaction-table table.table thead tr,
[data-theme="light"] div.transaction-table table.table thead th {
  background: #bebebe !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

/* Table rows */
[data-theme="light"] .content-body .transaction-table .table tbody tr:nth-child(odd),
[data-theme="light"] div.transaction-table table.table tbody tr:nth-child(odd) {
  background: #d5d5d5 !important;
}

[data-theme="light"] .content-body .transaction-table .table tbody tr:nth-child(even),
[data-theme="light"] div.transaction-table table.table tbody tr:nth-child(even) {
  background: #c8c8c8 !important;
}

[data-theme="light"] .content-body .transaction-table .table tbody tr:hover,
[data-theme="light"] div.transaction-table table.table tbody tr:hover {
  background: #b8b8b8 !important;
}

/* Table cells */
[data-theme="light"] .content-body .transaction-table .table tbody td,
[data-theme="light"] div.transaction-table table.table tbody td {
  color: #1a1a1a !important;
}

/* ==================== TRANSACTIONS - MAXIMUM SPECIFICITY FIX ==================== */

/* Use body selector for maximum specificity */
body[data-theme="light"] .b1 .content-body .container .row .col-xl-12 .profile_card .card {
  background-color: #d5d5d5 !important;
  border-color: #b0b0b0 !important;
}

body[data-theme="light"] .b1 .content-body .container .row .col-xl-12 .profile_card .card .card-header {
  background-color: #d5d5d5 !important;
  border-bottom-color: #b0b0b0 !important;
}

body[data-theme="light"] .b1 .content-body .container .row .col-xl-12 .profile_card .card .card-body {
  background-color: #d5d5d5 !important;
}

body[data-theme="light"] .transaction-table .table-responsive table.table thead {
  background-color: #bebebe !important;
}

body[data-theme="light"] .transaction-table .table-responsive table.table thead tr {
  background-color: #bebebe !important;
}

body[data-theme="light"] .transaction-table .table-responsive table.table thead th {
  background-color: #bebebe !important;
  color: #1a1a1a !important;
}

body[data-theme="light"] .transaction-table .table-responsive table.table tbody tr:nth-child(odd) {
  background-color: #d5d5d5 !important;
}

body[data-theme="light"] .transaction-table .table-responsive table.table tbody tr:nth-child(even) {
  background-color: #c8c8c8 !important;
}

body[data-theme="light"] .transaction-table .table-responsive table.table tbody tr:hover {
  background-color: #b8b8b8 !important;
}

/* ==================== TRANSFER PAGE - BLACK TEXT FIX ==================== */

[data-theme="light"] .transfer__send-title,
[data-theme="light"] .transfer__receivers-title,
[data-theme="light"] .staking__send-title {
  color: #1a1a1a !important;
}

/* Transfer select dropdown text */
[data-theme="light"] .transfer__send-select,
[data-theme="light"] .transfer__send-select .current,
[data-theme="light"] .transfer__send-select .list li,
[data-theme="light"] .staking__send-select .current,
[data-theme="light"] .staking__send-select .list li {
  color: #1a1a1a !important;
}

/* Coin name inside the field */
[data-theme="light"] .transfer__send-select span,
[data-theme="light"] .staking__send-select span {
  color: #1a1a1a !important;
}

/* ==================== TRANSACTIONS - DIRECT INLINE APPROACH ==================== */

/* Use the most specific selectors with exact class chain */
[data-theme="light"] .profile_card {
  background: transparent !important;
}

[data-theme="light"] .col-xl-12 .profile_card .card {
  background: #d5d5d5 !important;
  background-color: #d5d5d5 !important;
}

[data-theme="light"] .col-xl-12 .profile_card .card-header {
  background: #d5d5d5 !important;
  background-color: #d5d5d5 !important;
}

[data-theme="light"] .col-xl-12 .profile_card .card-body {
  background: #d5d5d5 !important;
  background-color: #d5d5d5 !important;
}

/* Table backgrounds */
[data-theme="light"] .table {
  background: transparent !important;
}

[data-theme="light"] .table thead,
[data-theme="light"] .table thead tr {
  background: #bebebe !important;
  background-color: #bebebe !important;
}

[data-theme="light"] .table thead th {
  background: #bebebe !important;
  background-color: #bebebe !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) {
  background: #d5d5d5 !important;
  background-color: #d5d5d5 !important;
}

[data-theme="light"] .table-striped tbody tr:nth-of-type(even) {
  background: #c8c8c8 !important;
  background-color: #c8c8c8 !important;
}

[data-theme="light"] .table-striped tbody tr:hover {
  background: #b8b8b8 !important;
  background-color: #b8b8b8 !important;
}

[data-theme="light"] .table tbody td {
  color: #1a1a1a !important;
}

/* ==================== TRANSFER INFO BLOCK - DARKER GRAY ==================== */

[data-theme="light"] .transfer__info {
  background: #d5d5d5 !important;
  background-color: #d5d5d5 !important;
}

[data-theme="light"] .transfer__title {
  color: #1a1a1a !important;
}

[data-theme="light"] .transfer__description {
  color: #4a4a4a !important;
}

/* ==================== WITHDRAW & TRANSFER BUTTONS - PURPLE GRADIENT LIKE STAKING ==================== */

/* Withdraw button link */
[data-theme="light"] .withdraw__link,
[data-theme="light"] .withdraw__link-container a {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

[data-theme="light"] .withdraw__link:hover,
[data-theme="light"] .withdraw__link-container a:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

[data-theme="light"] .withdraw__link:active,
[data-theme="light"] .withdraw__link-container a:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.4) !important;
  transform: translateY(0px) !important;
  color: #ffffff !important;
}

/* Transfer button link */
[data-theme="light"] .transfer__link,
[data-theme="light"] .transfer__link-container a {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

[data-theme="light"] .transfer__link:hover,
[data-theme="light"] .transfer__link-container a:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

[data-theme="light"] .transfer__link:active,
[data-theme="light"] .transfer__link-container a:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.4) !important;
  transform: translateY(0px) !important;
  color: #ffffff !important;
}

/* ==================== WITHDRAW BTN - PURPLE GRADIENT LIKE STAKING ==================== */

[data-theme="light"] .withdraw__btn,
[data-theme="light"] .withdraw__btn-container a {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

[data-theme="light"] .withdraw__btn:hover,
[data-theme="light"] .withdraw__btn-container a:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

[data-theme="light"] .withdraw__btn:active,
[data-theme="light"] .withdraw__btn-container a:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.4) !important;
  transform: translateY(0px) !important;
  color: #ffffff !important;
}

/* Ensure arrow icon inherits white color */
[data-theme="light"] .withdraw__btn-arrow {
  filter: brightness(0) invert(1) !important;
}

/* ==================== WALLET ACTIVE MENU ITEM - PURPLE GRADIENT ==================== */

[data-theme="light"] .menuProfile__menu-item.active {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

[data-theme="light"] .menuProfile__menu-item.active:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

[data-theme="light"] .menuProfile__menu-item.active:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.4) !important;
  transform: translateY(0px) !important;
  color: #ffffff !important;
}

/* ==================== ACTIVATE PROMO BUTTON - PURPLE GRADIENT ==================== */

[data-theme="light"] .userCard__promo-btn,
[data-theme="light"] button#activate_promo {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

[data-theme="light"] .userCard__promo-btn:hover,
[data-theme="light"] button#activate_promo:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

[data-theme="light"] .userCard__promo-btn:active,
[data-theme="light"] button#activate_promo:active {
  background: linear-gradient(135deg, #8e24aa 0%, #ab47bc 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.4) !important;
  transform: translateY(0px) !important;
  color: #ffffff !important;
}

/* ==================== WALLET NAVIGATION BUTTONS - PURPLE HOVER ==================== */

/* Deposit, Withdraw, Transfer buttons on Wallet page */
[data-theme="light"] .userNavigation__tabBtn {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid #c0c0c0 !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] .userNavigation__tabBtn:hover {
  background: linear-gradient(135deg, rgba(156, 39, 176, 0.15) 0%, rgba(186, 104, 200, 0.15) 50%, rgba(206, 147, 216, 0.15) 100%) !important;
  color: #8e24aa !important;
  border-color: #ba68c8 !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.2) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .userNavigation__tabBtn:active {
  background: linear-gradient(135deg, rgba(156, 39, 176, 0.25) 0%, rgba(186, 104, 200, 0.25) 50%, rgba(206, 147, 216, 0.25) 100%) !important;
  color: #7b1fa2 !important;
  border-color: #9c27b0 !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.3) !important;
  transform: translateY(0px) !important;
}

/* Fix parent link styles */
[data-theme="light"] .userNavigation__tabBtn-box a {
  text-decoration: none !important;
}

/* ==================== WALLET USER CARD - GRAY BACKGROUND ==================== */

[data-theme="light"] .userCard__box {
  background: transparent !important;
}

[data-theme="light"] .userCard__item-left,
[data-theme="light"] .userCard__item-right {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  border: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .userCard__user-data {
  background: transparent !important;
}

[data-theme="light"] .userCard__balance {
  background: transparent !important;
}

[data-theme="light"] .userCard__promo-title {
  color: #1a1a1a !important;
}

[data-theme="light"] .userCard__promo-input {
  background: #d8d8d8 !important;
  color: #1a1a1a !important;
  border: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .userCard__promo-input::placeholder {
  color: #8a8a8a !important;
}

/* User navigation section */
[data-theme="light"] .userNavigation__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  border: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .userNavigation__search-box {
  background: transparent !important;
}

/* Table section */
[data-theme="light"] .tableUser__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  border: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .tableUser__wrapper {
  background: transparent !important;
}

[data-theme="light"] .tableUser__names {
  background: #d8d8d8 !important;
  border-bottom: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .tableUser__name {
  color: #1a1a1a !important;
  font-weight: 600;
}

[data-theme="light"] .tableUser__items {
  background: transparent !important;
}

[data-theme="light"] .tableUser__item {
  background: transparent !important;
  border-bottom: 1px solid #d0d0d0 !important;
}

[data-theme="light"] .tableUser__item:hover {
  background: #d8d8d8 !important;
}

[data-theme="light"] .tableUser__item-coin,
[data-theme="light"] .tableUser__item-balance,
[data-theme="light"] .tableUser__item-equivalent {
  color: #1a1a1a !important;
}

[data-theme="light"] .tableUser__item-coin span {
  color: #6a6a6a !important;
}

/* ==================== WALLET SECTIONS - FORCE GRAY WITH BODY SELECTOR ==================== */

body[data-theme="light"] .userCard__item-left,
body[data-theme="light"] .userCard__item-right,
body[data-theme="light"] section.userCard .userCard__item-left,
body[data-theme="light"] section.userCard .userCard__item-right {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
}

body[data-theme="light"] .userNavigation__box,
body[data-theme="light"] section.userNavigation .userNavigation__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
}

body[data-theme="light"] .tableUser__box,
body[data-theme="light"] section.tableUser .tableUser__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
}

/* ==================== WALLET FORCE GRAY - OVERRIDE USERSTYLE.CSS ==================== */

body[data-theme="light"] section.userCard .userCard__box .userCard__item-left,
body[data-theme="light"] section.userCard .userCard__box .userCard__item-right,
body[data-theme="light"] .userCard__container .userCard__box .userCard__item-left,
body[data-theme="light"] .userCard__container .userCard__box .userCard__item-right {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  background-image: none !important;
}

body[data-theme="light"] section.userNavigation .userCard__container .userNavigation__box,
body[data-theme="light"] .userCard__container .userNavigation__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  background-image: none !important;
}

body[data-theme="light"] section.tableUser .userCard__container .tableUser__box,
body[data-theme="light"] .userCard__container .tableUser__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  background-image: none !important;
}


/* ==================== WALLET ULTIMATE OVERRIDE - ALL SECTIONS GRAY ==================== */

/* UserCard sections - triple specificity */
body#dark[data-theme="light"] .userCard__item-left,
body#dark[data-theme="light"] .userCard__item-right,
[data-theme="light"]#dark .userCard__item-left,
[data-theme="light"]#dark .userCard__item-right {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  background-image: none !important;
}

/* UserNavigation box */
body#dark[data-theme="light"] .userNavigation__box,
[data-theme="light"]#dark .userNavigation__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  background-image: none !important;
}

/* TableUser box */
body#dark[data-theme="light"] .tableUser__box,
[data-theme="light"]#dark .tableUser__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  background-image: none !important;
}


/* ==================== WALLET TEXT DARK ON LIGHT THEME (MOBILE FIX) ==================== */

[data-theme="light"] .userCard__balance-title,
[data-theme="light"] .userCard__balance-count,
[data-theme="light"] .userCard__user-name,
[data-theme="light"] .userCard__user-premium-success,
[data-theme="light"] .userCard__user-premium-danger,
[data-theme="light"] .userCard__user-id,
[data-theme="light"] .userCard__user-email,
[data-theme="light"] .userCard__promo-title,
[data-theme="light"] .userCard__promo-input::placeholder {
  color: #1a1a1a !important;
}


/* ==================== SETTINGS ATTENTION TEXT BLACK ==================== */

[data-theme="light"] .userAttention__text,
[data-theme="light"] .userAttention__text span {
  color: #1a1a1a !important;
}


/* ==================== SETTINGS ATTENTION BOX GRAY ==================== */

[data-theme="light"] .userAttention__box {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
}

/* ==================== ENABLE BUTTON PURPLE GRADIENT LIKE STAKE ==================== */

[data-theme="light"] .userAttention__btn {
  background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
  box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
  color: #FFFFFF !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] .userAttention__btn:hover {
  background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
  box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .userAttention__btn:active {
  background: linear-gradient(135deg, #8e24aa 0%, #9c27b0 50%, #ba68c8 100%) !important;
  box-shadow: 0 2px 10px rgba(156, 39, 176, 0.3) !important;
  transform: translateY(0) !important;
}

/* ==================== МАКСИМАЛЬНАЯ СПЕЦИФИЧНОСТЬ - ВСЕ ВАРИАНТЫ ==================== */

/* Вариант 1: Простой селектор */
[data-theme="light"] .userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* Вариант 2: С body */
body[data-theme="light"] .userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* Вариант 3: С html и body */
html body[data-theme="light"] .userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* Вариант 4: С section */
[data-theme="light"] section.userAttention .userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* Вариант 5: С контейнером */
[data-theme="light"] .userCard__container .userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* Вариант 6: Полная цепочка */
[data-theme="light"] section.userAttention .userCard__container .userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* Вариант 7: Через div */
[data-theme="light"] div.userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* Вариант 8: Максимальная специфичность */
html body[data-theme="light"] section.userAttention .userCard__container div.userAttention__box {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
}

/* КНОПКА Enable - все варианты */
[data-theme="light"] .userAttention__btn,
body[data-theme="light"] .userAttention__btn,
html body[data-theme="light"] .userAttention__btn,
[data-theme="light"] div.userAttention__btn {
    background: linear-gradient(135deg, #9c27b0 0%, #ba68c8 50%, #ce93d8 100%) !important;
    box-shadow: 0 4px 15px rgba(156, 39, 176, 0.35) !important;
}

[data-theme="light"] .userAttention__btn:hover,
body[data-theme="light"] .userAttention__btn:hover {
    background: linear-gradient(135deg, #ab47bc 0%, #ce93d8 50%, #e1bee7 100%) !important;
    box-shadow: 0 6px 20px rgba(156, 39, 176, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* =============================================
   Sandwich Menu - Black color in Light Theme
   ============================================= */
[data-theme="light"] .header__nav-line {
    stroke: #1a1a1a !important;
}

/* =============================================
   ZX Visa Card Title - Black in Light Theme
   ============================================= */
[data-theme="light"] .visa-title {
    color: #1a1a1a !important;
}

/* =============================================
   TRADING PAGE - Light Theme
   ============================================= */

/* Main Trading Container */
[data-theme="light"] .trade__container-ghTgp {
  color: #1a1a1a !important;
}

[data-theme="light"] .trade__container-ghTgp a {
  color: #1a1a1a !important;
}

/* All Trading Panels Background */
[data-theme="light"] .top-ghTgp,
[data-theme="light"] .left-ghTgp,
[data-theme="light"] .center-top-ghTgp,
[data-theme="light"] .center-bottom-ghTgp,
[data-theme="light"] .right-top-ghTgp,
[data-theme="light"] .right-center-ghTgp,
[data-theme="light"] .right-bottom-ghTgp {
  background-color: #e8e8e8 !important;
  border: 1px solid #d0d0d0 !important;
}

/* Top Panel - Pair Info */
[data-theme="light"] .top-ghTgp .info__pair {
  color: #1a1a1a !important;
}

[data-theme="light"] .top-ghTgp .info__price,
[data-theme="light"] .top-ghTgp .info__change,
[data-theme="light"] .top-ghTgp .info__minmax {
  border-right: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .top-ghTgp .info__price-title,
[data-theme="light"] .top-ghTgp .info__change-title,
[data-theme="light"] .top-ghTgp .info__high-title,
[data-theme="light"] .top-ghTgp .info__low-title,
[data-theme="light"] .top-ghTgp .info__volume-title {
  color: #666666 !important;
}

[data-theme="light"] .top-ghTgp .info__price-currency,
[data-theme="light"] .top-ghTgp .info__high-value,
[data-theme="light"] .top-ghTgp .info__low-value,
[data-theme="light"] .top-ghTgp .info__volume-currency {
  color: #1a1a1a !important;
}

[data-theme="light"] .top-ghTgp .info__price-usd,
[data-theme="light"] .top-ghTgp .info__volume-usd {
  color: #666666 !important;
}

/* Left Panel - Pair List */
[data-theme="light"] .pair-BdfTH {
  color: #666666 !important;
}

[data-theme="light"] .pair__search-input-BdfTH {
  background: #fafafa !important;
  border: 1px solid #c0c0c0 !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .pair__search-input-BdfTH::placeholder {
  color: #888888 !important;
}

[data-theme="light"] .pair__currency-BdfTH {
  color: #666666 !important;
}

[data-theme="light"] .pair__currency-BdfTH span {
  color: #1a1a1a !important;
}

[data-theme="light"] .pair__sort-item-BdfTH,
[data-theme="light"] .pair__sort-symbol-BdfTH {
  color: #666666 !important;
}

[data-theme="light"] .pair__items-BdfTH {
  color: #1a1a1a !important;
}

[data-theme="light"] .pair__item-BdfTH:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .pair__item-BdfTH.pair__item-selected-BdfTH {
  background: rgba(156, 39, 176, 0.15) !important;
}

[data-theme="light"] .pair__item-name-BdfTH,
[data-theme="light"] .pair__item-price-BdfTH {
  color: #1a1a1a !important;
}

/* Left Panel - Order Book */
[data-theme="light"] .left-ghTgp .order__title {
  color: #1a1a1a !important;
}

[data-theme="light"] .left-ghTgp .order__names-name {
  color: #666666 !important;
}

[data-theme="light"] .left-ghTgp .order__item-amount,
[data-theme="light"] .left-ghTgp .order__item-total {
  color: #1a1a1a !important;
}

[data-theme="light"] .left-ghTgp .order__info-wrapper {
  background: #d8d8d8 !important;
}

[data-theme="light"] .left-ghTgp .order__info-usd {
  color: #666666 !important;
}

[data-theme="light"] .left-ghTgp .order__info-vol span,
[data-theme="light"] .left-ghTgp .order__info-volUsd span {
  color: #666666 !important;
}

[data-theme="light"] .left-ghTgp .order__info-vol,
[data-theme="light"] .left-ghTgp .order__info-volUsd {
  color: #1a1a1a !important;
}

[data-theme="light"] .left-ghTgp .order__info-volUsd {
  border-top: 1px solid #c0c0c0 !important;
}

/* Right Top Panel - Trade History */
[data-theme="light"] .history-bThdE {
  color: #666666 !important;
}

[data-theme="light"] .history__title-bThdE {
  color: #1a1a1a !important;
}

[data-theme="light"] .history__names-item-bThdE {
  color: #666666 !important;
}

[data-theme="light"] .history__item-amount-bThdE,
[data-theme="light"] .history__item-date-bThdE {
  color: #1a1a1a !important;
}

/* Right Center Panel - Orders */
[data-theme="light"] .orders-hgtFg {
  background-color: #e8e8e8 !important;
}

[data-theme="light"] .orders_noHis {
  color: #666666 !important;
}

/* Right Bottom Panel - Chat */
[data-theme="light"] .right-bottom-ghTgp .chat__title {
  background-color: #d8d8d8 !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .right-bottom-ghTgp .chat__message-text {
  border-bottom: 1px solid #c0c0c0 !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .right-bottom-ghTgp .chat__send-input {
  background-color: #fafafa !important;
  color: #1a1a1a !important;
  border: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .right-bottom-ghTgp .chat__send-input::placeholder {
  color: #888888 !important;
}

/* Center Bottom - Buy/Sell Forms */
[data-theme="light"] .order__tab-fbGht,
[data-theme="light"] .orders-hgtFg {
  color: #1a1a1a !important;
}

[data-theme="light"] .button__container {
  background-color: #e8e8e8 !important;
  border-bottom: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .rushButton {
  color: #666666 !important;
}

[data-theme="light"] .rushButton.buttonActiveNew {
  color: #9c27b0 !important;
  border-bottom: 2px solid #9c27b0 !important;
}

[data-theme="light"] .center-bottom-ghTgp .order__buy,
[data-theme="light"] .center-bottom-ghTgp .order__sell {
  background-color: #e8e8e8 !important;
}

[data-theme="light"] .order__buy {
  border-right: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .center-bottom-ghTgp .order__sell {
  border-left: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .order__title-fbGht {
  color: #1a1a1a !important;
}

[data-theme="light"] .order__pair-fbGht {
  color: #666666 !important;
}

[data-theme="light"] .order_amount {
  background-color: #fafafa !important;
  border: 1px solid #c0c0c0 !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .order_amount::placeholder {
  color: #888888 !important;
}

[data-theme="light"] .order_amount-title {
  color: #666666 !important;
}

[data-theme="light"] .order_suffix {
  color: #666666 !important;
}

[data-theme="light"] .input_check-kfjdJh {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .order__switch-label {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .order__switch-title {
  color: #666666 !important;
}

[data-theme="light"] .order__faq-text {
  background-color: #d8d8d8 !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .slider {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .slider:before {
  background-color: #888888 !important;
}

[data-theme="light"] input:checked + .slider {
  background-color: #9c27b0 !important;
}

[data-theme="light"] input:checked + .slider:before {
  background-color: #ffffff !important;
}

[data-theme="light"] .order_amount-total {
  border-bottom: 1px solid #c0c0c0 !important;
}

[data-theme="light"] .order_amount-total span {
  color: #666666 !important;
}

[data-theme="light"] .order_prefix-box .order_prefix {
  color: #666666 !important;
}

/* Chart Container Border */
[data-theme="light"] #tvchart {
  border: 1px solid #c0c0c0 !important;
}

/* Scrollbar for Light Theme */
[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #c0c0c0 !important;
}

[data-theme="light"] ::-webkit-scrollbar-track {
  background-color: #e8e8e8 !important;
}

/* Trading Page Body Background */
[data-theme="light"] body#dark {
  background-color: #fafafa !important;
}

/* SVG Icons in Trading */
[data-theme="light"] .pair__sort-arrows-BdfTH span svg {
  fill: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .order__pair-ico-fbGht svg path {
  fill: #666666 !important;
}

[data-theme="light"] .check__ico-kfjdJh svg path {
  fill: #666666 !important;
}

[data-theme="light"] .order__switch-faq svg circle {
  stroke: #666666 !important;
}

[data-theme="light"] .order__switch-faq svg path {
  fill: #666666 !important;
}


/* Language Switcher - Minimal */
.language-switcher {
  position: relative;
  margin-right: 4px;
}

.lang-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lang-btn:hover {
  opacity: 1;
}

.lang-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--text-secondary);
}

.lang-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: all 0.15s ease;
  z-index: 1000;
  overflow: hidden;
}

.lang-dropdown.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lang-option {
  display: block;
  padding: 6px 14px;
  color: var(--text-primary);
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: background 0.15s;
}

.lang-option:hover {
  background: var(--bg-hover);
}

.lang-option.active {
  color: var(--accent-primary);
}

/* Light Theme */
[data-theme="light"] .lang-btn svg {
  stroke: #666;
}

[data-theme="light"] .lang-dropdown {
  background: #fff;
  border-color: #ddd;
}

[data-theme="light"] .lang-option {
  color: #1a1a1a;
}

[data-theme="light"] .lang-option:hover {
  background: #f0f0f0;
}

[data-theme="light"] .lang-option.active {
  color: #9c27b0;
}

/* Header Controls Container for Legal Pages */
.header__controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding-right: 15px;
}

.header__controls .language-switcher {
  order: 1;
}

.header__controls .theme-toggle {
  order: 2;
}

/* Header Controls Positioning for Profile Pages */
.header__right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header__right .language-switcher {
  order: 1;
}

.header__right .theme-toggle {
  order: 2;
}

.header__right .header__profile {
  order: 3;
}

/* Header Controls Positioning for Index Page */
.header__box {
  display: flex;
  align-items: center;
}

/* Desktop: Controls LEFT of auth buttons */
@media (min-width: 1051px) {
  .header__box .language-switcher {
    order: 1;
    margin-right: 8px;
  }
  
  .header__box .theme-toggle {
    order: 2;
    margin-right: 15px;
  }
  
  .header__box .header__auth-buttons {
    order: 3;
  }
  
  .header__box .header__nav-menu {
    order: 10;
  }
}

/* Mobile: Keep current order */
@media (max-width: 1050px) {
  .header__box .language-switcher {
    order: 10;
  }

  .header__box .theme-toggle {
    order: 11;
  }

  .header__box .header__nav-menu {
    order: 12;
  }
}

/* Mobile styling for header controls */
@media (max-width: 991px) {
  .header__right .language-switcher,
  .header__right .theme-toggle,
  .header__box .language-switcher,
  .header__box .theme-toggle {
    margin-right: 8px;
  }
}