/* ORAX V142 — palette ownership + true light mode
   Theme/chrome follows White-label variables. Trading semantics stay green/red. */
:root{
  --semantic-success:#10b981;
  --semantic-danger:#ef4444;
  --semantic-warning:#f59e0b;
  --trade-up:#22c55e;
  --trade-down:#ef4444;
  --brand-soft:color-mix(in srgb,var(--brand-primary) 12%,transparent);
  --brand-soft-2:color-mix(in srgb,var(--brand-primary) 18%,transparent);
  --brand-ring:color-mix(in srgb,var(--brand-primary) 26%,transparent);
}

/* AUTH — removes old emerald focus/hover/glow from every preset. */
body.lzx-auth-page.lzx-auth-compact-page .lzx-auth-field:focus-within,
body.lzx-auth-page .lzx-auth-field:focus-within{
  border-color:var(--brand-primary)!important;
  box-shadow:0 0 0 3px var(--brand-ring),0 14px 34px color-mix(in srgb,var(--brand-primary) 10%,transparent)!important;
  background:color-mix(in srgb,var(--brand-primary) 6%,var(--brand-surface))!important;
}
body.lzx-auth-page .lzx-auth-field:focus-within .material-symbols-outlined{color:var(--brand-primary)!important}
body.lzx-auth-page .lzx-min-kicker{
  color:color-mix(in srgb,var(--brand-primary) 76%,var(--brand-text))!important;
  background:color-mix(in srgb,var(--brand-primary) 10%,var(--brand-surface))!important;
  border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--brand-border))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 12%,transparent)!important;
}
body.lzx-auth-page .lzx-auth-theme-toggle:hover,
body.lzx-auth-page .lzx-auth-nav-actions a:hover{
  border-color:color-mix(in srgb,var(--brand-primary) 42%,var(--brand-border))!important;
  color:var(--brand-primary)!important;
  background:color-mix(in srgb,var(--brand-primary) 9%,var(--brand-surface))!important;
}

/* ADMIN — palette chrome. Success/warning/error badges remain semantic. */
body.admin-shell{scrollbar-color:color-mix(in srgb,var(--brand-primary) 46%,transparent) transparent!important}
body.admin-shell ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-primary) 40%,transparent)!important}
body.admin-shell .nav-item:hover,
body.admin-shell .profile-container:hover,
body.admin-shell .profile-menu-item:hover,
body.admin-shell .admin-table tbody tr:hover,
body.admin-shell .table-responsive tbody tr:hover{
  background:color-mix(in srgb,var(--brand-primary) 8%,transparent)!important;
}
body.admin-shell .nav-item.active{
  color:color-mix(in srgb,var(--brand-primary) 78%,var(--brand-text))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 18%,transparent),color-mix(in srgb,var(--brand-primary) 7%,transparent))!important;
  border-color:color-mix(in srgb,var(--brand-primary) 20%,var(--brand-border))!important;
}
body.admin-shell .nav-item.active i,
body.admin-shell .nav-item.active .material-symbols-outlined{color:var(--brand-primary)!important}
body.admin-shell .admin-check-card input,
body.admin-shell input[type="checkbox"],
body.admin-shell input[type="radio"]{accent-color:var(--brand-primary)!important}
body.admin-shell .admin-input:focus,
body.admin-shell .admin-select:focus,
body.admin-shell input:focus,
body.admin-shell select:focus,
body.admin-shell textarea:focus{
  border-color:color-mix(in srgb,var(--brand-primary) 62%,var(--brand-border))!important;
  box-shadow:0 0 0 3px var(--brand-ring)!important;
  outline:none!important;
}
body.admin-shell .admin-btn:not(.danger):not(.warn):not(.secondary),
body.admin-shell .btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;
  border-color:transparent!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 18%,transparent)!important;
}
body.admin-shell .admin-btn:not(.danger):not(.warn):not(.secondary):hover,
body.admin-shell .btn-primary:hover{filter:brightness(1.07)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--brand-primary) 25%,transparent)!important}
body.admin-shell .ops-kpi:not(.warn):not(.danger)>span,
body.admin-shell .profile-info-item i,
body.admin-shell .quick-action-icon{
  color:var(--brand-primary)!important;
  background:color-mix(in srgb,var(--brand-primary) 11%,transparent)!important;
}

