.usage-table-card {
  display: flex;
  flex-direction: column;
  border: 1px solid $color-border;
  border-radius: 4px;
  background-color: $primary-light-gray;
  padding: 8px;
  overflow-x: auto;
}

.table-row {
  display: flex;
  border-radius: 4px;
  min-width: 600px;

  &:not(:last-child) {
    margin-bottom: 2px;
  }
  &:not(.thead) {
    background-color: $white-100;
    .table-cell {
      padding: 12px 16px;
      &:first-child {
        color: $color-heading;
      }
    }
  }
}

.table-cell {
  flex: 1;
  padding: 8px 16px;
  color: $color-text;
  //   white-space: nowrap;

  &:not(:first-child) {
    text-align: right;
  }
  &:last-child {
    font-weight: 600;
  }
}

.table-row:last-child .table-cell {
  border-bottom: none;
}

.table-cell:last-child {
  border-right: none;
}