diff --git a/frontend/packages/shared/src/tabs.css b/frontend/packages/shared/src/tabs.css
new file mode 100644
index 00000000..06e5417f
--- /dev/null
+++ b/frontend/packages/shared/src/tabs.css
@@ -0,0 +1,37 @@
+/* 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 + #1464. */
+
+.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);
+}