.chart-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.indicator-controls,.chart-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.indicator-controls label{display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer;min-height:30px}
.indicator-controls i{width:12px;height:2px;background:var(--ma-color)}
.indicator-controls [data-ma-value]{font-variant-numeric:tabular-nums;color:var(--ma-color);min-width:25px}
.chart-actions{gap:5px}.chart-actions button{font-size:11px;padding:7px 9px;min-height:32px}
.chart-inspector{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;min-height:50px;padding:10px 0 0;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}
.chart-inspector strong{font-size:11px;color:#405572}.chart-inspector b{font-weight:550;color:#142945}.chart-inspector .bar-origin{font-size:10px}
.chart-panel .chart-wrap{height:420px;margin-top:10px}
.volume-label{position:absolute;left:6px;bottom:19%;z-index:2;pointer-events:none;color:var(--muted);font-size:10px;background:#ffffffe6;padding:1px 4px}
.volume-label[hidden]{display:none}
.chart-caveat{color:var(--muted);font-size:10px;line-height:1.7;padding:8px 0}
.chart-panel:fullscreen,.chart-panel.chart-expanded{background:#fff;padding:18px;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:auto}
.chart-panel.chart-expanded{position:fixed;inset:0;z-index:1000;border-radius:0}
.chart-panel:fullscreen .chart-wrap,.chart-panel.chart-expanded .chart-wrap{flex:1;min-height:220px;height:auto}
.chart-panel:fullscreen .quote-stats,.chart-panel.chart-expanded .quote-stats,.chart-panel:fullscreen .chart-footer,.chart-panel.chart-expanded .chart-footer{display:none}
@media(max-width:700px){.chart-panel .chart-wrap{height:330px}.chart-tools{gap:7px}.indicator-controls{gap:3px 10px}.indicator-controls label{min-height:34px}.chart-actions button{min-height:36px;padding:7px 8px}.chart-inspector{gap:5px 10px;font-size:10px}.chart-panel:fullscreen,.chart-panel.chart-expanded{padding:10px}.chart-panel:fullscreen .price-row,.chart-panel.chart-expanded .price-row{margin:5px 0;min-height:30px}.chart-panel:fullscreen h2,.chart-panel.chart-expanded h2{font-size:17px}}
@media(max-height:500px) and (orientation:landscape){
  .chart-panel:is(:fullscreen,.chart-expanded){padding:8px}
  .chart-panel:is(:fullscreen,.chart-expanded) .chart-heading>div{display:flex;align-items:center;gap:14px}
  .chart-panel:is(:fullscreen,.chart-expanded) h2{font-size:16px}
  .chart-panel:is(:fullscreen,.chart-expanded) h2 small{display:none}
  .chart-panel:is(:fullscreen,.chart-expanded) .price-row{margin:0;min-height:30px;gap:8px}
  .chart-panel:is(:fullscreen,.chart-expanded) .price-row strong{font-size:22px}
  .chart-panel:is(:fullscreen,.chart-expanded) .price-row span{font-size:10px}
  .chart-panel:is(:fullscreen,.chart-expanded) .chart-tools{margin-top:6px;padding-top:5px;gap:4px}
  .chart-panel:is(:fullscreen,.chart-expanded) .chart-inspector{min-height:32px;padding-top:5px}
  .chart-panel:is(:fullscreen,.chart-expanded) .chart-wrap{min-height:150px;margin-top:4px}
  .chart-panel:is(:fullscreen,.chart-expanded) .chart-caveat{padding:4px 0;font-size:9px}
}