/* PE-Class 11979: keep an empty recent-attendance state centered in its own card. */
html[data-pe-tab="clubs"]
#app.clubScreen
.clubOverviewCard:has(> .clubOverviewRecent > .empty) {
  display: flex;
  flex-direction: column;
}

html[data-pe-tab="clubs"]
#app.clubScreen
.clubOverviewRecent:has(> .empty) {
  display: flex;
  flex: 1 1 auto;
}

html[data-pe-tab="clubs"]
#app.clubScreen
.clubOverviewRecent > .empty {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  text-align: center;
}

html[data-pe-tab="clubs"]
body.mobileClubView
.mobileClubOverviewRecent > .mobileClubEmpty.compact {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}