/* ── Logo + ticker = a switch-company dropdown on the Charts page (user, 2026-10-31: "same dropdown as the screener's
   screen name"), Attio's secondary button like #scx-screen-pick: 28px, r 8, the lift shadow, 14/500 ink, ⌄. Elsewhere
   the button is invisible (the header looks as before). Menu = .fcr-tk-m, built by js/fin-tk-switch.js. ── */
.at-ft-tk { display: inline-flex; align-items: center; gap: 8px; min-width: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: default; }
.at-ft-tk .at-ft-tkc { display: none; }
html.aiq-desk:has(#tab-charts.active) .at-ft-id .at-ft-tk:not(#_) { gap: 6px; height: 28px; padding: 4px 8px 4px 4px; border-radius: 8px; background: var(--a-bg);
  box-shadow: var(--a-btn); cursor: pointer; }
html.aiq-desk:has(#tab-charts.active) .at-ft-id .at-ft-tk:hover:not(#_) { background: var(--a-hover); }
html.aiq-desk:has(#tab-charts.active) .at-ft-id .at-ft-tk img:not(#_) { width: 20px; height: 20px; padding: 1px; border-radius: 5px; }
html.aiq-desk:has(#tab-charts.active) .at-ft-id .at-ft-tk b:not(#_) { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: -0.07px; color: var(--a-ink); }
html.aiq-desk:has(#tab-charts.active) .at-ft-id .at-ft-tk .at-ft-tkc:not(#_) { display: inline; font-size: 12px; color: var(--a-mute); }
.fcr-tk-m .fcr-tk-r { display: flex; align-items: center; gap: 8px; }
.fcr-tk-m .fcr-tk-r img, .fcr-tk-m .fcr-tk-r .fcr-tk-ph { width: 20px; height: 20px; flex: none; padding: 1px; border-radius: 5px; background: #fff; object-fit: contain;
  box-shadow: inset 0 0 0 1px var(--a-line); }
.fcr-tk-m .fcr-tk-r b { font-weight: 500; flex: none; }
.fcr-tk-m .fcr-tk-r span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--a-label, rgba(0,0,0,.63)); }