/* ADMIN light: no dark inherited KPI/cards. */
body.admin-shell.theme-light-mode,
body.admin-shell.theme-light-mode .app-container,
body.admin-shell.theme-light-mode .main-content,
body.admin-shell.theme-light-mode .content-wrapper{
  background:var(--brand-bg)!important;color:var(--brand-text)!important;
}
body.admin-shell.theme-light-mode .sidebar,
body.admin-shell.theme-light-mode .page-header,
body.admin-shell.theme-light-mode .admin-card,
body.admin-shell.theme-light-mode .admin-panel,
body.admin-shell.theme-light-mode .table-container,
body.admin-shell.theme-light-mode .chart-card,
body.admin-shell.theme-light-mode .symbol-panel,
body.admin-shell.theme-light-mode .symbol-table-card,
body.admin-shell.theme-light-mode .ops-kpi,
body.admin-shell.theme-light-mode .stat-card,
body.admin-shell.theme-light-mode .symbol-stat-card,
body.admin-shell.theme-light-mode .api-kpi,
body.admin-shell.theme-light-mode .metric-card,
body.admin-shell.theme-light-mode .finance-kpi-card,
body.admin-shell.theme-light-mode .finance-flow-panel,
body.admin-shell.theme-light-mode .finance-actions-panel,
body.admin-shell.theme-light-mode .finance-method-panel,
body.admin-shell.theme-light-mode .finance-currency-panel,
body.admin-shell.theme-light-mode .finance-transaction-panel,
body.admin-shell.theme-light-mode .finance-dash-hero,
body.admin-shell.theme-light-mode .wl-studio,
body.admin-shell.theme-light-mode .wl-hero,
body.admin-shell.theme-light-mode [class$="-card"]:not(.badge):not(.campaign-status){
  background:var(--brand-surface)!important;
  color:var(--brand-text)!important;
  border-color:var(--brand-border)!important;
  box-shadow:0 10px 30px color-mix(in srgb,var(--brand-text) 6%,transparent)!important;
}
body.admin-shell.theme-light-mode .admin-card-head,
body.admin-shell.theme-light-mode .admin-table thead,
body.admin-shell.theme-light-mode .table-responsive thead{
  background:color-mix(in srgb,var(--brand-bg) 64%,var(--brand-surface))!important;
  border-color:var(--brand-border)!important;
}
body.admin-shell.theme-light-mode .admin-table,
body.admin-shell.theme-light-mode .admin-table td,
body.admin-shell.theme-light-mode .admin-table th,
body.admin-shell.theme-light-mode .table-responsive td,
body.admin-shell.theme-light-mode .table-responsive th{color:var(--brand-text)!important;border-color:var(--brand-border)!important}
body.admin-shell.theme-light-mode .admin-muted,
body.admin-shell.theme-light-mode .text-muted,
body.admin-shell.theme-light-mode small:not(.badge),
body.admin-shell.theme-light-mode .stat-label,
body.admin-shell.theme-light-mode .finance-kpi-card small,
body.admin-shell.theme-light-mode .finance-kpi-card em{color:var(--brand-muted)!important}
body.admin-shell.theme-light-mode .stat-value,
body.admin-shell.theme-light-mode .finance-kpi-card b,
body.admin-shell.theme-light-mode h1,
body.admin-shell.theme-light-mode h2,
body.admin-shell.theme-light-mode h3,
body.admin-shell.theme-light-mode label{color:var(--brand-text)!important}
body.admin-shell.theme-light-mode .admin-input,
body.admin-shell.theme-light-mode .admin-select,
body.admin-shell.theme-light-mode input:not([type="checkbox"]):not([type="radio"]),
body.admin-shell.theme-light-mode select,
body.admin-shell.theme-light-mode textarea{
  background:color-mix(in srgb,var(--brand-bg) 36%,var(--brand-surface))!important;
  color:var(--brand-text)!important;border-color:var(--brand-border)!important;
}
body.admin-shell.theme-light-mode .sidebar{box-shadow:8px 0 28px color-mix(in srgb,var(--brand-text) 5%,transparent)!important}

