/* Bounded market view: chart first, short scrollable trade history below. */
#chart .section-heading {margin-bottom:20px}
#chart .market-shell {align-items:start}
#chart .chart-title {padding:12px 16px;gap:10px}
#chart .market-status {font-size:13px;line-height:1.5}
#chart .market-stats {padding:14px 16px;gap:12px}
#chart .market-stats span {font-size:12px;margin-bottom:4px}
#chart .market-stats strong {font-size:20px;font-variant-numeric:tabular-nums}
#chart .chart-embed {min-height:0;padding:0 12px}
.price-chart-heading {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:13px}
.price-chart-heading strong {font-size:14px}
.price-chart-heading span {color:#c1c7cf;white-space:nowrap}
.price-chart {position:relative;min-width:0;min-height:280px;touch-action:pan-y;cursor:crosshair}
.price-chart:focus-visible,#chart .trade-list:focus-visible {outline:2px solid var(--gold);outline-offset:3px}
.price-chart-svg {display:block;width:100%;height:248px;overflow:visible}
.price-grid {stroke:#363941;stroke-width:1;stroke-dasharray:3 4}
.price-axis {fill:#c4c9d2;font:12px Arial,sans-serif}
.price-crosshair {stroke:#9ba5b8;stroke-width:1;stroke-dasharray:3 4;opacity:.55}
.price-chart-readout {margin:0;padding:2px 0 8px;color:#e4e8ed;font-size:13px;font-variant-numeric:tabular-nums;min-height:28px}
.price-chart-empty {position:absolute;inset:40px 10px auto;max-width:340px;margin:0 auto;font-size:15px;line-height:1.7;text-align:center;color:#d6dce4}
.price-chart-note {margin:0 0 10px;font-size:12px;line-height:1.7;color:#c4c9d2}
#chart .chart-foot {padding:8px 12px;gap:8px;font-size:12px}
#chart .chart-foot .market-connect {min-height:44px;padding:6px 10px;border:1px solid #717887;background:transparent;color:var(--paper);font-size:13px}
#chart .chart-foot .market-updated,#chart .chart-foot .market-source {font-size:12px;line-height:1.5}
#chart .chart-foot .market-source {margin-left:auto}
#chart .trades-panel {padding:16px 14px;min-height:0;align-self:stretch}
#chart .trades-heading {gap:8px}
#chart .trades-heading h3 {font-size:16px;line-height:1.5}
.trade-summary {margin-left:auto;font-size:11px;color:#bfc7d5;white-space:nowrap}
#chart .trade-list {margin:10px 0 0;max-height:336px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b0a15c #292a30;scroll-padding-block:4px}
#chart .trade-row {grid-template-columns:34px minmax(0,1fr) 44px 44px;gap:6px;padding:2px 0;min-height:48px}
#chart .trade-row b,#chart .trade-row time,#chart .trade-row a {grid-row:auto;grid-column:auto}
#chart .trade-row b {font-size:13px;font-family:inherit}
#chart .trade-row strong {font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
#chart .trade-row time {font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
#chart .trade-row a {font-size:13px;min-height:44px}
#chart .effect-preview {margin-top:12px;min-height:44px;align-self:flex-start;font-size:13px;padding:8px 12px}
.trade-details {margin-top:12px;border-bottom:1px solid #44454c}
.trade-details summary {cursor:pointer;padding:12px 0;min-height:44px;font-size:13px;color:#cbd1da}
#chart .trade-details .data-note {font-size:13px;line-height:1.8;margin:0;padding-bottom:14px}
@media(max-width:900px){
 #chart .market-shell {grid-template-columns:minmax(0,1fr)}
 #chart .trades-panel {border-left:0;border-top:1px solid #55565e}
 #chart .trade-list {max-height:196px}
}
@media(max-width:540px){
 #chart.market {padding-block:30px}
 #chart .section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
 #chart .section-heading h2 {font-size:30px}
 #chart .section-heading>a {margin:0;min-height:44px;display:flex;align-items:center;font-size:12px;white-space:nowrap}
 #chart .section-heading .eyebrow {font-size:11px}
 #chart .chart-title {padding:10px 12px}
 #chart .chart-title>b {font-size:14px}
 #chart .market-status {margin:0;font-size:12px;flex-basis:100%}
 #chart .market-stats {grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}
 #chart .market-stats>div:first-child {grid-column:1/-1}
 #chart .market-stats>div:first-child strong {font-size:25px}
 #chart .market-stats strong {font-size:18px}
 #chart .market-stats span {font-size:12px}
 #chart .trades-panel {padding:12px}
 #chart .chart-foot {flex-wrap:wrap}
 #chart .chart-foot .market-updated {font-size:11px}
}