.tenant-table-head,
.tenant-row {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 100px 90px 150px;
  gap: 10px;
  align-items: center;
}

.tenant-table-head {
  padding: 9px 18px;
  background: #f3f4f5;
  color: #858a91;
  font-size: 8px;
}

.tenant-rows {
  max-height: 510px;
  overflow: auto;
}

.tenant-row {
  padding: 13px 18px;
  border-top: 1px solid #e7e9eb;
}

.tenant-row b,
.tenant-row small {
  display: block;
}

.tenant-row b {
  font-size: 9px;
}

.tenant-row small,
.tenant-row time {
  margin-top: 4px;
  color: #8b9097;
  font-size: 7px;
}

.tenant-row em {
  justify-self: start;
  border-radius: 10px;
  background: #edf4e9;
  padding: 4px 7px;
  color: #50753d;
  font-size: 7px;
  font-style: normal;
}

.member-table-head,
.member-row {
  grid-template-columns: minmax(210px, 1.2fr) minmax(160px, 1fr) 80px 110px 215px;
}

.member-actions {
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .member-table-head {
    display: none;
  }

  .member-row {
    grid-template-columns: 1fr auto;
  }

  .tenant-table-head {
    display: none;
  }

  .tenant-row {
    grid-template-columns: 1fr auto;
    padding: 13px;
  }

  .tenant-row time {
    grid-column: 1 / -1;
  }
}