/* UNITEDX UX FIXES v15
   Global light mode, professional dashboard polish and P2P marketplace visibility. */

/* 1) True global light mode. This file is loaded last so it wins over older black/gold overrides. */
html[data-theme="light"]{
  color-scheme: light;
  --bg:#f4f7fb !important;
  --bg-elev:#ffffff !important;
  --bg-card:#ffffff !important;
  --bg-surface:#f8fafc !important;
  --bg-hover:#eef4ff !important;
  --bg-input:#ffffff !important;
  --bg-sidebar:#ffffff !important;
  --bg-topbar:rgba(255,255,255,.92) !important;
  --border:rgba(15,23,42,.10) !important;
  --border-light:rgba(15,23,42,.13) !important;
  --border-accent:rgba(184,134,11,.28) !important;
  --border-navy:rgba(15,23,42,.12) !important;
  --text:#0b1020 !important;
  --text-secondary:#475569 !important;
  --muted:#64748b !important;
  --accent:#c99214 !important;
  --accent-bright:#e7ac25 !important;
  --accent-vivid:#b77908 !important;
  --accent-2:#f3ba2f !important;
  --accent-glow:rgba(243,186,47,.17) !important;
  --accent-soft:rgba(243,186,47,.10) !important;
  --danger:#d71945 !important;
  --ok:#059669 !important;
  --ux-bg-main:#f4f7fb !important;
  --ux-bg-surface:#f8fafc !important;
  --ux-bg-card:#ffffff !important;
  --ux-border-soft:rgba(15,23,42,.10) !important;
  --ux-text-main:#0b1020 !important;
  --ux-text-muted:#64748b !important;
}

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] .app-shell,
html[data-theme="light"] .app-main,
html[data-theme="light"] .app-content{
  background:
    radial-gradient(circle at 5% 8%, rgba(243,186,47,.12), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(37,99,235,.10), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef3fb 52%,#f6f8fc 100%) !important;
  color:#0b1020 !important;
}
html[data-theme="light"] body::before{opacity:.10 !important;}
html[data-theme="light"] .app-topbar,
html[data-theme="light"] .site-header{
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(15,23,42,.10) !important;
  box-shadow:0 14px 40px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(18px) saturate(1.25) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.25) !important;
}
html[data-theme="light"] .app-topbar a,
html[data-theme="light"] .site-header a,
html[data-theme="light"] .app-user{
  color:#0f172a !important;
}
html[data-theme="light"] .app-topbar a:hover,
html[data-theme="light"] .site-header a:hover{color:#b77908 !important;}
html[data-theme="light"] .app-sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.96)) !important;
  border-color:rgba(15,23,42,.10) !important;
  box-shadow:20px 0 60px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .sb-link,
