.chart-tools,.chart-actions,.chart-type{display:flex;gap:8px}.chart-tools{align-items:center}.chart-actions button,.chart-type button{border:1px solid var(--line);border-radius:8px;padding:8px 11px;background:#0b242c;color:var(--ink);cursor:pointer}.chart-type{padding:3px;border:1px solid var(--line);border-radius:10px}.chart-type button{border:0;padding:6px 10px;background:transparent;color:var(--muted)}.chart-type button.active{background:#24434b;color:var(--ink);box-shadow:0 2px 8px #0004}.chart-actions .primary{background:var(--mint);border-color:var(--mint);color:#052027;font-weight:700}
@media(max-width:700px){.chart-tools{width:100%;align-items:stretch;flex-direction:column}.chart-actions,.chart-type{width:100%}.chart-actions button,.chart-type button{flex:1}}
.cylinder-canvas{display:none;height:100%;max-width:none}.canvas-wrap:has(.cylinder-canvas[style*="block"]){overflow-x:auto;overflow-y:hidden;scrollbar-color:#34545d #0a222a;scrollbar-width:thin}
.cylinder-tooltip{display:none;position:fixed;z-index:50;min-width:190px;padding:10px 12px;border:1px solid #36565f;border-radius:9px;background:#06171ef2;color:var(--ink);box-shadow:0 10px 28px #0008;pointer-events:none;font-size:12px}.cylinder-tooltip.visible{display:block}.cylinder-tooltip b,.cylinder-tooltip span{display:block}.cylinder-tooltip b{margin-bottom:3px}.cylinder-tooltip span{color:var(--muted)}.cylinder-tooltip strong{display:block;margin-top:6px;font:700 17px Georgia;color:var(--mint)}.cylinder-tooltip.negative strong{color:var(--red)}
.tooltip-values{margin-top:7px;border-top:1px solid #29454e;padding-top:5px}.tooltip-values span{display:grid!important;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;padding:3px 0;color:#c7d4d6!important}.tooltip-values i{width:8px;height:13px;border:1px solid;border-radius:1px}.tooltip-values strong{display:inline;margin:0;font:700 12px system-ui;color:var(--mint)}.tooltip-values strong.down{color:var(--red)}
.series-title{display:flex;align-items:center;justify-content:space-between}.series-title>label:first-child{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.switch.mini i{width:34px;height:19px;padding:3px}.switch.mini i:after{width:13px;height:13px}.switch.mini input:checked+i:after{transform:translateX(15px)}.series-control:has(.switch input:not(:checked)) .range-row{opacity:.38}.accent-violet input[type=range]{accent-color:#b991ff}.accent-violet .range-row output{color:#b991ff}.accent-coral input[type=range]{accent-color:#ff8d73}.accent-coral .range-row output{color:#ff8d73}