/* Preis und Volumen haben getrennte Skalen; Werte wechseln ohne Layoutspruenge. */
.chartview { min-width:0; background:var(--surface); }
.chartview .chart { background:var(--surface); }
.chartview .chart.candles { height:310px; cursor:crosshair; }
.chartview .chart:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.chartreadout { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; min-height:92px; padding:14px 16px; margin:8px 0 16px; border:1px solid var(--line); border-radius:9px; background:var(--surface-raised); font-size:10px; font-variant-numeric:tabular-nums; }
.chartreadout-status { grid-column:1/-1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; color:var(--muted); font-size:10px; line-height:1.4; }
.chartreadout-status strong { font-weight:500; color:var(--ink); }
.chartreadout-field { display:flex; flex-direction:column; gap:5px; min-width:0; color:var(--muted); line-height:1.4; }
.chartreadout-field strong { color:var(--ink); font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.chartreadout-field:last-child strong { color:var(--accent); }
.lineview .chartreadout { grid-template-columns:repeat(2,minmax(0,1fr)); min-height:0; }
.lineview .chartreadout-field { flex-direction:row; align-items:center; gap:12px; }
.chartview .chart.emptychart { height:110px; }
.chartcontrols { display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; margin-bottom:10px; }
.chartcontrols button { min-height:34px; padding:7px 10px; font-size:10px; color:var(--muted); background:var(--surface-raised); border:1px solid var(--line); }
.chartcontrols button:hover:enabled { color:var(--accent); border-color:var(--accent); }
#detail .chartblock { border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:22px; }
#detail .chartblock .markettools { align-items:center; gap:8px; }
#detail .chartblock .markettools h3 { margin-right:auto; font-size:14px; }
#detail .chartblock select { padding:7px 9px; height:34px; min-height:34px; font-size:11px; }
#investorPanel { border:1px solid var(--line); background:var(--surface); }
#investorPanel>.sectionhead { margin-bottom:14px; }
#investorPanel>.sectionhead .markettools { margin:0; }
#investorPanel .chart { height:280px; }
#investorPanel .chartreadout { min-height:48px; }
@media(max-width:600px) {
 .chartview .chart.candles { height:330px; }
 .chartreadout { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; min-height:152px; padding:12px; }
 .lineview .chartreadout { min-height:0; grid-template-columns:1fr; }
 .lineview .chartreadout-field { justify-content:space-between; }
 .chartcontrols { justify-content:flex-start; }
 .chartcontrols button { flex:1; min-height:40px; }
 #detail .chartblock .markettools h3 { flex:0 0 100%; }
 #investorPanel .chart { height:240px; }
}