.playhq-first-season-panel {
  margin-top: 0.75rem;
}

/* Import-step rows that need no attention: an unchanged row still has to
   be there (its choices are re-posted on confirm) but should not compete
   with the rows that actually changed, which sort above it. */
.playhq-unchanged {
  opacity: 0.72;
}

.playhq-all-unchanged {
  color: var(--md-sys-color-on-surface-variant);
  font-size: var(--meta-size);
}

.playhq-unchanged-details {
  margin: 0.75rem 0;
  color: var(--md-sys-color-on-surface-variant);
  font-size: var(--meta-size);
}

.playhq-unchanged-details > summary {
  cursor: pointer;
  padding: 0.35rem 0;
}

/* Global Admin home — aggregate-only operational summary cards. */
.global-admin-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: 1rem;
}

.global-admin-summary-card {
  display: grid;
  min-width: 0;
  gap: 0.5rem;
  padding: 1rem;
  color: inherit;
  text-decoration: none;
  background: var(--md-sys-color-surface-container-low);
  border: 1px solid var(--md-sys-color-outline-variant);
  border-radius: var(--md-sys-shape-corner-medium);
  transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.global-admin-summary-card:hover {
  /* surface-container sits within 0.3 L* of the retuned page background,
     so this hover state would be invisible against it — these cards sit
     directly on the page. Steps to the next tier down instead. */
  background: var(--md-sys-color-surface-container-high);
  border-color: var(--md-sys-color-primary);
  transform: translateY(-1px);
}

.global-admin-summary-card:focus-visible {
  outline: 3px solid var(--md-sys-color-primary);
  outline-offset: 3px;
}

.global-admin-summary-label {
  color: var(--md-sys-color-on-surface-variant);
  font-size: var(--meta-size);
  font-weight: var(--meta-strong-weight);
  line-height: var(--meta-line-height);
}

.global-admin-summary-value {
  color: var(--md-sys-color-on-surface);
  font-size: var(--display-size);
  font-weight: var(--display-weight);
  line-height: 1.2;
}

.global-admin-summary-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
}

.global-admin-summary-values div {
  min-width: 0;
}

.global-admin-summary-values dt {
  color: var(--md-sys-color-on-surface-variant);
  font-size: var(--meta-size);
}

.global-admin-summary-values dd {
  margin: 0.15rem 0 0;
  color: var(--md-sys-color-on-surface);
  font-size: var(--md-sys-typescale-title-large-size);
  font-weight: var(--md-sys-typescale-title-large-weight);
}

.global-admin-summary-detail {
  margin-top: auto;
  color: var(--md-sys-color-on-surface-variant);
  font-size: var(--meta-size);
  line-height: var(--meta-line-height);
}