html[data-theme="light"] .sb-group summary,
html[data-theme="light"] .sb-home-link,
html[data-theme="light"] .sb-brand-main .brand-copy strong,
html[data-theme="light"] .sb-brand-main .brand-copy small{
  color:#334155 !important;
}
html[data-theme="light"] .sb-link:hover,
html[data-theme="light"] .sb-link.is-active,
html[data-theme="light"] .sb-group summary:hover{
  background:rgba(243,186,47,.12) !important;
  border-color:rgba(243,186,47,.25) !important;
  color:#0f172a !important;
}
html[data-theme="light"] :is(.card,.card-shine,.card-glass,.balance-card,.onboard-card,.table-wrap,.chart-card,.feature,.adm-card,.adm-stat,.api-status-card,.web3-panel,.web3-card,.web3-market-card,.lp-card,.st-card,.order-card,.terminal-panel,.ux-market-tile,.mini-insight,.proof-chip,.ux-card,.ux-equity-card,.ux-balance-panel,.ux-compact-stats article,.ux-p2p-wallet-card,.ux-p2p-create,.ux-p2p-empty,.ux-p2p-table-wrap,.ux-p2p-market-table-wrap,.ux-p2p-stats article){
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
  color:#0b1020 !important;
  border-color:rgba(15,23,42,.10) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html[data-theme="light"] :is(input,select,textarea,.form-input,.web3-amount-input){
  background:#ffffff !important;
  color:#0b1020 !important;
  border-color:rgba(15,23,42,.14) !important;
}
html[data-theme="light"] :is(input,select,textarea)::placeholder{color:#94a3b8 !important;}
html[data-theme="light"] :is(p,small,span,.muted,.ux-muted-title,.ux-account-row span,.ux-equity-main p,.ux-balance-line span,.ux-balance-line em,.ux-mini-split span,.ux-market-row span,.ux-activity-row span,.ux-history-table th,.ux-panel-head span){
  color:#64748b;
}
html[data-theme="light"] :is(h1,h2,h3,h4,strong,.ux-equity-value small,.ux-panel-head strong){color:#0b1020 !important;}
html[data-theme="light"] .btn-ghost{
  background:#ffffff !important;
  color:#0b1020 !important;
  border-color:rgba(15,23,42,.14) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.04) !important;
}
html[data-theme="light"] .btn-soft{
  background:rgba(37,99,235,.08) !important;
  color:#1d4ed8 !important;
  border-color:rgba(37,99,235,.16) !important;
}
html[data-theme="light"] .theme-toggle{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:rgba(15,23,42,.12) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .ux-loader,
html[data-theme="light"] #ux-loader{background:#ffffff !important;}

/* 2) Dashboard polish. */
.ux-command-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 14px;
}
.ux-command-card{
  position:relative;
  overflow:hidden;
  min-height:112px;
  padding:16px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(8,13,24,.96));
  color:#f8fafc;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ux-command-card::after{
  content:"";
  position:absolute;inset:auto -20% -45% 38%;height:120px;
  background:radial-gradient(circle,rgba(243,186,47,.20),transparent 62%);
  pointer-events:none;
}
.ux-command-card:hover{transform:translateY(-2px);border-color:rgba(243,186,47,.26);box-shadow:0 22px 54px rgba(0,0,0,.30)}
.ux-command-card b{position:relative;z-index:1;font-size:1rem;color:#fff;letter-spacing:-.025em;}
.ux-command-card span{position:relative;z-index:1;color:#9ca8bd;font-size:.78rem;line-height:1.45;}
.ux-command-card i{position:relative;z-index:1;font-style:normal;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(243,186,47,.12);border:1px solid rgba(243,186,47,.22);color:#f3ba2f;font-weight:900;margin-bottom:12px;}
html[data-theme="light"] .ux-command-card{background:linear-gradient(180deg,#ffffff,#f8fafc)!important;color:#0b1020!important;border-color:rgba(15,23,42,.10)!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important;}
html[data-theme="light"] .ux-command-card b{color:#0b1020!important;}
html[data-theme="light"] .ux-command-card span{color:#64748b!important;}
html[data-theme="light"] .ux-pro-dashboard{
  --ux-card:#ffffff !important;
  --ux-card-2:#f8fafc !important;
  --ux-line:rgba(15,23,42,.10) !important;
  --ux-line-strong:rgba(15,23,42,.16) !important;
  --ux-text:#0b1020 !important;
  --ux-muted:#64748b !important;
  color:#0b1020 !important;
}
html[data-theme="light"] .ux-equity-card:before{opacity:.55;background:radial-gradient(circle at 88% 12%,rgba(243,186,47,.18),transparent 35%),radial-gradient(circle at 0 0,rgba(37,99,235,.12),transparent 34%) !important;}
html[data-theme="light"] .ux-currency-switch,
html[data-theme="light"] .ux-market-row,
html[data-theme="light"] .ux-mini-split div,
html[data-theme="light"] .ux-activity-row,
html[data-theme="light"] .ux-history-table td{
  background:#ffffff !important;
  color:#0b1020 !important;
  border-color:rgba(15,23,42,.10) !important;
}
html[data-theme="light"] .ux-progress{background:rgba(15,23,42,.09) !important;}
html[data-theme="light"] .ux-history-table td{color:#334155 !important;}

/* 3) P2P: make user posting flow obvious and professional. */
.ux-p2p-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.ux-p2p-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:900;border:1px solid rgba(243,186,47,.22);}
.ux-p2p-hero-actions .post-sell{background:linear-gradient(135deg,#16c784,#11a36b);color:#03140d;border-color:rgba(22,199,132,.35);}
.ux-p2p-hero-actions .post-buy{background:linear-gradient(135deg,#ff4d6d,#c8102e);color:#fff;border-color:rgba(255,77,109,.35);}
.ux-p2p-hero-actions .ghost{background:rgba(255,255,255,.045);color:#f8fafc;}
.ux-p2p-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;}
.ux-p2p-guide article{padding:16px;border-radius:20px;background:linear-gradient(135deg,#090909,#11100c);border:1px solid rgba(243,186,47,.16);box-shadow:0 18px 50px rgba(0,0,0,.20);}
.ux-p2p-guide b{display:block;color:#fff;margin-bottom:6px;font-size:.95rem;}
.ux-p2p-guide span{display:block;color:rgba(255,255,255,.56);font-size:.82rem;line-height:1.5;}
.ux-p2p-guide em{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:11px;background:rgba(243,186,47,.12);border:1px solid rgba(243,186,47,.22);color:#f3ba2f;font-style:normal;font-weight:900;margin-bottom:10px;}
.ux-p2p-create{scroll-margin-top:96px;}
.ux-p2p-create .ux-p2p-section-head h2::after{content:" — yahan se user apni Buy/Sell offer lagayega";font-size:.78rem;color:rgba(255,255,255,.42);font-weight:700;}
.ux-p2p-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px;}
.ux-p2p-shortcuts button{border:1px solid rgba(243,186,47,.22);background:rgba(243,186,47,.08);color:#ffe19a;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer;}
.ux-p2p-shortcuts button.active{background:linear-gradient(135deg,#ffd76b,#f3ba2f,#b77908);color:#080808;}
html[data-theme="light"] .ux-p2p-page{color:#0b1020!important;}
html[data-theme="light"] .ux-p2p-hero>div:first-child,
html[data-theme="light"] .ux-p2p-wallet-card,
html[data-theme="light"] .ux-p2p-guide article,
html[data-theme="light"] .ux-p2p-empty,
html[data-theme="light"] .ux-p2p-table-wrap,
html[data-theme="light"] .ux-p2p-market-table-wrap,
html[data-theme="light"] .ux-p2p-stats article,
html[data-theme="light"] .ux-p2p-create{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.08)!important;
}
html[data-theme="light"] .ux-p2p-hero h1,
html[data-theme="light"] .ux-p2p-guide b,
html[data-theme="light"] .ux-p2p-section-head h2,
html[data-theme="light"] .ux-p2p-empty b,
html[data-theme="light"] .ux-merchant b{color:#0b1020!important;}
html[data-theme="light"] .ux-p2p-hero p,
html[data-theme="light"] .ux-p2p-wallet-card small,
html[data-theme="light"] .ux-p2p-wallet-card span,
html[data-theme="light"] .ux-p2p-guide span,
html[data-theme="light"] .ux-p2p-stats span,
html[data-theme="light"] .ux-p2p-market-table th,
html[data-theme="light"] .ux-p2p-market-table td small,
html[data-theme="light"] .ux-merchant small,
html[data-theme="light"] .ux-p2p-table th,
html[data-theme="light"] .ux-p2p-table small,
html[data-theme="light"] .ux-p2p-create-grid label,
html[data-theme="light"] .ux-p2p-order-box label,
html[data-theme="light"] .ux-p2p-create .ux-p2p-section-head h2::after{color:#64748b!important;}
html[data-theme="light"] .ux-p2p-filters input,
html[data-theme="light"] .ux-p2p-filters select,
html[data-theme="light"] .ux-p2p-order-box input,
html[data-theme="light"] .ux-p2p-order-box select,
html[data-theme="light"] .ux-p2p-create input,
html[data-theme="light"] .ux-p2p-create select,
html[data-theme="light"] .ux-p2p-create textarea,
html[data-theme="light"] .ux-p2p-tabs a{
  background:#ffffff!important;
  color:#0b1020!important;
  border-color:rgba(15,23,42,.13)!important;
}
html[data-theme="light"] .ux-p2p-tabs a.active{background:linear-gradient(135deg,#ffd76b,#f3ba2f,#b77908)!important;color:#080808!important;}
html[data-theme="light"] .ux-p2p-order-box,
html[data-theme="light"] .ux-p2p-estimate,
html[data-theme="light"] .ux-p2p-terms,
html[data-theme="light"] .ux-p2p-market-table td,
html[data-theme="light"] .ux-p2p-table td{border-color:rgba(15,23,42,.10)!important;color:#0b1020!important;}
html[data-theme="light"] .ux-p2p-order-box,
html[data-theme="light"] .ux-p2p-estimate{background:rgba(248,250,252,.86)!important;}
html[data-theme="light"] .ux-p2p-hero-actions .ghost{background:#fff!important;color:#0b1020!important;border-color:rgba(15,23,42,.13)!important;}

@media(max-width:1180px){.ux-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ux-p2p-guide{grid-template-columns:1fr;}}
@media(max-width:640px){.ux-command-grid{grid-template-columns:1fr;}.ux-p2p-hero-actions a{width:100%;}.ux-p2p-create .ux-p2p-section-head h2::after{display:block;margin-top:4px;}}
.ux-field-help{display:block;margin-top:4px;color:rgba(255,255,255,.42);font-size:.72rem;line-height:1.35;font-weight:600;}
html[data-theme="light"] .ux-field-help{color:#64748b!important;}

/* ── Trade dropdown ── */
.ux-nav-dropdown{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}
.app-topbar{
  position:sticky !important;
  z-index:1000 !important;
  isolation:auto !important;
}
.app-topbar-inner,
.app-topbar-left,
.app-topbar-right{
  overflow:visible !important;
}
.ux-nav-dropdown-trigger{
  display:flex !important;align-items:center !important;gap:4px !important;
  color:var(--text-secondary) !important;font-size:.84rem !important;font-weight:500 !important;
  padding:7px 11px !important;border-radius:6px !important;
  background:none !important;border:1px solid transparent !important;
  white-space:nowrap !important;cursor:pointer !important;font-family:inherit !important;
  transition:color .15s,background .15s !important;
  text-decoration:none !important;
}
.ux-nav-dropdown-trigger svg{transition:transform .2s ease;flex-shrink:0;}
.ux-nav-dropdown.open .ux-nav-dropdown-trigger,
.ux-nav-dropdown-trigger:hover{
  color:#fff !important;background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.ux-nav-dropdown.open .ux-nav-dropdown-trigger svg{transform:rotate(180deg);}
.ux-nav-dropdown-menu{
  display:none;
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  min-width:230px !important;
  background:#0d0d0d !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:12px !important;
  padding:6px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.8) !important;
  z-index:99999 !important;
  pointer-events:auto !important;
  overflow:visible !important;
}
.ux-nav-dropdown.open .ux-nav-dropdown-menu{
  display:flex !important;
  flex-direction:column !important;
}
.ux-nav-dropdown-menu a{
  display:flex !important;flex-direction:column !important;gap:2px !important;
  padding:10px 13px !important;border-radius:8px !important;
  text-decoration:none !important;
  transition:background .15s !important;
}
.ux-nav-dropdown-menu a:hover{background:rgba(255,255,255,.07) !important;}
.ux-nav-dropdown-menu a span{color:#fff !important;font-size:.84rem !important;font-weight:600 !important;display:block !important;}
.ux-nav-dropdown-menu a small{color:rgba(255,255,255,.38) !important;font-size:.71rem !important;font-weight:400 !important;display:block !important;}
.ux-nav-dropdown-divider{height:1px !important;background:rgba(255,255,255,.07) !important;margin:4px 2px !important;}
@media(max-width:960px){.ux-nav-dropdown{display:none !important;}}

/* ── Topbar layout ── */
.app-topbar{overflow:visible !important;}
.app-topbar-inner{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  padding:0 20px !important;
  min-height:52px !important;
  height:52px !important;
  gap:12px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.sb-brand-main{order:1 !important;}
.app-topbar-left{order:2 !important;}
.app-topbar-right{order:3 !important;}
.app-topbar-left{
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
  overflow:visible !important;
  justify-content:flex-start !important;
}
.app-topbar-left a{
  white-space:nowrap !important;
  flex-shrink:0 !important;
  padding:6px 9px !important;
  font-size:.78rem !important;
}
.app-topbar-right{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
}
.app-topbar-right .btn,
.app-topbar-right a,
.app-topbar-right button{white-space:nowrap !important;flex-shrink:0 !important;}
.app-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.7);
  font-size:.9rem;
  cursor:pointer;
  flex-shrink:0;
  transition:background .15s,border-color .15s;
}
.app-menu-toggle:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;}
.app-user{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:140px !important;
  flex-shrink:1 !important;
}

/* Mini logo */
.ux-mini-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-right:auto;
  font-family:'Space Grotesk','Inter',sans-serif;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--text,#ffffff);
  font-size:.9rem;
  white-space:nowrap;
}
.ux-mini-logo span{color:#dc2626;margin-left:2px;}

@media(max-width:1200px){
  .app-topbar-left a{padding:5px 7px !important;font-size:.73rem !important;}
}
@media(max-width:960px){
  .app-topbar-inner{padding:0 14px !important;grid-template-columns:auto 1fr auto !important;gap:8px !important;}
  .app-topbar-left{display:none !important;}
  .sb-brand-main{order:1 !important;}
  .app-topbar-right{order:3 !important;justify-content:flex-end !important;}
  .app-menu-toggle{display:inline-flex !important;}
  .app-user{max-width:110px !important;}
}

/* Sidebar mobile quick links */
.sb-mobile-links{display:none;}
@media(max-width:960px){
  .sb-mobile-links{
    display:flex;
    flex-direction:column;
    gap:1px;
    padding:8px 8px 4px;
    border-bottom:1px solid rgba(255,255,255,.05);
  }
  .sb-mobile-links a{
    padding:9px 10px;
    border-radius:7px;
    color:rgba(255,255,255,.5);
    font-family:'Space Grotesk','Inter',sans-serif;
    font-size:.82rem;
    font-weight:500;
    text-decoration:none;
    transition:background .15s,color .15s;
  }
  .sb-mobile-links a:hover{background:rgba(255,255,255,.05);color:#fff;}
}




/* v15.5 - chart-backed watchlist dropdown from 1201px upward */
@media(min-width:1201px){
  body.ux-terminal-page .ux-terminal-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 290px 340px !important;
    grid-template-areas:
      "chart orderbook order"
      "bottom bottom bottom" !important;
    grid-template-rows:minmax(0,1fr) 150px !important;
    gap:0 !important;
    align-items:stretch !important;
    overflow:hidden !important;
    position:relative !important;
  }
  body.ux-terminal-page .ux-watchlist,
  body.ux-terminal-page .ux-watchlist-dropdown{
    grid-area:auto !important;
    display:flex !important;
    flex-direction:column !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:280px !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100% - 150px) !important;
    min-height:0 !important;
    overflow:visible !important;
    z-index:45 !important;
    background:transparent !important;
    border:0 !important;
    pointer-events:auto !important;
  }
  body.ux-terminal-page .ux-watchlist-dropdown::after{
    content:none !important;
    display:none !important;
  }
  body.ux-terminal-page .ux-watch-toggle{
    width:100% !important;
    min-height:32px !important;
    height:32px !important;
    padding:4px 8px !important;
    justify-content:center !important;
    gap:4px !important;
    border-radius:0 !important;
    background:rgba(8,10,14,.96) !important;
    border-right:1px solid var(--ux-border) !important;
    border-bottom:1px solid var(--ux-border) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.28) !important;
  }
  body.ux-terminal-page .ux-watch-toggle-copy{
    flex-direction:row !important;
    align-items:center !important;
    gap:4px !important;
    min-width:0 !important;
  }
  body.ux-terminal-page .ux-watch-toggle-copy small{
    font-size:.62rem !important;
    text-transform:none !important;
    letter-spacing:0 !important;
  }
  body.ux-terminal-page .ux-watch-toggle-copy strong{
    font-size:.68rem !important;
  }
  body.ux-terminal-page .ux-watch-toggle-market{
    flex-direction:row !important;
    align-items:center !important;
    margin-left:0 !important;
    gap:4px !important;
  }
  body.ux-terminal-page .ux-watch-toggle-market span,
  body.ux-terminal-page .ux-watch-toggle-market b{
    font-size:.68rem !important;
  }
  body.ux-terminal-page .ux-watch-caret{
    width:auto !important;
    height:auto !important;
    flex:0 0 auto !important;
    background:transparent !important;
    font-size:.7rem !important;
  }
  body.ux-terminal-page .ux-watch-dropdown-menu{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:auto !important;
    max-height:none !important;
    display:none !important;
    flex-direction:column !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:rgba(5,5,5,.94) !important;
    flex:0 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-right:1px solid var(--ux-border) !important;
    border-bottom:1px solid var(--ux-border) !important;
    box-shadow:18px 18px 44px rgba(0,0,0,.42) !important;
  }
  body.ux-terminal-page .ux-watchlist-dropdown.open .ux-watch-dropdown-menu{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  body.ux-terminal-page .ux-watchlist-dropdown.open .ux-watch-caret{
    transform:rotate(180deg) !important;
  }
  body.ux-terminal-page .ux-watch-dropdown-menu .ux-watch-table{
    flex:0 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
  }
  body.ux-terminal-page .ux-chart-panel{
    grid-area:chart !important;
    min-width:0 !important;
    position:relative !important;
    z-index:1 !important;
  }
  body.ux-terminal-page .ux-orderbook-panel{
    grid-area:orderbook !important;
    min-width:0 !important;
    position:relative !important;
    z-index:2 !important;
  }
  body.ux-terminal-page .ux-order-panel{
    grid-area:order !important;
    min-width:0 !important;
    display:flex !important;
    position:relative !important;
    z-index:2 !important;
  }
  body.ux-terminal-page .ux-bottom-panel{
    grid-area:bottom !important;
    grid-column:1 / -1 !important;
  }
  body.ux-terminal-page .ux-market-stats{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }
}

/* v15.7 - marketbar hamburger is the only coin dropdown trigger */
body.ux-terminal-page .ux-marketbar .ux-market-watch-toggle{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 32px !important;
  width:32px !important;
  min-width:32px !important;
  max-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(243,186,47,.18) !important;
  border-radius:7px !important;
  background:#070707 !important;
  color:#f3f5fb !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1 !important;
  cursor:pointer !important;
  text-align:center !important;
}
body.ux-terminal-page .ux-marketbar .ux-market-watch-toggle:hover,
body.ux-terminal-page .ux-marketbar .ux-market-watch-toggle[aria-expanded="true"]{
  background:linear-gradient(135deg,#f8d24c,#c89619) !important;
  border-color:#f8d24c !important;
  color:#050505 !important;
}
body.ux-terminal-page .ux-watchlist-dropdown .ux-watch-dropdown-menu{
  width:280px !important;
}
@media(max-width:1200px){
  body.ux-terminal-page .ux-terminal-grid{
    position:relative !important;
  }
  body.ux-terminal-page .ux-watchlist,
  body.ux-terminal-page .ux-watchlist-dropdown{
    display:flex !important;
    position:absolute !important;
    left:12px !important;
    top:0 !important;
    width:min(320px,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    z-index:45 !important;
    background:transparent !important;
    border:0 !important;
  }
  body.ux-terminal-page .ux-watch-dropdown-menu{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    display:none !important;
    width:100% !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:rgba(5,5,5,.96) !important;
    border:1px solid var(--ux-border) !important;
    box-shadow:18px 18px 44px rgba(0,0,0,.42) !important;
  }
  body.ux-terminal-page .ux-watchlist-dropdown.open .ux-watch-dropdown-menu{
    display:flex !important;
    flex-direction:column !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}


body.ux-terminal-page .ux-floating-quotes{
  display:none !important;
}

/* v15.9 - working activity tabs in the bottom trading panel */
body.ux-terminal-page .ux-bottom-panel{
  position:relative !important;
  z-index:5 !important;
  pointer-events:auto !important;
}
body.ux-terminal-page .ux-bottom-tabs{
  position:relative !important;
  z-index:6 !important;
  pointer-events:auto !important;
}
body.ux-terminal-page .ux-bottom-tabs button{
  cursor:pointer !important;
  pointer-events:auto !important;
}
body.ux-terminal-page .ux-bottom-tabs button.active{
  color:#fff !important;
}
body.ux-terminal-page .ux-bottom-tabs button:not(.active):hover{
  color:#f3ba2f !important;
}
body.ux-terminal-page .ux-bottom-tab-panel{
  display:block !important;
}
body.ux-terminal-page .ux-bottom-tab-panel[hidden]{
  display:none !important;
}