/* ──────────────────────────────────────────────────────────────
   Tabs — inline row with bottom-border underline indicator.
   Used for content-area tabs. For drawer tabs, see .ct-drawer-tab.
   Source: docs/handoff/styles.css lines 234-260.
   ────────────────────────────────────────────────────────────── */

.wt-tabs {
  display: inline-flex;
  gap: 0;
  border-bottom: 1px solid var(--wt-border);
}
.wt-tab {
  padding: 8px 12px;
  font-family: var(--wt-font);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--wt-fg-3);
  cursor: pointer;
  border: none;
  background: transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.12s, border-color 0.12s;
}
.wt-tab:hover { color: var(--wt-fg); }
.wt-tab.is-active {
  color: var(--wt-primary);
  border-bottom-color: var(--wt-primary);
}