/* Chart header, both chains (dist/token-header.js): identity | stats | actions on one row; the stats wrap under the
   identity on narrower cards and become a 3-column grid on phones. Scoped under .market-heading.th so the generic
   .market-heading b / span rules (workspace.css) never reach it. */
.market-heading.th{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 22px;padding:12px 16px;min-width:0}
.market-heading.th[hidden]{display:none}
.th .th-id{display:flex;align-items:center;gap:11px;min-width:0;max-width:100%;flex:0 1 auto}
.th .th-avatar{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--z-surface3);box-shadow:inset 0 0 0 1px var(--z-border)}
.th .th-avatar>img{width:40px;height:40px;border-radius:10px;object-fit:cover;display:block}
.th .th-letter{font-style:normal;font-weight:650;font-size:.941176rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
/* Token logos everywhere else (dist/token-logo.js): the image fills the avatar's box and takes its shape. */
.tl-on{overflow:hidden}
.tl-img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;background:var(--z-surface3)}
.th .th-chain{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;border:2px solid rgb(var(--z-surface))}
.th .th-chain-solana{background:linear-gradient(135deg,#9945ff,#14f195)}
.th .th-chain-robinhood{background:#ccff00}
.th .th-names{display:flex;flex-direction:column;gap:3px;min-width:0}
.th .th-line1{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
.th .th-sym{font-size:.882353rem;font-weight:650;letter-spacing:-.01em;color:rgb(var(--z-text));overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}
.th .th-quote{font-style:normal;font-size:.705882rem;color:rgb(var(--z-muted));flex-shrink:0;margin-left:-3px}
.th .th-name{font-style:normal;font-size:.705882rem;color:rgb(var(--z-textDim));overflow:hidden;text-overflow:ellipsis;max-width:160px;min-width:0}
.th .th-pill{display:inline-flex;align-items:center;flex-shrink:0;padding:1px 6px;border:1px solid var(--z-borderHi);border-radius:4px;background:var(--z-surface2);color:rgb(var(--z-textDim));font-size:.529412rem;font-style:normal;font-weight:600;letter-spacing:.06em;line-height:1.5}
.th-solana .th-pill:first-of-type{border-color:rgb(var(--sol-a)/.4);background:rgb(var(--sol-a)/.08)}
.th-robinhood .th-pill:first-of-type{border-color:rgb(var(--z-accent)/.4);background:rgb(var(--z-accent)/.08)}
.th .th-line1 .ca-copy{margin:0;flex-shrink:0}
.th .th-line1 .live-chip{flex-shrink:0}
.th .th-line2{display:flex;align-items:center;gap:10px;min-width:0;font-size:.588235rem;color:rgb(var(--z-muted));white-space:nowrap}
.th .th-line2[hidden]{display:none}
.th .th-meta{display:inline-flex;align-items:center;gap:4px;font-style:normal}
.th .th-link{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0 -3px;border-radius:4px;color:rgb(var(--z-muted))}
.th .th-link:hover,.th .th-link:focus-visible{color:rgb(var(--z-text));background:var(--z-surface3)}
.th .th-sub{font-style:normal;color:rgb(var(--z-warn));overflow:hidden;text-overflow:ellipsis}
.th .th-icon{flex-shrink:0}
.th .th-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;min-width:0;flex:1 1 auto}
.th .th-stats[hidden]{display:none}
.th .th-mc{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.th .th-mc>strong{font-size:1.176471rem;font-weight:650;letter-spacing:-.02em;color:rgb(var(--z-text))}
.th .th-mc>small{font-size:.588235rem;color:rgb(var(--z-muted));font-weight:500}
.th .th-stat{display:flex;flex-direction:column;gap:1px;white-space:nowrap;min-width:0}
.th .th-stat>small{font-size:.529412rem;color:rgb(var(--z-muted));letter-spacing:.02em}
.th .th-stat>strong{font-size:.705882rem;font-weight:550;color:rgb(var(--z-text))}
.th .th-taxes>strong{color:rgb(var(--z-warn))}
.th .th-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0;flex:0 0 auto;max-width:100%}
.th .th-actions:not(:has(>:not([hidden]))){display:none}
.market-heading.th .th-actions .live-notice,.market-heading.th .th-actions .sol-notice{margin:0;max-width:300px}
.market-heading.th .th-actions .live-share,.market-heading.th .th-actions .sol-share{margin:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}
.market-heading.th .th-actions .live-share[hidden],.market-heading.th .th-actions .sol-share[hidden]{display:none}
/* Toolbar under the header (both chains): the timeframes as one segmented control, the axis as a quiet label. */
.live-controls .live-timeframes,.sol-toolbar .sol-timeframes,.sol-toolbar .sol-unit{padding:2px;gap:1px;border:1px solid var(--z-border);border-radius:7px;background:var(--z-surface2)}
.live-controls .live-timeframes button:not(.tip),.sol-toolbar .sol-timeframes button:not(.tip),.sol-toolbar .sol-unit button{padding:3px 8px;border-radius:5px;line-height:1.3}
.live-controls .live-timeframes button.active,.sol-toolbar .sol-timeframes button.active,.sol-toolbar .sol-unit button.active{box-shadow:none;color:rgb(var(--z-text));background:var(--z-surface3)}
.live-controls .live-axis,.sol-toolbar .sol-axis{font-weight:500}
@media(max-width:1150px){.market-heading.th{padding:12px 14px;gap:10px 18px}.th .th-stats{flex-basis:100%;order:3}}
@media(max-width:550px){
  .market-heading.th{padding:11px 12px;gap:10px 10px}
  .th .th-id{flex:1 1 0}
  .th .th-name{display:none}
  .th .th-line1{flex-wrap:wrap;row-gap:4px;column-gap:6px}.th .th-sym{flex-shrink:0;max-width:100%}
  .th .th-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}
  .th .th-mc{flex-direction:column;align-items:flex-start;gap:1px}.th .th-mc>strong{font-size:.941176rem;order:2}.th .th-mc>small{font-size:.529412rem;order:1}
  .th .th-stat>strong{overflow:hidden;text-overflow:ellipsis}
  .market-heading.th .th-actions .live-notice,.market-heading.th .th-actions .sol-notice{max-width:150px}
  .market-heading.th .th-actions .live-share>.th-label,.market-heading.th .th-actions .sol-share>.th-label{display:none}
}
.th .th-label{font-style:normal}