/* BioBot — the one OS-level assistant entry on the desktop.
   Taskbar / menu bar only (.biobot-taskbar-btn below), which replaced the
   old "Ask BioStudio" ✦. There is no floating BioBot button.
   Desktop only: the mobile shell gets no BioBot entry. */

.biobot-fab-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--accent, #2f6bff);
  flex-shrink: 0;
}

/* Taskbar (Windows tray pill) + menu-bar (macOS) BioBot buttons. They match
   the neighbouring tray toggles so the bar reads as one strip. */
.biobot-taskbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  cursor: pointer;
  color: var(--ink, #f3f3f5);
  font: 600 12px/1 var(--font, system-ui, sans-serif);
}

.tb-biobot-btn {
  height: clamp(28px, calc(32px * var(--shell-scale, 1)), 34px);
  padding: 0 clamp(9px, calc(11px * var(--shell-scale, 1)), 12px);
  border: 1px solid var(--app-line, rgba(255, 255, 255, 0.14));
  border-radius: clamp(7px, calc(8px * var(--shell-scale, 1)), 9px);
  background: var(--tb-hover, rgba(255, 255, 255, 0.06));
}

.tb-biobot-btn:hover {
  background: var(--tb-active, rgba(255, 255, 255, 0.12));
}

.tb-biobot-btn:active {
  transform: scale(0.97);
}

.biobot-taskbar-btn-mac {
  border: none;
  background: transparent;
  padding: 2px 6px;
  font-size: 13px;
}

/* Desktop only: no taskbar BioBot on mobile. */
#os.shell-mobile .biobot-taskbar-btn {
  display: none;
}