:root{
  --vx10-shell:1500px;
  --vx10-bg:#090d11;
  --vx10-panel:#12181e;
  --vx10-panel-2:#0f151a;
  --vx10-line:#28323b;
  --vx10-soft:rgba(255,255,255,.065);
  --vx10-text:#eef3f5;
  --vx10-muted:#87949f;
  --vx10-primary:#35e5d4;
  --vx10-green:#0ecb81;
  --vx10-red:#f6465d;
}

/* One alignment system for every major homepage and footer section. */
.vx-v6-overview,
.vx-v6-market-zone,
.vx-v7-announcements,
.vx-v6-capabilities,
.footer-grid,
.footer-bottom{
  width:min(var(--vx10-shell),calc(100% - 48px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.vx-v6-overview,.vx-v6-market-zone,.vx-v7-announcements,.vx-v6-capabilities{
  padding-left:0!important;padding-right:0!important;
}
.footer-pro{padding-left:0!important;padding-right:0!important;}
.vx-v7-ann-head,.vx-v7-ann-layout,.vx-v7-principles{width:100%!important;max-width:none!important;}

/* Restore clear Binance-style up/down colours across every live market surface. */
#hot-market-list .price.positive,
#hot-market-list .up.positive,
#hot-market-list .change-up,
#market .positive,
.market-table-row .positive,
.vx-live-market-item i.positive,
.vx-v6-ticker em:not(.is-negative),
.hc-up,.up.positive,.positive{
  color:var(--vx10-green)!important;
  -webkit-text-fill-color:var(--vx10-green)!important;
}
#hot-market-list .price.negative,
#hot-market-list .up.negative,
#hot-market-list .change-down,
#market .negative,
.market-table-row .negative,
.vx-live-market-item i.negative,
.vx-v6-ticker em.is-negative,
.hc-down,.down,.negative{
  color:var(--vx10-red)!important;
  -webkit-text-fill-color:var(--vx10-red)!important;
}

/* Exchange-grade spot workspace: order book / chart / markets / order / recent trades. */
#coin-detail.vx10-spot-page{width:min(var(--vx10-shell),calc(100% - 32px))!important;padding-top:26px!important;}
#coin-detail .vx9-spot-header{margin-bottom:10px!important;}
#coin-detail .vx9-spot-stats{background:#0f151a!important;}
#coin-detail .vx9-spot-workspace{display:block!important;}
.vx10-workspace-grid{
  display:grid!important;
  grid-template-columns:270px minmax(560px,1fr) 310px!important;
  grid-template-areas:
    "book chart markets"
    "book order recent"
    "book info recent"!important;
  grid-template-rows:520px auto auto!important;
  gap:10px!important;
  align-items:stretch!important;
}
.vx10-book-panel{grid-area:book!important;min-width:0!important;overflow:hidden!important;background:#11171c!important;border:1px solid var(--vx10-line)!important;}
.vx10-chart-panel{grid-area:chart!important;min-width:0!important;display:flex!important;flex-direction:column!important;background:#0c1116!important;border:1px solid var(--vx10-line)!important;overflow:hidden!important;}
.vx10-market-watch{grid-area:markets!important;min-width:0!important;background:#11171c!important;border:1px solid var(--vx10-line)!important;overflow:hidden!important;}
#coin-detail .vx9-order-panel.vx10-order-panel{grid-area:order!important;position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 12px!important;align-content:start!important;padding:18px!important;background:#12181e!important;}
.vx10-recent-panel{grid-area:recent!important;min-width:0!important;overflow:hidden!important;background:#11171c!important;border:1px solid var(--vx10-line)!important;}
#coin-detail .coin-info-panel.vx10-coin-info{grid-area:info!important;margin:0!important;background:#10161b!important;border:1px solid var(--vx10-line)!important;}
.vx10-chart-panel .vx9-chart-toolbar{border:0!important;border-bottom:1px solid var(--vx10-line)!important;flex:0 0 48px!important;}
.vx10-chart-panel .chart-box{flex:1 1 auto!important;height:auto!important;min-height:0!important;border:0!important;}
.vx10-book-panel .vx9-table-title,.vx10-recent-panel .vx9-table-title{border:0!important;border-bottom:1px solid var(--vx10-line)!important;}
.vx10-book-panel table,.vx10-recent-panel table{min-width:0!important;table-layout:fixed!important;}
.vx10-book-panel tbody,.vx10-recent-panel tbody{display:block!important;max-height:940px!important;overflow:auto!important;scrollbar-width:thin!important;}
.vx10-book-panel thead,.vx10-book-panel tbody tr,.vx10-recent-panel thead,.vx10-recent-panel tbody tr{display:table!important;width:100%!important;table-layout:fixed!important;}
.vx10-book-panel th,.vx10-book-panel td,.vx10-recent-panel th,.vx10-recent-panel td{height:38px!important;padding:0 10px!important;font-size:10px!important;white-space:nowrap!important;}
.vx10-panel-head{height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--vx10-line);background:#10161b;}
.vx10-panel-head h3{margin:0!important;color:#e9eef0!important;font-size:13px!important;}
.vx10-panel-head small{display:block;margin-bottom:3px;color:#6e7b85;font-size:8px;letter-spacing:1.5px;}
.vx10-market-search{width:116px;height:30px;margin:0!important;padding:0 9px!important;border-radius:3px!important;background:#0c1217!important;border:1px solid #2a343d!important;color:#dce3e7!important;font-size:10px!important;}
.vx10-market-watch-list{height:calc(100% - 50px);overflow:auto;scrollbar-width:thin;}
.vx10-watch-row{height:43px;padding:0 12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;border-bottom:1px solid rgba(255,255,255,.045);cursor:pointer;}
.vx10-watch-row:hover{background:rgba(53,229,212,.035);}
.vx10-watch-row strong{font-size:10px;color:#e7ecef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vx10-watch-row span{font-size:10px;color:#a9b4bc;text-align:right;}
.vx10-watch-row em{font-style:normal;font-size:9px;font-weight:800;text-align:right;}
.vx10-order-panel>.vx9-order-head,.vx10-order-panel>.vx9-side-tabs,.vx10-order-panel>.vx9-position-info,.vx10-order-panel>.vx9-percent-buttons,.vx10-order-panel>#trade-submit-btn{grid-column:1/-1!important;}
.vx10-order-field{display:block!important;min-width:0!important;}
.vx10-order-field>label{display:block!important;margin:8px 0 6px!important;color:#83909a!important;font-size:9px!important;}
.vx10-order-field>input{width:100%!important;height:43px!important;margin:0 0 8px!important;}
.vx10-order-panel .vx9-side-tabs{margin:8px 0 10px!important;}
.vx10-order-panel .vx9-position-info{margin-bottom:2px!important;}
.vx10-order-panel .vx9-percent-buttons{margin:7px 0!important;}
.vx10-order-panel #trade-submit-btn{margin-top:9px!important;}

/* Assets centre: summary, searchable holdings, and matched deposit/withdraw panels. */
#assets.vx10-assets-page{width:min(var(--vx10-shell),calc(100% - 48px))!important;padding-top:48px!important;padding-bottom:86px!important;}
#assets>.page-title{margin:0 0 10px!important;font-size:40px!important;letter-spacing:-.035em!important;}
#assets>.page-desc{max-width:820px!important;margin-bottom:28px!important;color:var(--vx10-muted)!important;}
#assets .asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px!important;}
#assets .asset-card{position:relative;min-height:132px;padding:22px!important;border-radius:8px!important;background:linear-gradient(145deg,#151c22,#11171c)!important;border:1px solid var(--vx10-line)!important;box-shadow:none!important;overflow:hidden!important;}
#assets .asset-card::after{content:"";position:absolute;right:-28px;bottom:-38px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(53,229,212,.085),transparent 70%);pointer-events:none;}
#assets .asset-card span{color:#7f8c96!important;font-size:11px!important;}
#assets .asset-card strong{position:relative;z-index:1;color:#edf2f4!important;font-size:22px!important;line-height:1.25!important;}
.vx10-assets-table-head{margin:30px 0 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}
.vx10-assets-table-head small{display:block;margin-bottom:5px;color:var(--vx10-primary);font-size:9px;font-weight:900;letter-spacing:2px;}
.vx10-assets-table-head h2{margin:0!important;text-align:left!important;color:#eef3f5!important;font-size:22px!important;}
.vx10-asset-search{width:260px;height:40px;margin:0!important;padding:0 13px!important;border-radius:4px!important;background:#0e1419!important;border:1px solid var(--vx10-line)!important;color:#e9eef0!important;}
#assets>.table-card{border-radius:8px!important;background:#11171c!important;border:1px solid var(--vx10-line)!important;box-shadow:none!important;}
#assets table{min-width:760px!important;}
#assets th{height:46px!important;background:#0f151a!important;color:#77848e!important;font-size:10px!important;}
#assets td{height:60px!important;color:#dbe2e6!important;font-size:12px!important;}
#assets .trade-layout{grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:18px!important;align-items:start!important;}
#assets .trade-box{max-width:none!important;margin:0!important;padding:24px!important;border-radius:8px!important;background:#12181e!important;border:1px solid var(--vx10-line)!important;box-shadow:none!important;}
#assets .trade-box h3{font-size:18px!important;}
#assets .trade-box input,#assets .trade-box select{height:48px!important;margin:7px 0 14px!important;border-radius:4px!important;background:#0d1318!important;border:1px solid #2b3540!important;}
#assets .trade-box button{height:48px!important;border-radius:4px!important;box-shadow:none!important;}

/* Desktop footer remains spacious; mobile footer becomes four service modules. */
.footer-pro{background:#0d1216!important;border-top:1px solid var(--vx10-line)!important;}
.footer-grid{align-items:start!important;}
.footer-col h3{font-size:17px!important;}
.footer-col a{font-size:13px!important;}

/* Mobile-specific market, asset and footer card layouts. */
@media(max-width:900px){
  .vx-v6-overview,.vx-v6-market-zone,.vx-v7-announcements,.vx-v6-capabilities,.footer-grid,.footer-bottom,#assets.vx10-assets-page{
    width:calc(100% - 28px)!important;
  }
  .vx10-workspace-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"chart" "order" "book" "recent" "markets" "info"!important;
    grid-template-rows:auto!important;
  }
  .vx10-chart-panel{height:430px!important;}
  .vx10-book-panel,.vx10-recent-panel,.vx10-market-watch{min-height:320px!important;max-height:390px!important;}
  .vx10-book-panel tbody,.vx10-recent-panel tbody{max-height:320px!important;}
  #coin-detail .vx9-order-panel.vx10-order-panel{position:relative!important;top:auto!important;}
  #assets .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #assets .trade-layout{grid-template-columns:1fr!important;}

  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .vx-footer-brand-column{grid-column:1/-1!important;padding:20px!important;border:1px solid var(--vx10-line)!important;border-radius:16px!important;background:linear-gradient(145deg,#12191e,#0f1519)!important;text-align:center!important;}
  .vx-footer-brand{justify-content:center!important;}
  .footer-social{justify-content:center!important;}
  .qr-box{margin-left:auto!important;margin-right:auto!important;}
  .footer-col{min-width:0!important;padding:16px!important;border:1px solid var(--vx10-line)!important;border-radius:16px!important;background:#11171c!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:7px!important;text-align:left!important;writing-mode:horizontal-tb!important;}
  .footer-col h3{margin:0 0 7px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.065)!important;color:#eef3f5!important;font-size:15px!important;writing-mode:horizontal-tb!important;}
  .footer-col a{margin:0!important;padding:4px 0!important;color:#87949f!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;word-break:keep-all!important;writing-mode:horizontal-tb!important;}
}

@media(max-width:700px){
  /* Compact, readable homepage market rows. */
  .vx-v6-market-panel #hot-market-list{overflow:visible!important;}
  .vx-v6-market-panel #hot-market-list .market-row{
    min-height:74px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"coin price" "coin change"!important;
    gap:4px 12px!important;
    padding:11px 14px!important;
    margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .vx-v6-market-panel #hot-market-list .coin{grid-area:coin!important;align-self:center!important;font-size:13px!important;white-space:nowrap!important;}
  .vx-v6-market-panel #hot-market-list .coin-logo{width:28px!important;height:28px!important;margin-right:8px!important;padding:4px!important;}
  .vx-v6-market-panel #hot-market-list .price{grid-area:price!important;align-self:end!important;text-align:right!important;font-size:13px!important;}
  .vx-v6-market-panel #hot-market-list .up,.vx-v6-market-panel #hot-market-list .down,.vx-v6-market-panel #hot-market-list .vx-market-metric-turnover{grid-area:change!important;align-self:start!important;text-align:right!important;font-size:11px!important;}
  .vx-v6-market-panel #hot-market-list .vx-home-trade-action{display:none!important;}
  .vx-market-head{display:none!important;}

  /* Mobile real-time market table becomes compact exchange cards. */
  #market .vx9-market-table-card{padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;}
  #market table,#market tbody{display:block!important;min-width:0!important;width:100%!important;}
  #market thead{display:none!important;}
  #market tr.market-table-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 0 12px!important;padding:14px!important;border:1px solid var(--vx10-line)!important;border-radius:12px!important;background:#131a20!important;overflow:hidden!important;}
  #market tr.market-table-row[style*="display: none"]{display:none!important;}
  #market tr.market-table-row td{height:auto!important;min-height:38px!important;padding:8px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:11px!important;}
  #market tr.market-table-row td:nth-child(odd):not(:first-child):not(:last-child){padding-right:10px!important;}
  #market tr.market-table-row td:nth-child(even):not(:first-child):not(:last-child){padding-left:10px!important;border-left:1px solid rgba(255,255,255,.05)!important;}
  #market tr.market-table-row td:first-child{grid-column:1/-1!important;min-height:54px!important;padding:0 0 12px!important;margin-bottom:4px!important;}
  #market tr.market-table-row td:last-child{grid-column:1/-1!important;border-bottom:0!important;padding:12px 0 0!important;justify-content:flex-end!important;}
  #market tr.market-table-row td:not(:first-child):not(:last-child)::before{content:attr(data-label);color:#75828d;font-size:9px;white-space:nowrap;}
  #market .market-coin-logo{width:32px!important;height:32px!important;}
  #market .market-detail-btn,#market .market-trade-btn{height:34px!important;min-width:70px!important;}

  /* Mobile asset table also becomes compact cards. */
  #assets>.table-card{padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;}
  #assets table,#assets tbody{display:block!important;min-width:0!important;width:100%!important;}
  #assets thead{display:none!important;}
  #assets #assets-list-body tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 0 10px!important;padding:14px!important;border:1px solid var(--vx10-line)!important;border-radius:12px!important;background:#131a20!important;}
  #assets #assets-list-body tr[style*="display: none"]{display:none!important;}
  #assets #assets-list-body td{height:auto!important;min-height:40px!important;padding:8px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:11px!important;}
  #assets #assets-list-body td:first-child{grid-column:1/-1!important;min-height:48px!important;color:#eef3f5!important;font-size:14px!important;font-weight:800!important;}
  #assets #assets-list-body td:nth-child(even){padding-right:10px!important;}
  #assets #assets-list-body td:nth-child(odd):not(:first-child){padding-left:10px!important;border-left:1px solid rgba(255,255,255,.05)!important;}
  #assets #assets-list-body td:not(:first-child)::before{content:attr(data-label);color:#75828d;font-size:9px;}
}

@media(max-width:560px){
  #coin-detail.vx10-spot-page{width:calc(100% - 16px)!important;}
  .vx10-chart-panel{height:350px!important;}
  #coin-detail .vx9-order-panel.vx10-order-panel{grid-template-columns:1fr!important;padding:15px!important;}
  .vx10-order-panel>.vx9-order-head,.vx10-order-panel>.vx9-side-tabs,.vx10-order-panel>.vx9-position-info,.vx10-order-panel>.vx9-percent-buttons,.vx10-order-panel>#trade-submit-btn{grid-column:auto!important;}
  #assets.vx10-assets-page{width:calc(100% - 20px)!important;padding-top:30px!important;}
  #assets>.page-title{font-size:32px!important;}
  #assets .asset-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  #assets .asset-card{min-height:104px!important;padding:15px!important;}
  #assets .asset-card strong{font-size:16px!important;}
  .vx10-assets-table-head{align-items:stretch!important;flex-direction:column!important;}
  .vx10-asset-search{width:100%!important;}
  .footer-grid{gap:9px!important;}
  .footer-col{padding:13px!important;border-radius:13px!important;}
  .footer-col h3{font-size:14px!important;}
  .footer-col a{font-size:11px!important;}
}