/* One quiet toolbar; zoom and navigation are disclosed only when needed. */
.mc-chart-toolbar{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;order:3;margin:12px 0 16px;padding:8px;background:var(--panel,#fff);border:1px solid var(--line,#cbd5df);border-radius:12px;font-size:.75rem}
.mc-chart-style{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:8px;background:var(--bg,#f0f3f4)}
.mc-chart-style button,.mc-chart-explore summary,.mc-chart-zoom button{font:inherit;min-height:36px;padding:6px 12px;border:0;border-radius:6px;background:transparent;color:var(--text,#142736);cursor:pointer}
.mc-chart-style button[aria-pressed="true"]{background:#006c78;color:#fff;box-shadow:0 1px 4px #0002;font-weight:700}
.mc-chart-toolbar button:disabled{opacity:.4;cursor:default}
.mc-chart-toolbar button:focus-visible,.mc-chart-explore summary:focus-visible{outline:2px solid var(--accent,#007f8b);outline-offset:2px}
.mc-chart-style-note{color:var(--muted,#64748b);font-size:.72rem;line-height:1.5}
.mc-chart-unavailable{flex-basis:100%;padding:0 4px}
.mc-chart-explore{position:relative;margin-left:auto;align-self:center}
.mc-chart-explore summary{display:flex;align-items:center;gap:8px;list-style:none;border:1px solid var(--line,#cbd5df);user-select:none}
.mc-chart-explore summary::-webkit-details-marker{display:none}
.mc-chart-explore summary::after{content:'⌄';font-size:1rem}
.mc-chart-explore[open] summary{background:var(--bg,#f0f3f4)}
.mc-chart-zoom{position:absolute;right:0;top:calc(100% + 8px);z-index:8;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;width:264px;max-width:calc(100vw - 64px);box-sizing:border-box;padding:12px;border:1px solid var(--line,#cbd5df);border-radius:12px;background:var(--panel,#fff);box-shadow:0 8px 24px #0002}
.mc-chart-explore:not([open])>.mc-chart-zoom{display:none}
.mc-chart-zoom-group{display:flex;gap:4px}
.mc-chart-zoom button{min-width:36px;background:var(--bg,#f0f3f4);padding:6px 10px}
.mc-chart-zoom .mc-chart-style-note{flex-basis:100%}
.mc-chart-ohlc{display:block;flex-basis:100%;line-height:1.6;font-size:.75rem;color:var(--muted,#64748b)}
.cm-chart-stage .mc-chart-toolbar{--panel:var(--cm-bg);--text:var(--cm-text);--line:var(--cm-border);--muted:var(--cm-muted)}
.mc-chart-status{color:var(--muted,#64748b);font-size:.75rem;line-height:1.6}
/* The modal's flex summary must respect the native hidden state. */
.macro-chart-summary[hidden],.macro-chart-source[hidden]{display:none!important}

/* Companion uses the same summary, axes, markers and controls as Command. */
.cm-chart-stage.mc-etf-history{--panel:var(--cm-bg);--text:var(--cm-text);--muted:var(--cm-muted);--line:var(--cm-border);--bg:color-mix(in srgb,var(--cm-text) 5%,var(--cm-bg));color:var(--cm-text)}
.cm-chart-stage .mc-etf-price-row>strong{font-size:2rem}
.cm-chart-stage .mc-etf-marker-legend{gap:6px 12px}