.ui-icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: none;
}

.main-nav a {
  display: flex;
  align-items: center;
  gap: 7px;
}

.main-nav .ui-icon {
  width: 17px;
  height: 17px;
}

.table-identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.table-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  color: var(--brand-dark);
  background: var(--brand-soft);
  box-shadow: inset 0 0 0 1px rgba(18, 110, 99, .09);
}

.table-icon .ui-icon {
  width: 25px;
  height: 25px;
}

.table-identity-link {
  gap: 9px;
  font-weight: 750;
  color: var(--brand);
}

.row-icon {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 9px;
  flex: none;
}

.row-icon .ui-icon {
  width: 17px;
  height: 17px;
}

.row-icon-person {
  background: #edf1ff;
  color: #4457a6;
}

.row-icon-organisation {
  background: var(--brand-soft);
  color: var(--brand-dark);
}

.row-icon-record {
  background: #fff3e0;
  color: #8a4b08;
}

.data-table td:first-child a.table-identity-link {
  display: inline-flex;
}

.page-header h1 .table-identity {
  gap: 13px;
}