/* 17. Lineage / Lifecycle */

.lineage {
  display: grid;
  gap: 7px;
}

.node {
  padding: 10px var(--space-3);
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
  display: flex;
  justify-content: space-between;
}

.arrow {
  text-align: center;
  color: var(--muted);
}

.entity-path {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap: 9px;
  margin: 15px 0;
}

.entity-path button {
  white-space: normal;
  line-height: 1.7;
  text-align: start;
}

.entity-path small {
  display: block;
  direction: ltr;
  text-align: left;
  overflow-wrap: anywhere;
  color: var(--muted);
}

.lifecycle {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin: 15px 0;
}

.lifecycle span {
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: 7px;
  font-size: 12px;
}

.lifecycle .current {
  color: var(--gold);
  border-color: var(--gold);
}

.timeline-item {
  border-right: 2px solid var(--gold);
  padding: var(--space-2) 14px;
  margin: 10px 0;
}