/* ═══════════════════════════════════════════════════════════════════════
   ARTEMIS CHROME — the canonical firm switch, 1:1 with Artemis.
   Lifted verbatim from Sales Dashboard V3 (style.css .global-toolbar +
   .firm-switch + .firm-btn, polish.css .fs-thumb sliding thumb). Every
   Mythos module mounts THIS, so the firm scope reads identically everywhere.
   ═════════════════════════════════════════════════════════════════════ */

/* ── Global toolbar (firm switch lives here, below the nav) ───────────── */
.global-toolbar {
  display: flex; align-items: center; gap: 16px;
  padding: 8px 24px; background: var(--bg-card);
  border-bottom: 0.5px solid var(--border-light);
  position: sticky;
  top: calc(var(--header-height) + var(--nav-height, 44px));
  z-index: 80;
}
.global-toolbar .gt-spacer { flex: 1; }
.global-toolbar .gt-label { font-size: 11.5px; color: var(--text-secondary); letter-spacing: -0.1px; }
.global-toolbar .gt-count { font-size: 11.5px; color: var(--text-tertiary); font-variant-numeric: tabular-nums; }

/* ── Firm switch (Ambele / CMC / AMS) — physical sliding thumb ────────── */
.firm-switch {
  position: relative;
  display: inline-flex; align-items: center;
  background: var(--bg-page); border-radius: 9px;
  padding: 2px; gap: 2px; flex-shrink: 0;
}
.firm-btn {
  position: relative; z-index: 2;
  border: none; background: transparent; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 500;
  padding: 5px 14px; border-radius: 7px;
  color: var(--text-secondary); transition: color 0.18s;
  letter-spacing: -0.2px;
}
.firm-btn:hover:not(.active) { color: var(--text-primary); }
.firm-btn.active { color: var(--text-primary); background: transparent; box-shadow: none; }
.fs-thumb {
  position: absolute; top: 2px; bottom: 2px;
  background: var(--bg-card); border-radius: 7px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0.5px 1px rgba(0,0,0,0.08);
  transition: left 0.24s cubic-bezier(0.16,1,0.3,1), width 0.24s cubic-bezier(0.16,1,0.3,1);
  z-index: 1; pointer-events: none; opacity: 0;
}
.fs-thumb.ready { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .fs-thumb { transition: none; } }

.toolbar-sep { width: 1px; height: 22px; background: var(--border-medium); flex-shrink: 0; }

/* ── Firm spread — two presence dots (orange CMC · blue AMS) ──────────── */
/* The Atlas "spread": at a glance, which firms carry this article. */
.firm-spread { display: inline-flex; align-items: center; gap: 6px; }
.firm-spread .fdot {
  width: 9px; height: 9px; border-radius: 50%; flex: none;
  position: relative;
}
.firm-spread .fdot.cmc { background: var(--brand-orange); }
.firm-spread .fdot.ams { background: var(--accent); }
.firm-spread .fdot.off { background: transparent; box-shadow: inset 0 0 0 1.5px var(--border-medium); }
.firm-spread .fs-lbl { font-size: 11px; color: var(--text-tertiary); letter-spacing: -0.1px; }

/* legend dots reuse the same colors */
.firm-key { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: var(--text-secondary); }
.firm-key .fdot { width: 8px; height: 8px; border-radius: 50%; }
.firm-key .fdot.cmc { background: var(--brand-orange); }
.firm-key .fdot.ams { background: var(--accent); }