/* Presentation only, scoped to the separate anonymous Jack demo document. */
.chart-dependency-statuses,.chart-toolbar-clock,.chart-status-metrics,.chart-market-state,.chart-delay-state,.chart-realtime-status-label{display:none!important}
.chart-status-source .chart-data-source-dot{display:none}.chart-statusbar{font-size:9px}.chart-status-hint{font-size:9px}.chart-brand{display:none!important}.chart-window-header{min-height:38px}.chart-data-strip{font-size:10px}.chart-indicator-value-row{font-size:10px}
.watchlist-footer-status{display:none!important}
/* Compact the readout inside this demo so the preserved 30% price margin clears it. */
.chart-pane-readout{top:6px;left:10px;gap:4px;padding:4px 6px}
.chart-pane-readout .chart-ohlc{font-size:11px;gap:6px}
.chart-pane-readout .chart-data-field{font-size:10px;min-height:12px}
.chart-pane-readout .chart-data-group{gap:3px 8px}
.chart-pane-readout .chart-legend{display:grid;grid-template-columns:repeat(2,max-content);column-gap:14px;row-gap:3px;font-size:10px;line-height:1.2}
/* Demo setup navigation is mounted beside the native symbol search. */
.chart-toolbar-top>.chart-symbol-control,.chart-toolbar-top>.chart-tool-button{flex-shrink:0}
.chart-toolbar-top>.lesson-nav{display:flex;align-items:center;gap:16px;min-width:0;flex:0 1 auto;margin:0 6px;padding:1px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--chart-border-strong) transparent}
.chart-toolbar-top>.lesson-nav[hidden]{display:none}
.lesson-group{display:flex;align-items:center;gap:3px;flex:none}
.lesson-group+.lesson-group{border-left:1px solid var(--chart-border-strong);padding-left:16px}
.group-label{font-size:9px;font-weight:750;letter-spacing:.08em;color:var(--chart-subtle);margin-right:4px}
.lesson-nav button{display:flex;align-items:center;gap:6px;padding:7px 8px;min-height:30px;background:transparent;color:var(--chart-muted);border:1px solid transparent;border-radius:5px;white-space:nowrap;font:600 11px var(--chart-font,Inter,ui-sans-serif,system-ui,sans-serif);cursor:pointer}
.setup-code{font-size:9px;font-weight:750;color:var(--chart-subtle)}
.lesson-nav button:hover{background:var(--chart-control-hover);color:var(--chart-text)}
.lesson-nav button[aria-pressed=true]{background:color-mix(in srgb,var(--chart-cyan) 12%,var(--chart-panel));border-color:color-mix(in srgb,var(--chart-cyan) 35%,var(--chart-border));color:var(--chart-cyan)}
.lesson-nav button[aria-pressed=true] .setup-code{color:var(--chart-cyan)}
.lesson-nav button:focus-visible{outline:2px solid var(--chart-focus);outline-offset:1px}
@media(max-width:1200px){.group-label{display:none}.chart-toolbar-top>.lesson-nav{gap:10px;margin:0 3px}.lesson-group+.lesson-group{padding-left:10px}.lesson-nav button{padding:7px 6px;font-size:10px}}
.chart-window,.chart-window.is-active,.watchlist-window,.watchlist-window.is-active{box-shadow:0 5px 5px #00000057!important}
/* Jack-only first layout: native windows keep their dimensions while hidden. */
[data-chart-app][data-demo-layout="loading"]:not([data-demo-charts-ready="true"]) [data-chart-window]{visibility:hidden!important}
[data-chart-app][data-demo-layout="loading"]:not([data-demo-watchlist-ready="true"]) .watchlist-window{visibility:hidden!important}
[data-chart-app] [data-workspace-surface]{container:jack-demo-surface / size}
.demo-layout-placeholder{position:absolute;inset:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr);gap:8px;pointer-events:none}
.demo-placeholder-chart,.demo-placeholder-watchlist{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--chart-border-strong);border-radius:7px;background:var(--chart-panel);box-sizing:border-box;box-shadow:0 5px 5px #00000030}
.demo-layout-placeholder header{height:38px;display:flex;align-items:center;box-sizing:border-box;padding:0 12px;border-bottom:1px solid var(--chart-border);background:var(--chart-panel-raised);color:var(--chart-text);font:600 11px var(--chart-font,Inter,system-ui,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-placeholder-price{position:absolute;inset:39px 0 0;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--chart-panel);color:var(--chart-muted);font:12px var(--chart-font,Inter,system-ui,sans-serif)}
.demo-placeholder-spinner{width:14px;height:14px;border:2px solid var(--chart-border);border-top-color:var(--chart-cyan);border-radius:50%;animation:demo-placeholder-spin 1s linear infinite}
.demo-placeholder-watchlist-body{padding:6px 0}.demo-placeholder-row{height:30px;display:grid;grid-template-columns:minmax(55px,1fr) 58px 48px;gap:12px;align-items:center;padding:0 12px;border-bottom:1px solid var(--chart-border);color:var(--chart-muted);font:600 11px var(--chart-font,Inter,system-ui,sans-serif)}
.demo-placeholder-row i{height:7px;border-radius:3px;background:var(--chart-border);opacity:.5}
.demo-layout-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
[data-chart-app]:is([data-demo-layout="ready"],[data-demo-layout="fallback"]) .demo-layout-status{display:none}
.demo-layout-placeholder[data-demo-layout-positioned="true"],.demo-layout-placeholder:has(>[data-demo-placeholder-chart][style]){display:block}
.demo-layout-placeholder[data-demo-layout-positioned="true"]>[data-demo-placeholder-chart],.demo-layout-placeholder[data-demo-layout-positioned="true"]>[data-demo-placeholder-watchlist]{position:absolute}
.demo-layout-placeholder [data-window-state="minimized"] .demo-placeholder-price,.demo-layout-placeholder [data-window-state="minimized"] .demo-placeholder-watchlist-body{display:none}
.demo-layout-placeholder [hidden]{display:none!important}
@container jack-demo-surface (width < 976px) and (width >= 648px) and (height >= 480px){.demo-layout-placeholder{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.demo-placeholder-chart[data-demo-placeholder-chart="0"]{grid-column:1;grid-row:1}.demo-placeholder-chart[data-demo-placeholder-chart="1"]{grid-column:1;grid-row:2}.demo-placeholder-watchlist{grid-column:2;grid-row:1 / span 2}}
@container jack-demo-surface (width < 648px){.demo-layout-placeholder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 40px}.demo-placeholder-watchlist{grid-column:1 / span 2;grid-row:2}.demo-placeholder-watchlist-body{display:none}}
@container jack-demo-surface (width < 976px) and (height < 480px){.demo-layout-placeholder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 40px}.demo-placeholder-watchlist{grid-column:1 / span 2;grid-row:2}.demo-placeholder-watchlist-body{display:none}}
@keyframes demo-placeholder-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.demo-placeholder-spinner{animation:none}}