/* Charts page: the whole screen, no phone mockup. */
body.charts .docpanel{border-radius:0}
.chartsh{font-size:clamp(28px,3vw,40px);margin:16px 0 12px}
.clayout{margin:0 8px 0 0;width:auto}
.clayout button{min-width:40px}
.cgrid{display:grid;gap:10px;grid-template-columns:1fr}
.cgrid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cgrid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.cgrid.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.cpane{background:var(--soft);border-radius:5px;padding:8px;min-width:0;display:flex;flex-direction:column}
.ptools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.ptools select{border:0;background:var(--panel);color:var(--ink);border-radius:5px;padding:6px 8px;font:inherit;font-size:14px}
.pcall{margin-left:auto;font-size:14px;font-weight:600;color:var(--mute)}
.pcall.buy{color:var(--up)}.pcall.sell{color:var(--down)}
.pchart{height:clamp(240px,calc((100dvh - 260px) / 2),520px);min-height:240px}
.cgrid.n1 .pchart{height:clamp(320px,calc(100dvh - 260px),900px)}
.cgrid.n2 .pchart{height:clamp(300px,calc(100dvh - 260px),800px)}
@media (max-width:900px){.cgrid.n2,.cgrid.n4,.cgrid.n6{grid-template-columns:1fr}.pchart,.cgrid.n1 .pchart,.cgrid.n2 .pchart{height:320px}.clayout{order:3}}
.backapp{gap:6px}