.platform-list-card {
  padding: 0;
  overflow: hidden;
}

.platform-list-card .platform-section-head {
  margin: 0;
  padding: 16px 18px;
  border-bottom: 1px solid #e2ebe4;
}

.platform-data-table {
  display: grid;
  min-width: 0;
}

.platform-table-head,
.platform-table-row {
  display: grid;
  gap: 12px;
  align-items: center;
}

.platform-table-head {
  min-height: 36px;
  padding: 0 18px;
  border-bottom: 1px solid #e2ebe4;
  background: #fbfdfb;
  color: #65766b;
  font-size: 12px;
  font-weight: 800;
}

.platform-table-row {
  min-height: 54px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #e2ebe4;
  padding: 10px 18px;
  background: #ffffff;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.platform-table-row:last-child {
  border-bottom: 0;
}

.platform-table-row:hover {
  background: #f4faf6;
}

.platform-table-row strong,
.platform-table-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-table-row span {
  color: #65766b;
}

.platform-table-row strong {
  color: #24332d;
}

.platform-organization-table .platform-table-head,
.platform-organization-table .platform-table-row {
  grid-template-columns:
    minmax(170px, 1.3fr)
    minmax(130px, 0.8fr)
    minmax(180px, 1.1fr)
    repeat(5, minmax(74px, 0.42fr));
}

.platform-studio-table .platform-table-head,
.platform-studio-table .platform-table-row {
  grid-template-columns:
    minmax(180px, 1.2fr)
    minmax(150px, 0.9fr)
    minmax(120px, 0.7fr)
    minmax(140px, 0.8fr)
    minmax(100px, 0.6fr)
    minmax(96px, 0.5fr);
}

.platform-pill {
  display: inline-flex;
  justify-content: center;
  min-height: 26px;
  width: fit-content;
  max-width: 100%;
  border: 1px solid #dce7de;
  border-radius: 999px;
  padding: 4px 9px;
  background: #f4faf6;
  color: #315140;
  font-size: 12px;
  font-weight: 800;
}

.platform-pill.muted {
  background: #ffffff;
  color: #65766b;
}

.platform-number-cell {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1080px) {
  .platform-data-table {
    overflow-x: auto;
  }

  .platform-organization-table .platform-table-head,
  .platform-organization-table .platform-table-row {
    min-width: 900px;
  }

  .platform-studio-table .platform-table-head,
  .platform-studio-table .platform-table-row {
    min-width: 760px;
  }
}