/* ACCOUNT / PROFILE / DEPOSIT / WITHDRAW — theme owns chrome. */
body.lzx-account-body{
  --green:var(--brand-primary)!important;
  --accent:var(--brand-primary)!important;
  background:var(--brand-bg)!important;color:var(--brand-text)!important;
}
body.lzx-account-body .lzx-account-sidebar a.active,
body.lzx-account-body .lzx-account-sidebar a:hover{
  color:color-mix(in srgb,var(--brand-primary) 78%,var(--brand-text))!important;
  background:color-mix(in srgb,var(--brand-primary) 12%,transparent)!important;
}
body.lzx-account-body .lzx-account-sidebar a.active:before{background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary))!important}
body.lzx-account-body .lzx-method.active,
body.lzx-account-body .pay-card.active{
  border-color:color-mix(in srgb,var(--brand-primary) 68%,var(--brand-border))!important;
  background:color-mix(in srgb,var(--brand-primary) 10%,var(--brand-surface))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-primary) 18%,transparent),0 12px 28px color-mix(in srgb,var(--brand-primary) 10%,transparent)!important;
}
body.lzx-account-body .lzx-method.active>i,
body.lzx-account-body .withdraw-min .material-symbols-outlined,
body.lzx-account-body .wallet-kicker{color:var(--brand-primary)!important}
body.lzx-account-body .lzx-info-strip,
body.lzx-account-body .withdraw-fee-note:not(.warn),
body.lzx-account-body .crypto-fee-breakdown:not(.warn){
  border-color:color-mix(in srgb,var(--brand-primary) 24%,var(--brand-border))!important;
  background:color-mix(in srgb,var(--brand-primary) 7%,var(--brand-surface))!important;
}
body.lzx-account-body .withdraw-fee-note:not(.warn) .strong b,
body.lzx-account-body .crypto-fee-breakdown:not(.warn) .strong b{color:color-mix(in srgb,var(--brand-primary) 76%,var(--brand-text))!important}
body.lzx-account-body .lzx-primary-btn,
body.lzx-account-body .submit-wide,
body.lzx-account-body .paid-btn{
  color:#fff!important;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--brand-primary) 20%,transparent)!important;
}
body.lzx-account-body input:focus,
body.lzx-account-body select:focus,
body.lzx-account-body textarea:focus{
  border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--brand-ring)!important;outline:none!important;
}
body.lzx-account-body.theme-light-mode,
body.lzx-account-body.theme-light-mode .lzx-account-content{background:var(--brand-bg)!important;color:var(--brand-text)!important}
body.lzx-account-body.theme-light-mode .lzx-account-topbar,
body.lzx-account-body.theme-light-mode .lzx-account-sidebar,
body.lzx-account-body.theme-light-mode .lzx-account-card,
body.lzx-account-body.theme-light-mode .wallet-box,
body.lzx-account-body.theme-light-mode .lzx-summary-grid article,
body.lzx-account-body.theme-light-mode .lzx-sidebar-help,
body.lzx-account-body.theme-light-mode .lzx-account-popover,
body.lzx-account-body.theme-light-mode .withdraw-fee-note,
body.lzx-account-body.theme-light-mode .crypto-fee-breakdown{
  background:var(--brand-surface)!important;color:var(--brand-text)!important;border-color:var(--brand-border)!important;
  box-shadow:0 9px 26px color-mix(in srgb,var(--brand-text) 5%,transparent)!important;
}
body.lzx-account-body.theme-light-mode .lzx-method,
body.lzx-account-body.theme-light-mode .pay-card,
body.lzx-account-body.theme-light-mode input,
body.lzx-account-body.theme-light-mode select,
body.lzx-account-body.theme-light-mode textarea,
body.lzx-account-body.theme-light-mode .deposit-amount-box,
body.lzx-account-body.theme-light-mode .deposit-account-currency{
  background:color-mix(in srgb,var(--brand-bg) 38%,var(--brand-surface))!important;color:var(--brand-text)!important;border-color:var(--brand-border)!important;
}
body.lzx-account-body.theme-light-mode .lzx-account-table thead,
body.lzx-account-body.theme-light-mode .lzx-account-table th{background:color-mix(in srgb,var(--brand-bg) 60%,var(--brand-surface))!important;color:var(--brand-text)!important;border-color:var(--brand-border)!important}
body.lzx-account-body.theme-light-mode .lzx-account-table td{background:var(--brand-surface)!important;color:var(--brand-text)!important;border-color:var(--brand-border)!important}
body.lzx-account-body.theme-light-mode .lzx-account-title p,
body.lzx-account-body.theme-light-mode .lzx-account-title>span,
body.lzx-account-body.theme-light-mode small,
body.lzx-account-body.theme-light-mode em{color:var(--brand-muted)}

