/* Homepage market plot. Keep its loading and readout rows stable during polling. */
#dashboard .mini-chart-card{--chart-blue:#42c5ff;--chart-grid:#293642;--chart-panel:#111a23;--chart-muted:#9bacbf;--chart-tag-ink:#092639;min-width:0;border:1px solid var(--chart-grid);border-radius:4px;background:var(--chart-panel);padding:15px 16px 12px;grid-template-rows:auto 3.3em 2.9em 190px 2.8em auto;gap:4px;color:var(--text-primary)}
[data-theme="light"] #dashboard .mini-chart-card{--chart-blue:#0879b9;--chart-grid:#dce4ec;--chart-panel:#fff;--chart-muted:#617287;--chart-tag-ink:#fff}
#dashboard .mini-chart-heading{flex-wrap:nowrap;gap:10px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--chart-grid)}
#dashboard .mini-chart-heading h2{font-size:.9rem;letter-spacing:.045em;white-space:nowrap;margin:0;line-height:1.5}
#dashboard .mini-chart-heading h2 span{color:var(--chart-muted);font-weight:400;margin-inline:3px}
#dashboard .mini-chart-heading small{display:inline-block;font:500 .66rem/1.5 var(--font-mono,monospace);letter-spacing:0;color:var(--chart-muted);border-left:1px solid var(--chart-grid);padding-left:10px;margin-left:8px}
#dashboard .mini-chart-heading a{font-size:.73rem;color:var(--chart-blue);white-space:nowrap;padding:8px 0}
#dashboard #miniChartStatus{font-size:.69rem;line-height:1.55;color:var(--chart-muted);margin:0}
.mini-chart-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums}
.mini-chart-readout strong{font-size:1.05rem;letter-spacing:-.03em;white-space:nowrap}
.mini-chart-readout span{font-size:.63rem;line-height:1.5;color:var(--chart-muted);text-align:right}
#dashboard #miniChart{width:100%;height:190px;color:var(--chart-blue);overflow:visible;cursor:crosshair;touch-action:pan-y}
#dashboard #miniChart:focus-visible{outline:2px solid var(--chart-blue);outline-offset:2px}
#miniChart[hidden]{visibility:hidden}
#miniChartCursor[hidden]{display:none}
.mini-chart-grid-line{stroke:var(--chart-grid);stroke-width:1}
.mini-chart-axis-label{fill:var(--chart-muted);font:10px var(--font-mono,monospace);font-variant-numeric:tabular-nums}
.mini-chart-price-tag{fill:var(--chart-blue)}
.mini-chart-price-tag text,text.mini-chart-price-tag{fill:var(--chart-tag-ink);font:600 10px var(--font-mono,monospace);font-variant-numeric:tabular-nums}
.mini-chart-price-tag-text{fill:var(--chart-tag-ink);font:600 10px var(--font-mono,monospace);font-variant-numeric:tabular-nums}
.mini-chart-last-line{stroke:var(--chart-blue);stroke-opacity:.4;stroke-width:1;stroke-dasharray:3 4}
.mini-chart-cursor-line{stroke:var(--chart-muted);stroke-width:1;stroke-dasharray:3 3;opacity:.7}
.mini-chart-cursor-dot{fill:var(--chart-blue);stroke:var(--chart-panel);stroke-width:2}
#dashboard #miniChartRange{font-size:.66rem;line-height:1.5;color:var(--chart-muted);align-items:center;gap:8px;min-height:2.8em;font-variant-numeric:tabular-nums}
.mini-chart-help{margin:2px 0 0;font-size:.6rem;line-height:1.6;color:var(--chart-muted)}
#dashboard #miniChartRetry{left:16px;bottom:12px;background:var(--chart-panel);border:1px solid var(--chart-grid);padding:9px 12px;border-radius:3px;color:var(--chart-blue);font:inherit;font-size:.75rem;cursor:pointer}
@media(max-width:700px){#dashboard .mini-chart-card{padding:12px 10px;grid-template-rows:auto 3.3em 2.9em 190px 2.8em auto}#dashboard .mini-chart-heading h2{font-size:.85rem}.mini-chart-readout span{font-size:.61rem}#dashboard .mini-chart-heading a{font-size:.68rem}}
