/* K-line tools keep their state while the timeline is visible. */
.stock-chart-ddx-canvas { position: absolute; left: 0; width: 100%; pointer-events: none; z-index: 1; }
.stock-chart-orderflow-link { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; white-space: nowrap; }
.stock-chart-orderflow-link:focus-visible { outline: 2px solid #e9d85c; outline-offset: 2px; }
.stock-chart-orderflow-link[hidden], .stock-chart-ddx-canvas[hidden] { display: none !important; }
.stock-chart-moneyflow-curves { position: absolute; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); height: 19px; pointer-events: none; }
.stock-chart-moneyflow-curves[hidden] { display: none !important; }
.stock-chart-moneyflow-curves .moneyflow-super { --curve-color: #ff587d; }
.stock-chart-moneyflow-curves .moneyflow-large { --curve-color: #ffae46; }
.stock-chart-moneyflow-curves .moneyflow-medium { --curve-color: #65a9ff; }
.stock-chart-moneyflow-curves .moneyflow-small { --curve-color: #16df6a; }
.stock-chart-moneyflow-curves label { min-width: 0; display: flex; align-items: center; gap: 4px; padding-right: 8px; color: var(--curve-color); font: 13px "Stork Chinese Kai", monospace; white-space: nowrap; cursor: pointer; pointer-events: auto; }
.stock-chart-moneyflow-curves label:has(input:not(:checked)) { opacity: .45; }
.stock-chart-moneyflow-curves input { flex: 0 0 auto; width: 12px; height: 12px; margin: 0; accent-color: var(--curve-color); cursor: pointer; }
.stock-chart-moneyflow-curves [data-moneyflow-value] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.stock-chart-moneyflow-curves input:focus-visible { outline: 2px solid #e9d85c; outline-offset: 2px; }
.stock-chart-intraday-tabs { position: absolute; z-index: 3; display: flex; gap: 3px; height: 24px; background: #030303; }
.stock-chart-intraday-tabs[hidden] { display: none !important; }
.stock-chart-intraday-tabs button { height: 23px; padding: 1px 9px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #89969e; font: 13px "Stork Chinese Kai", monospace; white-space: nowrap; cursor: pointer; }
.stock-chart-intraday-tabs button[aria-selected="true"] { color: #f5df50; border-bottom-color: #f5df50; background: #282615; }
.stock-chart-intraday-tabs button:hover { color: #f4e47a; }
.stock-chart-intraday-tabs button:focus-visible { outline: 1px solid #f5df50; outline-offset: 1px; }
.stock-chart-dialog:is([data-active-period="timeline"], [data-active-period="timeline5"]) .stock-chart-ma-toolbar,
.stock-chart-dialog:is([data-active-period="timeline"], [data-active-period="timeline5"]) .stock-chart-indicator-toolbar,
.stock-chart-dialog:is([data-active-period="timeline"], [data-active-period="timeline5"]) .stock-chart-template-status,
.stock-chart-dialog:is([data-active-period="timeline"], [data-active-period="timeline5"]) .stock-chart-navigator,
.stock-chart-dialog:is([data-active-period="timeline"], [data-active-period="timeline5"]) .stock-chart-range-select-label {
  display: none !important;
}
.stock-chart-dialog:is([data-active-period="timeline"], [data-active-period="timeline5"]) .stock-chart-reading-equity-metric,
.stock-chart-dialog:is([data-active-period="timeline"], [data-active-period="timeline5"]) .chip-distribution-section {
  display: none;
}