/* UNITEDX — FINAL GLOBAL BLACK/GOLD THEME OVERRIDE v9.0
   Goal: remove blue/navy visual language from every public, app and admin page.
   Reference: black background, bold white typography, premium yellow-gold accents, red used only as minor alert/sell accent.
*/

:root,
[data-theme="dark"],
[data-theme="light"]{
  color-scheme: dark !important;

  --ux-black:#000000 !important;
  --ux-black-2:#040404 !important;
  --ux-ink:#080808 !important;
  --ux-panel:#0b0b0b !important;
  --ux-panel-2:#111111 !important;
  --ux-panel2:#111111 !important;
  --ux-card:#0b0b0b !important;
  --ux-card-2:#121212 !important;
  --ux-card-black:#050505 !important;
  --ux-bg:#000000 !important;
  --ux-bg-main:#000000 !important;
  --ux-bg-surface:#050505 !important;
  --ux-bg-card:#0b0b0b !important;
  --ux-row:#0e0e0e !important;
  --ux-row2:#070707 !important;
  --ux-soft:#b8b8b8 !important;
  --ux-muted:#a7a7a7 !important;
  --ux-text:#ffffff !important;
  --ux-text-main:#ffffff !important;
  --ux-text-muted:#b7b7b7 !important;
  --ux-white:#ffffff !important;
  --ux-border:rgba(243,186,47,.18) !important;
  --ux-border-soft:rgba(243,186,47,.14) !important;
  --ux-line:rgba(243,186,47,.12) !important;
  --ux-line-strong:rgba(243,186,47,.26) !important;
  --ux-primary:#F3BA2F !important;
  --ux-accent:#F3BA2F !important;
  --ux-yellow:#F3BA2F !important;
  --ux-gold:#F3BA2F !important;
  --ux-gold-deep:#B88719 !important;
  --ux-gold-soft:rgba(243,186,47,.14) !important;
  --ux-blue:#F3BA2F !important;
  --ux-blue-2:#B88719 !important;
  --ux-cyan:#F3BA2F !important;
  --ux-red:#C8102E !important;
  --ux-red-2:#8F0B22 !important;
  --ux-red2:#8F0B22 !important;
  --ux-red-minor:#C8102E !important;
  --ux-green:#16C784 !important;
  --ux-profit:#16C784 !important;
  --ux-loss:#EA3943 !important;

  --bg:#000000 !important;
  --bg-elev:#050505 !important;
  --bg-card:#0b0b0b !important;
  --bg-surface:#101010 !important;
  --bg-hover:#171717 !important;
  --bg-input:#050505 !important;
  --bg-sidebar:#000000 !important;
  --bg-topbar:rgba(0,0,0,.96) !important;
  --card-bg:#0b0b0b !important;
  --border:rgba(243,186,47,.16) !important;
  --border-light:rgba(243,186,47,.24) !important;
  --border-accent:rgba(200,16,46,.22) !important;
  --border-navy:rgba(243,186,47,.22) !important;
  --text:#ffffff !important;
  --text-secondary:#cfcfcf !important;
  --muted:#8f8f8f !important;
  --accent:#F3BA2F !important;
  --accent-bright:#FFD76B !important;
  --accent-vivid:#F3BA2F !important;
  --accent-2:#B88719 !important;
  --accent-glow:rgba(243,186,47,.18) !important;
  --accent-soft:rgba(243,186,47,.08) !important;
  --navy:#000000 !important;
  --navy-bright:#F3BA2F !important;
  --navy-glow:rgba(243,186,47,.18) !important;
  --navy-soft:rgba(243,186,47,.08) !important;
  --danger:#C8102E !important;
  --danger-soft:rgba(200,16,46,.10) !important;
  --ok:#16C784 !important;
  --ok-soft:rgba(22,199,132,.10) !important;
  --info:#F3BA2F !important;
  --info-soft:rgba(243,186,47,.10) !important;
  --warn:#F3BA2F !important;
  --shadow-xs:0 2px 8px rgba(0,0,0,.55) !important;
  --shadow-sm:0 8px 24px rgba(0,0,0,.55) !important;
  --shadow-md:0 16px 44px rgba(0,0,0,.62) !important;
  --shadow-lg:0 26px 80px rgba(0,0,0,.72) !important;
  --shadow-glow:0 0 36px rgba(243,186,47,.10) !important;
  --shadow-accent:0 10px 30px rgba(243,186,47,.26) !important;
  --shadow-navy:0 10px 30px rgba(243,186,47,.20) !important;
  --font:'Poppins','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  --font-heading:'Poppins','Inter',system-ui,sans-serif !important;
  --ux-font-main:'Poppins','Inter',system-ui,sans-serif !important;

  --adm-bg:#000000 !important;
  --adm-bg-card:#0b0b0b !important;
  --adm-bg-surface:#101010 !important;
  --adm-border:rgba(243,186,47,.16) !important;
  --adm-accent:#F3BA2F !important;
  --adm-accent2:#B88719 !important;
  --adm-navy:#000000 !important;
  --adm-muted:rgba(255,255,255,.55) !important;

  --st-bg:#000000 !important;
  --st-panel:#0b0b0b !important;
  --st-panel2:#101010 !important;
  --st-line:rgba(243,186,47,.16) !important;
  --st-text:#ffffff !important;
  --st-muted:#a5a5a5 !important;
  --st-blue:#F3BA2F !important;
  --st-gold:#F3BA2F !important;
  --st-green:#16C784 !important;
  --st-red:#C8102E !important;

  --pump-purple:#F3BA2F !important;
  --pump-lime:#F3BA2F !important;
  --pump-green:#16C784 !important;
}