/* TRADEROOM — only interface accent follows theme. BUY/WIN/candles stay semantic. */
body:has(#app){--green:#00cc99!important;--accent:var(--brand-primary)!important;--brand-accent:var(--brand-primary)!important}
body:has(#app) .lzx-simple-loader .lzx-loader-track>span,
body:has(#app) .lzx-simple-loader .loader-progress>span,
body:has(#app) .loader-box .loader-bar>span{
  background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary))!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--brand-primary) 36%,transparent)!important;
}
body:has(#app) .modern-menu a.active,
body:has(#app) .modern-menu a:hover{
  background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 13%,transparent),color-mix(in srgb,var(--brand-primary) 5%,transparent))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 15%,transparent)!important;
}
body:has(#app) .modern-menu a.active span,
body:has(#app) .modern-menu a:hover span{color:var(--brand-primary)!important}
body:has(#app) .modern-menu a.active:before{background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary))!important;box-shadow:0 0 14px color-mix(in srgb,var(--brand-primary) 56%,transparent)!important}
body:has(#app) .tools button:hover,
body:has(#app) .tools button.active,
body:has(#app) .chart-area .bottom-chart-tools button:hover,
body:has(#app) .chart-area .bottom-chart-tools button.active{
  background:color-mix(in srgb,var(--brand-primary) 13%,transparent)!important;color:color-mix(in srgb,var(--brand-primary) 72%,#fff)!important;
}
body:has(#app) #symbolModal .symbol-cats button.active,
body:has(#app) #symbolModal .symbol-cats button:hover{
  background:color-mix(in srgb,var(--brand-primary) 13%,transparent)!important;
  color:var(--brand-text)!important;
  border-color:color-mix(in srgb,var(--brand-primary) 22%,transparent)!important;
}
body:has(#app) #symbolModal .symbol-cats button.active .material-symbols-outlined,
body:has(#app) #symbolModal .symbol-cats button:hover .material-symbols-outlined{color:var(--brand-primary)!important}
body:has(#app) #symbolModal .symbol-cats button.active::after{background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary))!important}
body:has(#app) #symbolModal .symbol-search:focus,
body:has(#app) #symbolModal .symbol-search-wrap:focus-within{border-color:color-mix(in srgb,var(--brand-primary) 58%,transparent)!important;box-shadow:0 0 0 3px var(--brand-ring)!important}
body:has(#app) #symbolModal .symbol-card-pro:hover{border-color:color-mix(in srgb,var(--brand-primary) 38%,transparent)!important;box-shadow:0 12px 30px color-mix(in srgb,var(--brand-primary) 10%,transparent)!important}
body:has(#app) #tabs>.add-asset-tab:hover,
body:has(#app) .trader-theme-toggle:hover,
body:has(#app) .profile-links a:hover{
  color:var(--brand-primary)!important;border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent)!important;background:color-mix(in srgb,var(--brand-primary) 9%,transparent)!important;
}
body:has(#app) .topbar .deposit-btn,
body:has(#app) .balance-area .deposit-btn,
body:has(#app) a[href="/deposit"].top-deposit-btn{
  color:#fff!important;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;border-color:transparent!important;
}
body:has(#app) .rank-card.is-current{border-color:color-mix(in srgb,var(--brand-primary) 60%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 16%,transparent),rgba(255,255,255,.035))!important;box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--brand-primary) 18%,transparent),0 0 28px color-mix(in srgb,var(--brand-primary) 12%,transparent)!important}

/* Explicit semantic exceptions: never recolor direction/results with the white-label theme. */
body:has(#app) .premium-trade-btn.buy,
body:has(#app) .main-trade-btn.buy,
body:has(#app) #mainBuyBtn{background:linear-gradient(180deg,#22c55e,#16a34a)!important;color:#fff!important}
body:has(#app) .premium-trade-btn.sell,
body:has(#app) .main-trade-btn.sell,
body:has(#app) #mainSellBtn{background:linear-gradient(180deg,#ef4444,#dc2626)!important;color:#fff!important}
body:has(#app) .win,
body:has(#app) .trade-result-card.win .r-status,
body:has(#app) .trade-result-card.win .r-money{color:var(--semantic-success)!important}
body:has(#app) .loss{color:var(--semantic-danger)!important}

/* ========================================================================== 
   ORAX V143.1 — final palette isolation
   Any decorative/interactive accent follows the selected White-label palette.
   Green/red are kept only for semantic success/trade direction states.
   ========================================================================== */

/* Admin token bridge: old pages still reference these legacy variables. */
body.admin-shell{
  --primary:var(--brand-primary)!important;
  --secondary:var(--brand-secondary)!important;
  --primary-border:color-mix(in srgb,var(--brand-primary) 34%,var(--brand-border))!important;
  --border:var(--brand-border)!important;
  --border-color:var(--brand-border)!important;
  --muted:var(--brand-muted)!important;
  --text-primary:var(--brand-text)!important;
  --text-secondary:var(--brand-muted)!important;
  --dark:var(--brand-bg)!important;
  --dark-card:var(--brand-surface)!important;
  --dark-modal:color-mix(in srgb,var(--brand-surface) 92%,var(--brand-bg))!important;
  --gradient-primary:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;
}
body.admin-shell .page-header,
body.admin-shell .admin-card,
body.admin-shell .admin-panel,
body.admin-shell .table-container,
body.admin-shell .chart-card,
body.admin-shell .finance-panel,
body.admin-shell .growth-card,
body.admin-shell .api-panel,
body.admin-shell .symbol-panel,
body.admin-shell .risk-note-panel,
body.admin-shell .risk-hero-panel,
body.admin-shell .support-queue-card,
body.admin-shell .support-desk-card,
body.admin-shell .wl-hero,
body.admin-shell .wl-card,
body.admin-shell .admin-tags-hero,
body.admin-shell .admin-support-hero,
body.admin-shell .symbol-studio-hero{
  border-color:var(--brand-border)!important;
}
body.admin-shell .page-title h1,
body.admin-shell .wallet-kicker,
body.admin-shell .risk-eyebrow,
body.admin-shell .symbol-eyebrow,
body.admin-shell .admin-eyebrow,
body.admin-shell .chart-title i,
body.admin-shell .table-title i,
body.admin-shell .symbol-panel-head .material-symbols-outlined,
body.admin-shell .admin-classification-head .material-symbols-outlined{
  color:var(--brand-primary)!important;
}
body.admin-shell .page-title h1{
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.admin-shell .profile-modal-role,
body.admin-shell .profile-info-item i,
body.admin-shell .metodo-icon.pix,
body.admin-shell .metodo-badge.pix{
  color:var(--brand-primary)!important;
  background:color-mix(in srgb,var(--brand-primary) 11%,transparent)!important;
}
body.admin-shell .admin-page-btn:hover,
body.admin-shell .admin-icon-btn:hover{
  color:var(--brand-primary)!important;
  border-color:color-mix(in srgb,var(--brand-primary) 48%,var(--brand-border))!important;
  background:color-mix(in srgb,var(--brand-primary) 8%,transparent)!important;
}
body.admin-shell .admin-page-btn.active{
  color:#fff!important;background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;
}
body.admin-shell .profile-container:hover,
body.admin-shell .profile-menu-item:not(.logout):hover{
  background:color-mix(in srgb,var(--brand-primary) 8%,transparent)!important;
}

/* Light admin must use the preset itself, never the legacy lilac SaaS palette. */
body.admin-shell.theme-light-mode{--admin-shadow:0 10px 34px color-mix(in srgb,var(--brand-text) 7%,transparent)!important}
body.admin-shell.theme-light-mode .nav-title{color:var(--brand-muted)!important}
body.admin-shell.theme-light-mode .nav-item{color:color-mix(in srgb,var(--brand-muted) 86%,var(--brand-text))!important}
body.admin-shell.theme-light-mode .nav-item:hover{
  color:var(--brand-text)!important;
  background:color-mix(in srgb,var(--brand-primary) 8%,var(--brand-surface))!important;
}
body.admin-shell.theme-light-mode .nav-item.active{
  color:color-mix(in srgb,var(--brand-primary) 82%,var(--brand-text))!important;
  background:color-mix(in srgb,var(--brand-primary) 12%,var(--brand-surface))!important;
  border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--brand-border))!important;
}
body.admin-shell.theme-light-mode .nav-item.active .nav-icon,
body.admin-shell.theme-light-mode .nav-item.active i{color:var(--brand-primary)!important}
body.admin-shell.theme-light-mode .admin-table tbody tr:hover,
body.admin-shell.theme-light-mode .table-responsive tbody tr:hover{
  background:color-mix(in srgb,var(--brand-primary) 5%,var(--brand-surface))!important;
}
body.admin-shell.theme-light-mode .admin-modal,
body.admin-shell.theme-light-mode .admin-modal-card,
body.admin-shell.theme-light-mode .modal-content,
body.admin-shell.theme-light-mode .profile-modal-content{
  background:var(--brand-surface)!important;color:var(--brand-text)!important;border-color:var(--brand-border)!important;
  box-shadow:0 26px 70px color-mix(in srgb,var(--brand-text) 12%,transparent)!important;
}
body.admin-shell.theme-light-mode .admin-modal-actions,
body.admin-shell.theme-light-mode .admin-modal-card .admin-modal-actions{
  background:var(--brand-surface)!important;border-color:var(--brand-border)!important;
}

/* Auth: old emerald shadows/hover must never win over the selected palette. */
body.lzx-auth-page .lzx-auth-primary:hover,
body.lzx-auth-page .lzx-code-send:hover,
body.lzx-auth-page .lzx-code-send-btn:hover{
  background:linear-gradient(105deg,var(--brand-primary),var(--brand-secondary))!important;
  border-color:transparent!important;
  box-shadow:0 18px 46px color-mix(in srgb,var(--brand-primary) 32%,transparent)!important;
}
body.lzx-auth-page .lzx-auth-field:hover,
body.lzx-auth-page .lzx-currency-choice label:hover{
  border-color:color-mix(in srgb,var(--brand-primary) 35%,var(--brand-border))!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--brand-primary) 8%,transparent)!important;
}

/* Traderoom token bridge. The old bundle uses --green for both theme chrome and trade state. */
body:has(#app){
  --accent:var(--brand-primary)!important;
  --brand-accent:var(--brand-primary)!important;
  --green:#00cc99!important;
}

body:has(#app) .chart-head button.active,
body:has(#app) .tf-btn.active,
body:has(#app) .expiry-btn.active,
body:has(#app) .tabs .tab.active,
body:has(#app) .premium-tab.active,
body:has(#app) .tab.active{
  color:var(--brand-primary)!important;
  border-color:color-mix(in srgb,var(--brand-primary) 48%,var(--brand-border))!important;
  box-shadow:inset 0 -2px 0 var(--brand-primary)!important;
}
body:has(#app) .footer-icon:hover,
body:has(#app) .desktop-chart-main-btn:hover,
body:has(#app) .chart-tool-btn:hover,
body:has(#app) .bottom-chart-tools button:hover,
body:has(#app) .chart-nav-controls button:hover{
  color:var(--brand-primary)!important;
  border-color:color-mix(in srgb,var(--brand-primary) 42%,var(--brand-border))!important;
  background:color-mix(in srgb,var(--brand-primary) 9%,var(--brand-surface))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 10%,transparent)!important;
}

/* True light traderoom: remove the half-dark shell seen in the screenshots. */
body.theme-light-mode:has(#app),
body.theme-light-mode:has(#app) #app{
  background:var(--brand-bg)!important;color:var(--brand-text)!important;
}
body.theme-light-mode:has(#app) .topbar,
body.theme-light-mode:has(#app) .menu.modern-menu,
body.theme-light-mode:has(#app) .tools,
body.theme-light-mode:has(#app) .premium-rightbar,
body.theme-light-mode:has(#app) .rightbar,
body.theme-light-mode:has(#app) .footer,
body.theme-light-mode:has(#app) .clean-footer,
body.theme-light-mode:has(#app) .chart-head,
body.theme-light-mode:has(#app) .side-panel,
body.theme-light-mode:has(#app) .floating-panel,
body.theme-light-mode:has(#app) .floating-panel.lz-pro-panel,
body.theme-light-mode:has(#app) .profile-menu,
body.theme-light-mode:has(#app) .account-popup,
body.theme-light-mode:has(#app) .symbol-modal,
body.theme-light-mode:has(#app) .bottom-chart-tools,
body.theme-light-mode:has(#app) .chart-nav-controls{
  background:var(--brand-surface)!important;
  color:var(--brand-text)!important;
  border-color:var(--brand-border)!important;
}
body.theme-light-mode:has(#app) .premium-rightbar{
  box-shadow:-8px 0 28px color-mix(in srgb,var(--brand-text) 5%,transparent)!important;
}
body.theme-light-mode:has(#app) .premium-rightbar .premium-card,
body.theme-light-mode:has(#app) .premium-rightbar .r-card,
body.theme-light-mode:has(#app) .amount-preset-popup,
body.theme-light-mode:has(#app) .trade-mode-switch,
body.theme-light-mode:has(#app) .profile-menu-card,
body.theme-light-mode:has(#app) .profile-vip-progress,
body.theme-light-mode:has(#app) .symbol-card,
body.theme-light-mode:has(#app) .copy-row-vex,
body.theme-light-mode:has(#app) .notification-panel-kpi,
body.theme-light-mode:has(#app) .news-panel-kpi{
  background:color-mix(in srgb,var(--brand-bg) 38%,var(--brand-surface))!important;
  color:var(--brand-text)!important;
  border-color:var(--brand-border)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--brand-text) 5%,transparent)!important;
}
body.theme-light-mode:has(#app) .premium-rightbar .control-label,
body.theme-light-mode:has(#app) .premium-rightbar .control-sub,
body.theme-light-mode:has(#app) .premium-rightbar .expiry-help,
body.theme-light-mode:has(#app) .footer,
body.theme-light-mode:has(#app) .side-panel small,
body.theme-light-mode:has(#app) .copy-row-main small,
body.theme-light-mode:has(#app) .profile-menu small{
  color:var(--brand-muted)!important;
}
body.theme-light-mode:has(#app) .premium-rightbar .control-value,
body.theme-light-mode:has(#app) .premium-rightbar .premium-profit small,
body.theme-light-mode:has(#app) .premium-rightbar .premium-profit strong,
body.theme-light-mode:has(#app) .premium-rightbar .premium-profit b,
body.theme-light-mode:has(#app) .premium-rightbar .money-line #tradeAmount,
body.theme-light-mode:has(#app) .profile-menu b,
body.theme-light-mode:has(#app) .side-panel,
body.theme-light-mode:has(#app) .floating-panel{
  color:var(--brand-text)!important;
}
body.theme-light-mode:has(#app) .premium-rightbar .control-stepper button,
body.theme-light-mode:has(#app) .trade-mode-switch button,
body.theme-light-mode:has(#app) .bottom-chart-tools button,
body.theme-light-mode:has(#app) .chart-nav-controls button,
body.theme-light-mode:has(#app) .footer-icon,
body.theme-light-mode:has(#app) .desktop-chart-main-btn,
body.theme-light-mode:has(#app) .chart-tool-btn{
  background:color-mix(in srgb,var(--brand-bg) 45%,var(--brand-surface))!important;
  color:var(--brand-muted)!important;
  border-color:var(--brand-border)!important;
}
body.theme-light-mode:has(#app) .premium-rightbar .control-stepper button:hover,
body.theme-light-mode:has(#app) .trade-mode-switch button.active,
body.theme-light-mode:has(#app) .trade-mode-switch button:hover,
body.theme-light-mode:has(#app) .bottom-chart-tools button.active,
body.theme-light-mode:has(#app) .bottom-chart-tools button:hover{
  background:color-mix(in srgb,var(--brand-primary) 10%,var(--brand-surface))!important;
  color:var(--brand-primary)!important;
  border-color:color-mix(in srgb,var(--brand-primary) 34%,var(--brand-border))!important;
}
body.theme-light-mode:has(#app) input,
body.theme-light-mode:has(#app) select,
body.theme-light-mode:has(#app) textarea,
body.theme-light-mode:has(#app) .symbol-search{
  background:color-mix(in srgb,var(--brand-bg) 30%,var(--brand-surface))!important;
  color:var(--brand-text)!important;
  border-color:var(--brand-border)!important;
}
body.theme-light-mode:has(#app) .menu.modern-menu>a,
body.theme-light-mode:has(#app) .profile-links a{
  color:var(--brand-muted)!important;
  border-color:transparent!important;
}
body.theme-light-mode:has(#app) .menu.modern-menu>a.active,
body.theme-light-mode:has(#app) .menu.modern-menu>a:hover,
body.theme-light-mode:has(#app) .profile-links a:hover{
  color:var(--brand-primary)!important;
  background:color-mix(in srgb,var(--brand-primary) 9%,var(--brand-surface))!important;
  border-color:color-mix(in srgb,var(--brand-primary) 20%,var(--brand-border))!important;
}
body.theme-light-mode:has(#app) .chart-head{
  background:color-mix(in srgb,var(--brand-surface) 92%,transparent)!important;
}
body.theme-light-mode:has(#app) .future-grid-placeholder:hover,
body.theme-light-mode:has(#app) #profileMenu .profile-links a:hover{
  background:color-mix(in srgb,var(--brand-primary) 7%,var(--brand-surface))!important;
  border-color:color-mix(in srgb,var(--brand-primary) 38%,var(--brand-border))!important;
}

/* Theme-neutral semantic states: intentionally stay green/red/orange. */
body:has(#app) .premium-rightbar .premium-trade-btn.buy,
body.theme-light-mode:has(#app) .premium-rightbar .premium-trade-btn.buy,
body:has(#app) #mainBuyBtn{
  background:linear-gradient(180deg,#22c55e,#16a34a)!important;color:#fff!important;
  box-shadow:0 14px 30px rgba(34,197,94,.20)!important;
}
body:has(#app) .premium-rightbar .premium-trade-btn.sell,
body.theme-light-mode:has(#app) .premium-rightbar .premium-trade-btn.sell,
body:has(#app) #mainSellBtn{
  background:linear-gradient(180deg,#ef4444,#dc2626)!important;color:#fff!important;
  box-shadow:0 14px 30px rgba(239,68,68,.18)!important;
}
body:has(#app) .status-pill.success,
body:has(#app) .badge.green,
body.admin-shell .badge.green,
body.admin-shell .status-badge.aprovado,
body.admin-shell .kyc-status.approved{color:var(--semantic-success)!important}


/* ORAX V144 hotfix — traderoom accent isolation
   Theme color only on UI chrome. Semantic trading green remains green. */
body:has(#app) .trade-mode-switch button.active,
body:has(#app) .trade-mode-switch button:hover{
  color:var(--brand-primary)!important;
  background:color-mix(in srgb,var(--brand-primary) 11%,transparent)!important;
  border-color:color-mix(in srgb,var(--brand-primary) 32%,var(--brand-border))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 10%,transparent)!important;
}
body:has(#app) .trade-mode-switch button.active{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 20%,transparent),0 8px 24px color-mix(in srgb,var(--brand-primary) 10%,transparent)!important;
}
body:has(#app) #symbolCountBadge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:28px!important;padding:0 10px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--brand-primary) 32%,var(--brand-border))!important;
  background:color-mix(in srgb,var(--brand-primary) 11%,transparent)!important;
  color:var(--brand-primary)!important;font-weight:800!important;
}
body:has(#app) #symbolModal .symbol-cats button[data-count]::after{
  content:attr(data-count)!important;
  margin-left:auto!important;min-width:22px!important;height:22px!important;padding:0 6px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;
  border:1px solid color-mix(in srgb,var(--brand-primary) 26%,var(--brand-border))!important;
  background:color-mix(in srgb,var(--brand-primary) 10%,transparent)!important;
  color:var(--brand-primary)!important;
}
body:has(#app) #symbolModal .symbol-cats button.offline::after{
  background:color-mix(in srgb,var(--brand-muted) 14%,transparent)!important;
  color:var(--brand-muted)!important;border-color:color-mix(in srgb,var(--brand-muted) 28%,transparent)!important;
}
body:has(#app) #symbolModal .symbol-cats button .cat-dot{
  width:8px!important;height:8px!important;border-radius:999px!important;display:inline-block!important;
  background:var(--brand-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 14%,transparent)!important;
}
body:has(#app) #symbolModal .symbol-cats button.offline .cat-dot{
  background:var(--brand-muted)!important;box-shadow:none!important;opacity:.55!important;
}
body:has(#app) .tab.active strong,
body:has(#app) .tabs .tab.active strong{color:var(--brand-primary)!important}
body:has(#app) .tab.active small,
body:has(#app) .tabs .tab.active small{color:color-mix(in srgb,var(--brand-primary) 68%,#fff)!important}
/* Keep semantic traderoom elements green/red even after theme load. */
body:has(#app) .profit strong,
body:has(#app) .premium-profit strong,
body:has(#app) .profit b,
body:has(#app) .premium-profit b,
body:has(#app) .symbol-card .pay b,
body:has(#app) .symbol-card .pay i{color:inherit}
body:has(#app) .premium-rightbar .profit #payoutPercent,
body:has(#app) .premium-rightbar .profit #profitAmount,
body:has(#app) .premium-rightbar .premium-profit #payoutPercent,
body:has(#app) .premium-rightbar .premium-profit #profitAmount{color:#22c55e!important}