/* tabs.css */
.tabs { display: flex; border-bottom: 1px solid var(--color-border); gap: 0; overflow-x: auto; }
.tabs__item {
  padding: var(--space-3) var(--space-5); font-size: var(--text-sm); font-weight: var(--weight-medium);
  color: var(--color-text-muted); text-decoration: none; white-space: nowrap;
  border-bottom: 2px solid transparent; transition: all var(--transition-fast); cursor: pointer;
  background: none; border-top: none; border-left: none; border-right: none; font-family: var(--font-sans);
}
.tabs__item:hover { color: var(--color-text-primary); }
.tabs__item--active {
  color: var(--color-primary); border-bottom-color: var(--color-primary); font-weight: var(--weight-semibold);
}