*{scrollbar-color:rgba(243,186,47,.42) #050505;}
*::selection{background:rgba(243,186,47,.32);color:#fff;}
html,body{background:#000!important;color:#fff!important;font-family:'Poppins','Inter',system-ui,sans-serif!important;}
body,
.app-body,
.adm-shell,
.app-main,
.app-content,
.wrap-app,
.public-main,
main,
section{background-color:#000!important;}

body::before,
body.app-body::before,
.hero-home::before,
.hero-home::after,
.app-shell::before{
  background:
    radial-gradient(900px 460px at 75% 5%,rgba(243,186,47,.10),transparent 68%),
    radial-gradient(620px 360px at 8% 24%,rgba(200,16,46,.055),transparent 70%),
    linear-gradient(180deg,#000 0%,#050505 45%,#000 100%) !important;
}

h1,h2,h3,h4,h5,h6,
.hero h1,
.ux-hero-v3 h1,
.dash-title,
.adm-page-title,
.web3-portfolio-value{
  color:#fff!important;
  font-family:'Poppins','Inter',system-ui,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
p,span,small,li,label,td,th,div{font-family:'Poppins','Inter',system-ui,sans-serif;}
.lead,
.ux-hero-lead,
.text-muted,
.dash-page p,
.adm-page-sub,
.web3-token-name,
.ux-subtitle,
.ux-stat small{color:#b7b7b7!important;}

/* Headers / nav */
.site-header,
.app-topbar,
.ux-trade-header,
.adm-topbar{
  background:rgba(0,0,0,.94)!important;
  border-bottom:1px solid rgba(243,186,47,.14)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.50)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
.header-inner,.app-topbar-inner,.adm-topbar-inner{background:transparent!important;}
.nav-mega,
.header-auth,
.app-topbar-left,
.app-topbar-right{
  background:transparent!important;
  border-color:rgba(243,186,47,.12)!important;
}
.nav-mega a,
.app-topbar a,
.ux-trade-nav a,
.adm-link,
.adm-topbar-breadcrumb,
.app-user{
  color:#d7d7d7!important;
  font-weight:700!important;
}
.nav-mega a:hover,.nav-mega a.active,
.app-topbar a:hover,.app-topbar a.active,
.ux-trade-nav a:hover,.ux-trade-nav a.active,
.adm-link:hover,.adm-link.active{
  color:#fff!important;
  background:rgba(243,186,47,.10)!important;
  border-color:rgba(243,186,47,.25)!important;
}
.brand,.adm-brand,.sb-brand{
  background:rgba(255,255,255,.03)!important;
  border-color:rgba(243,186,47,.16)!important;
  box-shadow:none!important;
}
.brand:hover,.sb-brand:hover{background:rgba(243,186,47,.06)!important;border-color:rgba(243,186,47,.28)!important;}

/* Buttons */
.btn,
.adm-btn,
.ux-head-btn,
.ux-submit,
.web3-swap-main-btn,
.web3-mini-tab,
.web3-chip,
.ux-tab,
.theme-toggle,
.app-menu-toggle,
.mobile-toggle{
  font-family:'Poppins','Inter',system-ui,sans-serif!important;
}
.btn-primary,
.adm-btn-primary,
.ux-head-btn.deposit,
.web3-swap-main-btn,
.ux-tab.active,
.web3-mini-tab.active,
.btn-gold,
[data-theme="light"] .btn-primary{
  background:linear-gradient(135deg,#FFE082 0%,#F3BA2F 42%,#B88719 100%)!important;
  color:#090909!important;
  border:1px solid rgba(255,224,130,.55)!important;
  box-shadow:0 14px 34px rgba(243,186,47,.24),inset 0 1px 0 rgba(255,255,255,.36)!important;
  font-weight:900!important;
}
.btn-primary:hover,
.adm-btn-primary:hover,
.web3-swap-main-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 42px rgba(243,186,47,.34),0 0 0 5px rgba(243,186,47,.08)!important;
}
.btn-ghost,
.adm-btn-ghost,
.theme-toggle,
.ux-head-btn,
.web3-close,
.ux-slider button,
.ux-intervals button,
.web3-chip,
.web3-mini-tab,
.ux-tab{
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  border:1px solid rgba(243,186,47,.15)!important;
  box-shadow:none!important;
}
.btn-ghost:hover,
.adm-btn-ghost:hover,
.theme-toggle:hover,
.web3-chip:hover,
.web3-chip.active,
.web3-token-pill:hover,
.ux-slider button:hover,
.ux-intervals button:hover,
.ux-intervals button.active{
  background:rgba(243,186,47,.10)!important;
  color:#F3BA2F!important;
  border-color:rgba(243,186,47,.35)!important;
}
.btn-danger,
.btn-red,
.ux-submit.sell,
.ux-mode-switch button.active.sell,
.sell,
.ux-trade-cta.sell{
  background:linear-gradient(135deg,#C8102E,#8F0B22)!important;
  color:#fff!important;
  border-color:rgba(200,16,46,.42)!important;
  box-shadow:0 12px 30px rgba(200,16,46,.18)!important;
}

/* Cards / panels / tables */
.card,
.card-shine,
.chart-card,
.feature,
.security-card,
.testimonial-card,
.balance-card,
.onboard-card,
.deposit-address-box,
.quick-trade,
.hero-card,
.cta-shell,
.dash-profile,
.dash-card,
.wallet-card,
.table-wrap,
.adm-card,
.adm-stat,
.ux-market-terminal-v2,
.ux-market-tile,
.ux-institutional-grid article,
.ux-hero-metal-cards>div,
.ux-hero-market-mini,
.ux-watchlist,
.ux-chart-panel,
.ux-orderbook-panel,
.ux-order-panel,
.ux-bottom-panel,
.ux-account-box,
.ux-marketbar,
.ux-trade-header,
.web3-panel,
.web3-swap-box,
.web3-quote-card,
.web3-wallet-card,
.web3-modal-card,
.sb-wallet-widget,
.sb-link,
.app-sidebar,
.adm-sidebar,
.ux-smart .st-panel,
.ux-smart .st-watch,
.ux-smart .st-chart,
.ux-smart .st-orderbook,
.ux-smart .st-right,
.ux-smart .st-bots,
.ux-smart .st-history,
.ux-smart .st-top,
.ux-smart .st-market-strip,
.ux-smart .st-shell{
  background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(6,6,6,.98))!important;
  border-color:rgba(243,186,47,.16)!important;
  color:#fff!important;
  box-shadow:0 18px 56px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.card::before,.adm-card::before,.dash-profile::before,.adm-stat::before{
  background:linear-gradient(90deg,rgba(243,186,47,.82),rgba(243,186,47,.22),transparent)!important;
}
.card:hover,
.chart-card:hover,
.feature:hover,
.balance-card:hover,
.onboard-card:hover,
.adm-card:hover,
.web3-panel:hover,
.ux-market-tile:hover{
  border-color:rgba(243,186,47,.34)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 34px rgba(243,186,47,.08)!important;
}

/* Forms */
input,select,textarea,
.form-control,
.ux-symbol-select,
.ux-watch-search input,
.ux-input-wrap,
.web3-token-search,
.web3-amount-input{
  background:#050505!important;
  color:#fff!important;
  border-color:rgba(243,186,47,.18)!important;
  outline:none!important;
}
input:focus,select:focus,textarea:focus,
.form-control:focus,
.ux-watch-search input:focus,
.web3-token-search:focus{
  border-color:rgba(243,186,47,.62)!important;
  box-shadow:0 0 0 4px rgba(243,186,47,.10)!important;
}
::placeholder{color:rgba(255,255,255,.38)!important;}

/* Tables and rows */
.data-table th,.adm-table th,.web3-token-table th{
  background:rgba(243,186,47,.055)!important;
  color:#F3BA2F!important;
  border-bottom-color:rgba(243,186,47,.16)!important;
}
.data-table td,.adm-table td,.web3-token-table td{
  border-bottom-color:rgba(243,186,47,.08)!important;
  color:#f3f3f3!important;
}
.data-table tbody tr:hover,.adm-table tr:hover td,.web3-token-row:hover,.web3-token-row.active,.ux-watch-row:hover,.ux-watch-row.active{
  background:rgba(243,186,47,.07)!important;
  border-color:rgba(243,186,47,.18)!important;
}

/* Sidebar */
.app-sidebar,.adm-sidebar{
  background:#000!important;
  border-right:1px solid rgba(243,186,47,.14)!important;
}
.sb-link,.adm-link{
  background:transparent!important;
  border:1px solid transparent!important;
}
.sb-link:hover,.sb-link.active,.adm-link:hover,.adm-link.active{
  background:rgba(243,186,47,.10)!important;
  color:#fff!important;
  border-color:rgba(243,186,47,.22)!important;
}
.sb-link.active::before,.adm-link.active::before{background:#F3BA2F!important;}
.sb-section-label,.adm-nav-section{color:rgba(243,186,47,.55)!important;}

/* Hero */
.hero,
.ux-hero-v3,
.hero-home{
  background:#000!important;
}
.ux-hero-v3 h1,
.hero h1{
  color:#fff!important;
  text-shadow:0 20px 72px rgba(0,0,0,.78)!important;
  font-weight:900!important;
}
.eyebrow,
.ux-kicker,
.section-badge,
.ux-section-overline,
.accent-gold,
.ux-mini-market-right span,
.ux-hero-metal-cards strong,
.adm-brand-text strong,
.web3-panel-title,
.ux-panel-title{
  color:#F3BA2F!important;
}
.hero-pill,
.proof-chip,
.trust-band-item,
.mini-insight,
.tape-item{
  background:rgba(243,186,47,.08)!important;
  border-color:rgba(243,186,47,.18)!important;
  color:#fff!important;
}
.text-gradient{
  background:linear-gradient(135deg,#fff 0%,#FFE082 30%,#F3BA2F 54%,#fff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
.ux-hero-image-shell,
.ux-staking-banner-image-shell{
  border-color:rgba(243,186,47,.22)!important;
  background:#000!important;
  box-shadow:0 32px 96px rgba(0,0,0,.70),0 0 55px rgba(243,186,47,.13)!important;
}
.ux-staking-banner-section{background:#000!important;}
.ux-staking-banner-top h2{color:#fff!important;}

/* Trading terminal */
.wrap-app.ux-exchange,
.ux-terminal-grid,
.ux-chart-canvas,
.ux-chart-wrap,
.ux-chart-toolbar,
.ux-chart-footer,
.ux-orderbook-panel,
.ux-order-panel,
.ux-marketbar{
  background:#000!important;
  border-color:rgba(243,186,47,.14)!important;
}
.ux-marketbar,
.ux-chart-toolbar,
.ux-chart-footer{
  background:#090909!important;
}
.ux-symbol,.ux-last-price,.ux-stat strong,.ux-ob-mid,.ux-account-box h4{color:#fff!important;}
.ux-mini-logo span{color:#F3BA2F!important;}
.ux-mode-switch,
.ux-input-wrap,
.web3-token-pill,
.ux-slider button{
  background:#060606!important;
  border-color:rgba(243,186,47,.16)!important;
}
.ux-mode-switch button.active.buy,
.ux-submit.buy{background:#16C784!important;color:#05100b!important;}
.ux-form-tabs input:checked+span,
.ux-intervals button.active,
.ux-tab.active{color:#0b0b0b!important;}
.ux-floating-quotes{border-color:rgba(243,186,47,.18)!important;}
.ux-fq.buy{background:rgba(22,199,132,.92)!important;}
.ux-fq.sell{background:rgba(200,16,46,.92)!important;}

/* Web3 / Launchpad / Smart trading */
.web3-token-logo,.web3-switch-btn,.web3-token-pill,.web3-mini-tab,.web3-chip{
  background:#101010!important;
  border-color:rgba(243,186,47,.16)!important;
}
.web3-avatar{background:linear-gradient(135deg,#F3BA2F,#B88719)!important;box-shadow:0 0 28px rgba(243,186,47,.18)!important;}
.web3-alert{background:rgba(200,16,46,.10)!important;border-color:rgba(200,16,46,.36)!important;color:#ffd5dc!important;}
.web3-ok{background:rgba(22,199,132,.10)!important;border-color:rgba(22,199,132,.32)!important;color:#bbf7d0!important;}
.ux-smart,
.ux-smart .st-shell,
.ux-smart .st-chart-box,
.ux-smart .st-watch-list,
.ux-smart .st-grid{background:#000!important;}
.ux-smart .st-row:hover{background:rgba(243,186,47,.07)!important;}
.ux-smart .st-watch-count{background:#080808!important;border-color:rgba(243,186,47,.14)!important;color:#b7b7b7!important;}
.ux-smart .st-watch-count span{color:#F3BA2F!important;}

/* Pills / badges */
.pill-blue,
.pill-vivid,
.badge,
.adm-admin-badge,
.adm-badge-count,
.ux-status-pill,
.section-badge,
.web3-token-chain,
.sb-wallet-chain{
  background:rgba(243,186,47,.12)!important;
  color:#F3BA2F!important;
  border-color:rgba(243,186,47,.24)!important;
}
.pill-red,.down,.chg.down,.ux-change-v2.down,.ux-ob-row.ask .price,.ux-trade-row.down .price,.ux-last-price.down{color:#EA3943!important;}
.pill-green,.up,.chg.up,.ux-change-v2.up,.ux-ob-row.bid .price,.ux-trade-row.up .price,.ux-stat-up,.adm-stat-up{color:#16C784!important;}

/* Remove leftover blue/purple glows */
[class*="blue"],
[class*="cyan"],
[class*="purple"],
.pill-blue{
  border-color:rgba(243,186,47,.20)!important;
}
.phone-frame,
.phone-screen,
.qr-card,
.app-download-hero .card{
  background:#050505!important;
  border-color:rgba(243,186,47,.18)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 48px rgba(243,186,47,.10)!important;
}
.store-btn:hover{background:rgba(243,186,47,.10)!important;color:#F3BA2F!important;}

/* Light mode must NOT turn dashboard white; platform stays premium black. */
[data-theme="light"] body,
[data-theme="light"] .site-header,
[data-theme="light"] .app-topbar,
[data-theme="light"] .app-sidebar,
[data-theme="light"] .app-content,
[data-theme="light"] .card,
[data-theme="light"] .adm-card,
[data-theme="light"] .dash-profile,
[data-theme="light"] .web3-panel{
  background-color:#000!important;
  color:#fff!important;
}
[data-theme="light"] .card,
[data-theme="light"] .adm-card,
[data-theme="light"] .dash-profile,
[data-theme="light"] .web3-panel{
  background:linear-gradient(180deg,#121212,#060606)!important;
  border-color:rgba(243,186,47,.16)!important;
}
[data-theme="light"] .nav-mega a,
[data-theme="light"] .app-topbar a,
[data-theme="light"] p,
[data-theme="light"] span,
[data-theme="light"] small{color:inherit;}

/* Keep red minor only */
.logo-x,.ux-x-letter,.negative,.loss,.danger,.error,.sell,.down{--accent-vivid:#C8102E!important;}

@media(max-width:760px){
  .app-content{background:#000!important;}
  .ux-hero-v3 h1,.hero h1{letter-spacing:-.055em!important;}
  .card,.adm-card,.dash-profile{border-radius:18px!important;}
}

/* UNITEDX Markets page — black/gold search + charts v9.0 */
.ux-market-page-v2{
  min-height:100vh!important;
  background:
    radial-gradient(900px 520px at 78% 0%,rgba(243,186,47,.13),transparent 62%),
    radial-gradient(720px 420px at 4% 10%,rgba(200,16,46,.045),transparent 64%),
    #000!important;
  padding-top:118px!important;
}
.ux-market-wrap{max-width:1500px!important}
.ux-market-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.72fr);
  gap:26px;
  align-items:stretch;
  margin-bottom:22px;
}
.ux-market-copy,
.ux-market-feature-card,
.ux-market-stats article,
.ux-market-table-wrap,
.ux-market-card{
  background:linear-gradient(180deg,rgba(14,14,14,.96),rgba(2,2,2,.98))!important;
  border:1px solid rgba(243,186,47,.18)!important;
  box-shadow:0 22px 80px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.ux-market-copy{border-radius:28px;padding:34px;position:relative;overflow:hidden}
.ux-market-copy::after{content:"";position:absolute;inset:auto -90px -130px auto;width:360px;height:360px;background:radial-gradient(circle,rgba(243,186,47,.20),transparent 68%);pointer-events:none}
.ux-market-copy h1{font-size:clamp(2.3rem,5vw,5.35rem)!important;line-height:.95!important;margin:16px 0 18px!important;max-width:850px;color:#fff!important;font-weight:900!important;letter-spacing:-.07em!important}
.ux-market-copy p{font-size:1rem;max-width:720px;line-height:1.75;color:#bdbdbd!important}
.ux-market-searchbar{
  position:relative;z-index:2;margin-top:26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  min-height:60px;padding:0 14px;border-radius:18px;background:#050505;border:1px solid rgba(243,186,47,.23);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.42)
}
.ux-market-searchbar span{color:#F3BA2F!important;font-size:1.55rem;font-weight:900;line-height:1}
.ux-market-searchbar input{width:100%;height:56px;background:transparent!important;border:0!important;outline:0!important;color:#fff!important;font:800 1rem 'Poppins',system-ui,sans-serif!important;letter-spacing:-.015em}
.ux-market-searchbar input::placeholder{color:#757575!important;font-weight:700}
.ux-market-searchbar button,
.ux-market-tabs button,
.ux-market-controls select,
.ux-market-controls button{
  font-family:'Poppins',system-ui,sans-serif!important;font-weight:900!important
}
.ux-market-searchbar button{height:40px;border-radius:12px;border:1px solid rgba(243,186,47,.2);background:rgba(243,186,47,.08);color:#F3BA2F;padding:0 16px;cursor:pointer}
.ux-market-tabs{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ux-market-tabs button{border:1px solid rgba(243,186,47,.18);background:#070707;color:#d9d9d9;border-radius:999px;padding:10px 16px;cursor:pointer;transition:.18s ease}
.ux-market-tabs button:hover,.ux-market-tabs button.active{background:linear-gradient(135deg,#FFE082,#F3BA2F,#B88719);color:#080808;border-color:rgba(255,224,130,.54);box-shadow:0 12px 30px rgba(243,186,47,.20)}
.ux-market-feature-card{border-radius:28px;padding:24px;display:flex;flex-direction:column;min-height:430px;overflow:hidden;position:relative}
.ux-market-feature-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(340px 220px at 80% 14%,rgba(243,186,47,.14),transparent 70%);pointer-events:none}
.ux-feature-head,.ux-feature-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px}
.ux-feature-head small{display:block;color:#8a8a8a!important;font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;margin-bottom:7px}
.ux-feature-head strong{font-size:1.45rem;font-weight:900;color:#fff;letter-spacing:-.035em}
.ux-market-pill{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:34px;padding:0 13px;border-radius:999px;font-weight:900;font-size:.82rem;border:1px solid transparent}
.ux-market-pill.up{color:#16C784!important;background:rgba(22,199,132,.11);border-color:rgba(22,199,132,.18)}
.ux-market-pill.down{color:#EA3943!important;background:rgba(200,16,46,.10);border-color:rgba(200,16,46,.20)}
.ux-feature-price{position:relative;z-index:2;margin:22px 0 14px;font-size:clamp(2rem,3.6vw,3.6rem);font-weight:900;letter-spacing:-.055em;color:#fff}
.ux-feature-chart{position:relative;z-index:2;flex:1;min-height:210px;border-radius:22px;background:linear-gradient(180deg,#080808,#020202);border:1px solid rgba(243,186,47,.12);overflow:hidden;padding:10px}
.ux-feature-chart .ux-sparkline{width:100%;height:100%;display:block}
.ux-feature-actions{margin-top:18px}
.ux-feature-actions .btn{min-height:48px;border-radius:14px;padding-inline:24px}
.ux-market-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 24px}
.ux-market-stats article{border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:7px;min-height:118px;justify-content:center}
.ux-market-stats small{color:#8d8d8d!important;text-transform:uppercase;font-size:.68rem;letter-spacing:.14em;font-weight:900}
.ux-market-stats strong{font-size:1.35rem;color:#fff;font-weight:900;letter-spacing:-.035em}
.ux-market-stats span{font-weight:900}
.ux-market-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 0 14px}
.ux-market-toolbar h2{font-size:clamp(1.5rem,2.8vw,2.55rem)!important;margin:0 0 6px!important;letter-spacing:-.055em!important}
.ux-market-toolbar p{margin:0;color:#aaa!important}
.ux-market-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ux-market-controls select{height:44px;border-radius:14px;background:#050505!important;color:#fff!important;border:1px solid rgba(243,186,47,.22)!important;padding:0 40px 0 14px;outline:0;cursor:pointer}
.ux-market-grid{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 22px}
.ux-market-grid.is-visible{display:grid}
.ux-market-card{border-radius:22px;padding:18px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ux-market-card:hover{transform:translateY(-3px);border-color:rgba(243,186,47,.34)!important;box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 38px rgba(243,186,47,.08)!important}
.ux-card-top,.ux-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ux-card-top strong{display:block;color:#fff;font-size:1rem;font-weight:900}.ux-card-top small{display:block;margin-top:3px;color:#8f8f8f;font-weight:800}
.ux-card-price{font-size:1.55rem;font-weight:900;letter-spacing:-.04em;margin:18px 0 12px;color:#fff}
.ux-card-chart{height:76px}.ux-card-chart svg{width:100%;height:100%}
.ux-card-foot{border-top:1px solid rgba(243,186,47,.10);padding-top:12px;margin-top:12px;color:#979797;font-weight:800;font-size:.78rem}
.ux-card-foot a{color:#090909!important;background:linear-gradient(135deg,#FFE082,#F3BA2F,#B88719);border-radius:999px;padding:8px 14px;font-weight:900;text-decoration:none}
.ux-market-table-wrap{border-radius:24px;overflow:hidden;margin-top:10px}
.ux-market-table{font-size:.9rem!important}.ux-market-table th{background:#050505!important;color:#F3BA2F!important;border-bottom:1px solid rgba(243,186,47,.18)!important;padding:16px!important}.ux-market-table td{padding:14px 16px!important;border-bottom:1px solid rgba(243,186,47,.075)!important;vertical-align:middle!important}.ux-market-table tbody tr{background:#070707!important;transition:background .16s ease}.ux-market-table tbody tr:nth-child(even){background:#040404!important}.ux-market-table tbody tr:hover{background:rgba(243,186,47,.055)!important}.ux-symbol-btn{display:flex;align-items:baseline;gap:8px;background:transparent;border:0;color:#fff;cursor:pointer;padding:0;text-align:left;font-family:'Poppins',system-ui,sans-serif}.ux-symbol-btn span{font-size:1rem;font-weight:900;color:#fff}.ux-symbol-btn small{font-size:.72rem;font-weight:900;color:#8a8a8a}.ux-table-chart{width:220px;min-width:160px}.ux-table-chart svg{width:180px;height:44px;display:block}
.ux-sparkline .grid{stroke:rgba(243,186,47,.08);stroke-width:1;fill:none}.ux-sparkline .line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(243,186,47,.16))}.ux-sparkline .area{opacity:.16}.ux-sparkline.up .line{stroke:#F3BA2F}.ux-sparkline.up .area{fill:#F3BA2F}.ux-sparkline.down .line{stroke:#C8102E}.ux-sparkline.down .area{fill:#C8102E}.ux-big-chart .line{stroke-width:4.2}.ux-big-chart .area{opacity:.22}
.brand-logo-img{image-rendering:auto}.brand,.sb-brand,.adm-brand{border-color:rgba(243,186,47,.22)!important;background:#050505!important}
@media(max-width:1100px){.ux-market-hero{grid-template-columns:1fr}.ux-market-stats{grid-template-columns:repeat(2,1fr)}.ux-market-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.ux-market-page-v2{padding-top:92px!important}.ux-market-copy,.ux-market-feature-card{padding:20px;border-radius:22px}.ux-market-copy h1{font-size:2.45rem!important}.ux-market-searchbar{grid-template-columns:auto 1fr;min-height:56px}.ux-market-searchbar button{grid-column:1 / -1;width:100%;margin-bottom:10px}.ux-market-stats{grid-template-columns:1fr}.ux-market-toolbar{align-items:flex-start;flex-direction:column}.ux-market-controls,.ux-market-controls select,.ux-market-controls button{width:100%}.ux-market-grid{grid-template-columns:1fr}.ux-market-table-wrap{overflow-x:auto}.ux-market-table{min-width:760px}.ux-feature-actions{flex-direction:column}.ux-feature-actions .btn{width:100%;justify-content:center}.ux-market-tabs button{flex:1;min-width:130px}}

/* v10 — Home candle chart refinements */
.ux-home-candle-section{background:#000;padding-top:72px;padding-bottom:72px}.ux-candle-home-card{border:1px solid rgba(243,186,47,.22)!important;background:linear-gradient(135deg,#050505,#11100c)!important;border-radius:28px!important;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.45)}.ux-candle-home-header{border-bottom:1px solid rgba(243,186,47,.16)!important;background:rgba(0,0,0,.42)!important}.ux-home-candle-chart{height:430px;overflow:hidden;background:#090909}.ux-home-candle-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(243,186,47,.14);padding:16px 20px;color:rgba(255,255,255,.55);font-weight:700}.tv-tab.active{background:linear-gradient(135deg,#ffd76b,#f3ba2f,#b77908)!important;color:#080808!important;border-color:rgba(255,215,107,.45)!important}.tv-featured-tabs .tv-tab{border:1px solid rgba(243,186,47,.17)!important;background:#080808!important;color:rgba(255,255,255,.7)!important;border-radius:12px!important;font-weight:900!important}.tv-featured-tabs .tv-tab.active{color:#080808!important}.tv-live-price{color:#fff!important}.tv-live-change.up{color:#16c784!important}.tv-live-change.down{color:#EA3943!important}@media(max-width:760px){.ux-home-candle-chart{height:320px}.ux-home-candle-actions{flex-direction:column;align-items:flex-start}.tv-featured-tabs{overflow:auto;max-width:100%;padding-bottom:2px}}

.web3-token-logo.is-fallback,.web3-token-logo span{background:linear-gradient(135deg,rgba(246,195,67,.22),rgba(255,255,255,.06));color:#f6c343;border:1px solid rgba(246,195,67,.35);font-weight:900}
.web3-token-logo img{background:#050505}