.relation-page .relation-mini-progress {
  width: 100%;
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf2;
}

.relation-page .relation-mini-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--entity-accent, #886ab5);
}

.relation-page .relation-candidate-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.relation-page .relation-candidate-filters select {
  min-width: 126px;
}

.relation-page .relation-run-table th:nth-child(1) { width: 13%; }
.relation-page .relation-run-table th:nth-child(2) { width: 9%; }
.relation-page .relation-run-table th:nth-child(3) { width: 15%; }
.relation-page .relation-run-table th:nth-child(4) { width: 10%; }
.relation-page .relation-run-table th:nth-child(5) { width: 14%; }
.relation-page .relation-run-table th:nth-child(6) { width: 9%; }
.relation-page .relation-run-table th:nth-child(7) { width: 11%; }
.relation-page .relation-run-table th:nth-child(8) { width: 19%; }

.relation-page .relation-candidate-table th:nth-child(1) { width: 4%; }
.relation-page .relation-candidate-table th:nth-child(2) { width: 14%; }
.relation-page .relation-candidate-table th:nth-child(3) { width: 12%; }
.relation-page .relation-candidate-table th:nth-child(4) { width: 14%; }
.relation-page .relation-candidate-table th:nth-child(5) { width: 8%; }
.relation-page .relation-candidate-table th:nth-child(6) { width: 8%; }
.relation-page .relation-candidate-table th:nth-child(7) { width: 9%; }
.relation-page .relation-candidate-table th:nth-child(8) { width: 31%; }

.relation-page .relation-predicate {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid #d9dfe7;
  border-radius: 999px;
  color: #4b5563;
  background: #f7f8fa;
  font-size: .59rem;
  font-weight: 700;
}

.relation-page .relation-add-panel {
  margin-bottom: 16px;
}

.relation-page .relation-add-panel > footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}