.chart-view-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #252b35}
.chart-layout-buttons{display:flex;gap:4px;padding:3px;background:#0b0f14;border:1px solid #252d39;border-radius:6px}
.chart-layout-buttons button{padding:6px 12px;border-radius:4px;color:#94a0b1;font-size:12px}
.chart-layout-buttons button[aria-pressed=true]{color:#f0b90b;background:#2d2919}
.crosshair-toggle{display:flex;gap:7px;align-items:center;color:#9ba8ba;font-size:12px;cursor:pointer}
.crosshair-toggle input{accent-color:#f0b90b}
.chart-layout{min-width:0}.timeframe-pane{min-width:0}.pane-heading{display:none}
.auxiliary-pane{display:none}
body.triple-charts .workspace{grid-template-columns:230px minmax(0,1fr)}
body.triple-charts .details{display:none}
body.triple-charts .chart-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#29313e}
body.triple-charts .timeframe-pane{background:#10141a}
body.triple-charts .pane-heading{height:43px;padding:0 10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #252b35;font-size:11px;white-space:nowrap}
.pane-heading strong{font-size:11px;font-weight:500;color:#9ba8ba}.pane-heading label{color:#7e8b9e;display:flex;align-items:center;gap:4px}
.pane-heading select{background:#171d26;border:1px solid #394353;border-radius:4px;color:#f0b90b;font-size:12px;padding:4px;cursor:pointer}
.pane-state{font-size:10px;color:#8996a8;margin-left:auto}.pane-horizontal{color:#b5c0cf;font-size:11px;padding:5px;border-radius:4px;border:1px solid #394353}
body.triple-charts .auxiliary-pane{display:block}
body.triple-charts #intervals{display:none}
body.triple-charts .chart-controls{justify-content:flex-end}
body.triple-charts .chart-work,body.triple-charts.expanded .chart-work{height:clamp(440px,60vh,760px);min-height:0}
.aux-chart-box{position:relative;height:clamp(440px,60vh,760px);overflow:hidden}
.aux-chart{position:absolute;inset:0}.aux-drawings{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;touch-action:none}
.aux-drawings text,.aux-drawings line:not([data-line-index]){pointer-events:none}
.aux-legend{position:absolute;top:10px;left:9px;right:80px;font:10px/1.8 Consolas,monospace;color:#bec8d6;z-index:2;pointer-events:none}
.aux-volume{position:absolute;bottom:calc(17% + 24px);left:8px;right:80px;z-index:2;font:10px/1.5 Consolas,monospace;color:#a4b0c1;pointer-events:none}
.aux-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#9ba8ba;font-size:12px;z-index:4;background:#10141a}
.aux-message[hidden]{display:none}.aux-message button{border:1px solid #4a4431;color:#f0b90b;padding:7px 13px;border-radius:4px}
body.triple-charts .chart-legend{font-size:10px;left:9px}
body.triple-charts .volume-label{font-size:10px;gap:2px 8px;max-width:calc(100% - 88px)}
body.triple-charts.expanded .workspace{grid-template-columns:1fr}
@media(min-width:1600px){body.triple-charts .workspace{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:1500px){body.triple-charts .chart-layout{grid-template-columns:1fr}body.triple-charts .chart-work,body.triple-charts.expanded .chart-work,.aux-chart-box{height:390px}body.triple-charts .pane-heading{height:42px}body.triple-charts .chart-legend{font-size:11px}.aux-legend,.aux-volume{font-size:11px}}
@media(max-width:850px){body.triple-charts .workspace{grid-template-columns:200px minmax(0,1fr)}.chart-view-controls{padding:8px;gap:6px}.chart-layout-buttons button{padding:6px 8px}.crosshair-toggle{font-size:11px}}
@media(max-width:600px){body.triple-charts .workspace{grid-template-columns:1fr}.chart-view-controls{flex-wrap:wrap}body.triple-charts .chart-work,body.triple-charts.expanded .chart-work,.aux-chart-box{height:360px}.crosshair-toggle{font-size:11px}}

.price-kind{font-size:11px;color:#9ba8ba;font-weight:400}.quote-clock,.mark-clock{font-size:10px;color:#8391a5;line-height:1.6}.mark-clock{display:block;margin-top:4px}.chart-data-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 16px;padding:8px 12px;color:#8d9aaf;font-size:10px;line-height:1.6;border-bottom:1px solid #252b35}.chart-data-info time,.quote-clock time,.mark-clock time{font-family:Consolas,monospace;font-variant-numeric:tabular-nums}
