/* ─────────────────────────────────────────────
   Convert Tabs — a pill segmented control.
   Canonical replacement for the per-LP "persona switcher" (.persona-tab / .ftab).
   Use with tokens.css.
   ───────────────────────────────────────────── */

.tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  background: var(--color-surface-cream-hover);
  border: 1px solid var(--color-border-cream);
  border-radius: var(--radius-pill);
}
.tab {
  padding: 10px 20px;
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.tab:hover { color: var(--color-text-primary); }
.tab.is-active {
  background: #fff;
  color: var(--color-text-primary);
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}