.tabs {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  border-bottom: 1px solid var(--border-default);
}

.tab {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 44px;
  border-bottom: 2px solid transparent;
  color: var(--text-muted);
  font-weight: 500;
}

.tab:hover {
  color: var(--text-primary);
}

.tab--active {
  border-bottom-color: var(--brand-navy-900);
  color: var(--brand-navy-900);
  font-weight: 600;
}

.tab__count {
  min-width: 20px;
  padding: 2px 6px;
  border-radius: var(--radius-pill);
  background: var(--gray-100);
  color: var(--text-tertiary);
  font-size: var(--text-micro);
  text-align: center;
}