/* ============================================================
   Live markets — on-chain data reuses the Explore shell, rows,
   grid and panel from explore.css. Only live-specific deltas here.
   ============================================================ */
.live-markets .tablewrap{scroll-margin-top:118px}
.live-markets [hidden]{display:none!important}
.live-markets .side,.live-markets .panel{top:calc(var(--header-h) + 10px)}
.live-markets .panel{max-height:calc(100vh - var(--header-h) - 20px)}
.live-markets .side .snav{display:block}
.live-markets .engine .engine-note{margin-top:8px;font-size:var(--fs-11);color:var(--ink-3);line-height:1.5}
.live-markets .quick-buy-note{margin-top:6px}
.live-markets .quick-buy-note>span:first-child{min-height:0}
.live-markets .quick-buy-button:disabled{cursor:not-allowed}
.live-markets .market-select{flex:1;min-width:0}
.live-markets .mkt>.token-art,.live-markets .gtop>.token-art{flex:none;border-radius:50%}
.live-markets .mkt>.token-art{width:40px;height:40px}
.live-markets .gtop>.token-art{width:44px;height:44px}
.live-markets .mname .t{overflow-wrap:anywhere}
.live-markets .mname .s{font-size:var(--fs-11)}
.live-markets .mrow .r,.live-markets .sunkbox .v{overflow-wrap:anywhere;min-width:0}
.live-markets .col-vol small{display:block;font-size:10px;color:var(--ink-3);font-weight:500}
.live-missing{color:var(--ink-4);font-weight:500}
.live-market-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;font-size:var(--fs-11);color:var(--ink-3);border-top:1px solid var(--line)}
.live-market-footer p{flex-basis:100%;margin:0;font-size:10px;line-height:1.5;color:var(--ink-4)}
.live-market-footer .live-data-state{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.live-market-footer .live-data-state::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 3px var(--jade-wash)}
.live-market-footer.is-grid-footer{grid-column:1/-1;padding-inline:0;border-top:0}
.live-market-empty{padding:36px 20px;text-align:center;color:var(--ink-2);line-height:1.6;font-size:var(--fs-13)}
.live-market-empty h3{font-size:var(--fs-20);color:var(--ink);margin-bottom:6px}
.live-markets .phrow>div{min-width:0}
.live-markets .phrow>.token-art{width:44px;height:44px;flex:none;border-radius:50%}
.live-markets .phrow h2{overflow-wrap:anywhere}
.live-markets .phrow .s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-markets .phrow .iconbtn{flex:none}
.live-price-note{font-size:var(--fs-11);color:var(--ink-3)}
.live-chart-placeholder{min-height:96px;display:grid;place-content:center;text-align:center;gap:6px;background:var(--sunk);box-shadow:0 0 0 1px var(--line);border-radius:var(--r-sm);font-size:var(--fs-11);color:var(--ink-3)}
.live-chart-placeholder b{font-family:var(--font-display);font-size:var(--fs-17);color:var(--ink-4);font-weight:600}
.live-chart-caption{font-size:10px;color:var(--ink-4);margin:6px 0 0}
.live-markets .curvebox .ft{gap:10px;flex-wrap:wrap}
.live-markets .curvebox .ft span{overflow-wrap:anywhere;min-width:0}
.live-markets .curvebox progress{display:block;width:100%;height:5px;appearance:none;border:0;border-radius:4px;overflow:hidden;margin:10px 0 4px;background:var(--bg-2)}
.live-markets progress::-webkit-progress-bar{background:var(--bg-2);border-radius:4px}
.live-markets progress::-webkit-progress-value{background:var(--jade);border-radius:4px}
.live-markets progress::-moz-progress-bar{background:var(--jade);border-radius:4px}
.live-markets .panel .live-trade{padding:12px 16px 16px}
.live-markets .panel .live-trade-status{font-size:var(--fs-11)}
.live-markets .panel .tabs{display:flex;gap:2px;overflow-x:auto}
.live-markets .panel .tabs a{font-size:var(--fs-13);color:var(--ink-3);padding:10px 12px;white-space:nowrap}
.live-markets .panel .tabs a[aria-current="true"],.live-markets .panel .tabs a:hover{color:var(--ink)}
.live-markets .panel .tabbody{font-size:var(--fs-12);color:var(--ink-2);line-height:1.6;overflow-wrap:anywhere}
.live-markets .panel .kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.live-markets .panel .kv>b{max-width:65%;text-align:right;overflow-wrap:anywhere;font-weight:650}
.live-markets .panel .tr .who{min-width:0;overflow:hidden;text-overflow:ellipsis}
.live-markets .panel .tr .amt{overflow-wrap:anywhere}
@media(max-width:1100px){
  .live-markets .top{flex-wrap:wrap;gap:10px}
  .live-markets .top>.search{order:9;flex-basis:100%;max-width:none;min-width:0}
  .live-markets .top>.xstocks-nav-link{display:none}
  .live-markets .panel{max-height:none;scroll-margin-top:110px}
}
@media(max-width:720px){
  .live-markets .top>.docs-nav-link,.live-markets .top>#pairsBtn{display:none}
  .live-markets .top>#walletBtn{margin-left:auto}
  .live-markets .quick-buy-feed-bar .quick-buy-title{width:auto}
  .live-markets .quick-buy-saved-values{flex-basis:auto}
  .live-markets .quick-buy-settings-link{padding:5px 7px;font-size:var(--fs-11)}
  .live-markets .mrow .market-select .t{font-size:var(--fs-14)}
  .live-markets .mrow .col-quick-buy{padding-top:6px}
  .live-markets .panel .live-trade{padding-inline:14px}
}