.chart-settings-wrap[hidden],.chart-settings-panel[hidden]{display:none!important}
.chart-settings-wrap{position:relative;flex:none}
.chart-settings-toggle{display:grid;place-items:center;width:32px;height:32px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--utility-icon-color,var(--ink-2));cursor:pointer}
.chart-settings-toggle svg{width:var(--utility-icon-size,16px);height:var(--utility-icon-size,16px);fill:none;stroke:currentColor;stroke-width:var(--utility-icon-stroke,1.5px);stroke-linecap:round;stroke-linejoin:round}
.chart-settings-toggle svg *{vector-effect:non-scaling-stroke}
.chart-settings-toggle:focus-visible,.chart-corner-grip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.chart-settings-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:270px;max-width:calc(100vw - 48px);padding:12px;display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 36px #0003;color:var(--ink)}
html[data-theme] :is(#tv,#tvBasic,#at-chart-host) .chart-settings-panel>.tv-btn{height:32px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink-2);text-transform:none}
html[data-theme] :is(#tv,#tvBasic,#at-chart-host) .chart-settings-panel>.tv-btn.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}
html[data-theme] :is(#tv,#tvBasic,#at-chart-host) .chart-settings-panel .tv-select{width:100%;max-width:100%;min-width:0;height:36px;margin:0;padding:0 10px;font-family:var(--body);font-size:12px;text-transform:none}
.chart-settings-panel .tv-sep{display:none}
.chart-settings-panel .tv-wallets{width:100%;margin:0;padding:6px 0}
.chart-corner-grip{position:absolute;right:0;bottom:0;z-index:6;display:grid;place-items:center;width:28px;height:28px;border-radius:6px 0 8px 0;color:var(--utility-icon-color,var(--ink-2));background:var(--surface);cursor:nwse-resize;touch-action:none;user-select:none}
.chart-corner-grip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.chart-corner-grip:hover,.chart-corner-grip.on{background:var(--surface-2)}
body.chart-height-dragging,body.chart-height-dragging *{cursor:nwse-resize!important;user-select:none!important}
@media(max-width:700px){
 html[data-theme] :is(#tv,#tvBasic,#at-chart-host) .tv-bar{display:flex;flex-wrap:nowrap;gap:8px;position:relative;z-index:8}
 html[data-theme] :is(#tv,#tvBasic,#at-chart-host) .chart-intervals{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;justify-content:space-between}
 html[data-theme] :is(#tv,#tvBasic,#at-chart-host) .chart-intervals>.tv-btn{flex:1;padding:0 5px;min-width:0;font-size:11px;white-space:nowrap}
}