/* Shared tab-strip chrome — the generic tab/sub-tab styling used across
   the dashboard tabbar, the logs sub-tabs, and the agent stat-window
   selector. Behaviour lives in `@hive/shared/tabs.js` (createTabStrip).

   Colours come from the semantic theme layer (theme.css → colors.css),
   so this inherits theme-swap safety for free. Call sites keep a thin
   variant class for size/spacing deltas; richer affordances (count
   pills, the dashboard's responsive overflow ⋮ menu) layer on top in the
   per-page CSS. See docs/web-ui/css-vars.md. */

.hive-tabbar {
  display: flex;
  gap: 0.2em;
}

.hive-tab {
  display: inline-flex;
  align-items: center;
  padding: 0.35em 0.9em;
  border-radius: 4px;
  color: var(--subtext0);
  text-decoration: none;
  font-size: 0.85em;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: background 100ms, color 100ms;
}

.hive-tab:hover {
  background: var(--border);
  color: var(--fg);
}

.hive-tab--active {
  background: var(--border);
  color: var(--purple);
}