/* slim research bar injected above aIware's prediction-map viewer; uses the viewer's own --bg/--fg/--line/--accent */
.research-bar { display: flex; justify-content: space-between; align-items: center; gap: 0.6rem; flex-wrap: wrap;
  padding: 0.4rem 16px; border-bottom: 1px solid var(--line); background: var(--bg); font: 15px/1.4 system-ui, sans-serif; }
.research-bar a { color: var(--accent); text-decoration: none; margin-right: 0.6rem; min-height: 44px; display: inline-flex; align-items: center; }
.research-bar span { display: flex; align-items: center; }
.research-bar .theme-toggle { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); background: var(--card, var(--bg));
  color: var(--fg); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.research-bar .tt-icon { width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor;
  background: linear-gradient(90deg, currentColor 50%, transparent 50%); }
:root[data-theme="light"] .research-bar .tt-icon { background: transparent; }
:root[data-theme="dark"] .research-bar .tt-icon { background: currentColor; }
.research-bar .theme-toggle:focus-visible, .research-bar a:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

/* dark accent: muted rust instead of the viewer's full-saturation orange (MG 2026-10-19) */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --accent: #e8946a; } }
:root[data-theme="dark"] { --accent: #e8946a; }