/* Interaktywne wykresy: pasek narzędzi nad polem wykresu (paleta Kobalt) */
.chart-box canvas { cursor: crosshair; touch-action: pan-y; }
.fx-bar { position: absolute; top: 2px; left: 2px; z-index: 3; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; max-width: calc(100% - 70px); opacity: .75; transition: opacity .15s; }
.chart-box:hover .fx-bar, .fx-bar:focus-within { opacity: 1; }
.fx-bar button { height: 26px; padding: 0 10px; border: 0; border-radius: 999px; background: var(--panel); box-shadow: inset 0 0 0 1px var(--line-2); color: var(--ink-2); font: 600 12px var(--font); cursor: pointer; }
.fx-bar button:hover { background: var(--head); color: var(--ink); }
.fx-bar button.on { background: var(--accent); color: var(--accent-ink); box-shadow: none; }
.fx-bar button:disabled { opacity: .4; cursor: default; }
.fx-bar button[hidden], .fx-hint[hidden] { display: none; }
.fx-hint { font-size: 12px; color: var(--ink-3); }
@media (max-width: 760px) { .fx-hint { display: none; } }

/* przełącznik Linia | Świece wewnątrz kapsuły zakresów */
.seg .fx-type { display: contents; }
.seg .fx-sep { align-self: stretch; width: 1px; margin: 5px 4px; background: var(--line-2); }
#rangeV { max-width: 100%; }
@media (max-width: 760px) { #rangeV .seg { display: flex; width: 100%; } #rangeV .seg button { flex: 1 1 auto; padding: 6px 4px; } #rangeV .seg .fx-sep { flex: 0 0 1px; } }