/* Read-only Binance Wallet data in a graphite market terminal. */
.token-market{--terminal-bg:#181a20;--terminal-chart:#0b0e11;--terminal-line:#2b3139;--terminal-text:#eaecef;--terminal-muted:#848e9c;--terminal-yellow:#f0b90b;margin:32px 0 0;border:1px solid #3c424d;border-radius:12px;background:var(--terminal-bg);color:var(--terminal-text);box-shadow:0 22px 65px #0004,inset 0 1px #ffffff08;overflow:hidden;font-variant-numeric:tabular-nums}
.market-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px;border-bottom:1px solid var(--terminal-line);background:#1e2329}
.market-brand{display:flex;align-items:center;gap:13px}.market-brand img{border-radius:50%;width:42px;height:42px}.market-brand strong{display:block;color:var(--terminal-text);font-size:23px;font-weight:600;letter-spacing:-.02em}.market-brand small{display:block;color:#a7b0bd;font-size:10px;margin-top:3px;letter-spacing:.07em}
.market-source-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#181a20;font-size:12px;font-weight:600;border:1px solid var(--terminal-yellow);border-radius:5px;padding:10px 16px;background:var(--terminal-yellow);box-shadow:none;white-space:nowrap}.market-source-link img{display:none}.market-source-link:hover{background:#f8d12f;border-color:#f8d12f}
.market-overview{display:grid;grid-template-columns:minmax(235px,1fr) 2fr;gap:30px;align-items:center;padding:24px 26px;border-bottom:1px solid var(--terminal-line)}
.market-price-label{color:#a7b0bd;font-size:10px;letter-spacing:.09em}.market-price{display:block;color:var(--terminal-text);font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:6px 0}.market-change{font-size:12px;color:var(--terminal-muted)}.market-change[data-direction=up]{color:#0ecb81}.market-change[data-direction=down]{color:#f6465d}
.market-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding-left:26px;border-left:1px solid var(--terminal-line)}.market-stats dt{font-size:12px;color:#a7b0bd;margin-bottom:8px;line-height:1.4}.market-stats dd{margin:0;color:var(--terminal-text);font:500 20px Manrope,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.market-chart-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;background:#181a20;border-bottom:1px solid var(--terminal-line)}.market-chart-title{font-size:12px;color:#c5cbd4}.market-intervals{display:flex;gap:3px}.market-intervals button{font:500 12px var(--sans);color:#a7b0bd;min-width:39px;padding:7px 10px;border:1px solid transparent;border-radius:4px;background:none;cursor:pointer}.market-intervals button[aria-pressed=true]{color:var(--terminal-yellow);background:#f0b90b12;border-color:#f0b90b30}.market-intervals button:hover{color:var(--terminal-yellow);background:#ffffff06}
.market-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 22px;background:var(--terminal-chart);border-bottom:1px solid #20252d}
.market-ohlc{font:11px/1.65 ui-monospace,SFMono-Regular,monospace;color:#a7b0bd;max-width:77%;min-height:34px;display:flex;align-items:center}
.market-chart-actions{display:flex;gap:5px;flex-shrink:0}.market-chart-actions button{border:1px solid #343b46;border-radius:4px;background:#1e2329;color:#c6cbd3;font:11px var(--sans);padding:7px 9px;min-width:30px;cursor:pointer}.market-chart-actions button:hover{color:var(--terminal-yellow);border-color:#7d6924}
.token-market .market-chart{height:410px;position:relative;margin:0;min-width:0;background:var(--terminal-chart)}.market-chart #market-chart-canvas{position:absolute;inset:0}.token-market.is-expanded .market-chart{height:620px}.market-chart-message{position:absolute;inset:0;z-index:2;display:grid;align-content:center;text-align:center;padding:30px;color:#a7b0bd;font-size:14px;background:var(--terminal-chart);pointer-events:none}.market-chart-message[hidden]{display:none}.market-chart-message span{max-width:420px;justify-self:center;line-height:1.8}
.market-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:15px 26px;border-top:1px solid var(--terminal-line);color:#b7bdc6;font:12px/1.6 var(--sans);background:#1e2329}.market-flow>span+span{border-left:1px solid #3c424a;padding-left:22px}
.market-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 26px;border-top:1px solid var(--terminal-line);color:#848e9c;font-size:10px;line-height:1.6;background:#181a20}.market-status{display:flex;align-items:center;gap:8px}.market-status:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#848e9c}.token-market[data-state=ready] .market-status:before{background:#0ecb81}.token-market[data-state=error] .market-status:before{background:#f0b90b}.market-refresh{font:inherit;border:0;color:#f0b90b;background:transparent;cursor:pointer;padding:5px}.market-refresh:hover{color:#ffdb67}
.token-market button:focus-visible,.token-market a:focus-visible{outline:2px solid #f0b90b;outline-offset:3px}
.market-chart-credit{font-size:10px;line-height:1.6;color:#78909f;margin:12px 0 0}.market-chart-credit a{color:#9fb4c2}.market-attribution{margin:6px 0 26px;color:#7897ad;font-size:11px;line-height:1.7}.market-attribution a{color:#b6cbd8;text-decoration:underline;text-underline-offset:3px}
.token-section .token-basics{margin-top:24px;padding:20px 0}.token-section .contract{margin-top:18px}
@media(max-width:800px){.market-overview{grid-template-columns:minmax(175px,.9fr) 1.6fr;gap:18px;padding:22px}.market-stats{gap:12px;padding-left:18px}.market-stats dd{font-size:17px}.market-stats dt{font-size:11px}.market-price{font-size:31px}.market-flow{gap:12px;font-size:11px;padding:14px 22px}.market-flow>span+span{padding-left:14px}}
@media(max-width:600px){.token-market{margin-top:24px;border-radius:9px}.market-top{padding:17px 16px;gap:12px;flex-wrap:wrap}.market-brand{gap:10px}.market-brand strong{font-size:21px}.market-brand small{font-size:9px;letter-spacing:.03em}.market-brand img{width:35px;height:35px}.market-source-link{font-size:11px;padding:9px 12px}.market-overview{grid-template-columns:1fr;padding:19px 17px;gap:18px}.market-price{font-size:35px}.market-price-label{font-size:10px}.market-change{font-size:12px}.market-stats{padding:17px 0 0;border-left:0;border-top:1px solid var(--terminal-line);gap:12px}.market-stats dt{font-size:11px;margin-bottom:7px}.market-stats dd{font-size:18px}.market-chart-head{flex-wrap:wrap;gap:8px;padding:10px 13px}.market-chart-title{font-size:11px}.market-intervals{gap:2px}.market-intervals button{padding:7px 9px;min-width:36px}.market-tools{padding:10px 14px;flex-wrap:wrap;gap:7px}.market-ohlc{max-width:100%;min-height:0;font-size:10px}.market-chart-actions{margin-left:auto}.token-market .market-chart{height:350px}.token-market.is-expanded .market-chart{height:490px}.market-flow{grid-template-columns:1fr;gap:8px;padding:14px 17px;font-size:11px}.market-flow>span+span{padding:0;border:0}.market-bottom{padding:12px 17px;gap:7px}.market-attribution{font-size:11px}.token-section .token-heading{gap:20px}}
