/* v53: readable, aligned statistics */
.stats-modal-v52 .stats-head h2 {
  font-size: 30px;
  line-height: 1.12;
}

.stats-modal-v52 .stats-head p,
.stats-modal-v52 .stats-summary-card > span,
.stats-modal-v52 .stats-metric-card > span,
.stats-modal-v52 .stats-volume-card > span,
.stats-modal-v52 .stats-volume-note span {
  font-size: 14px;
  line-height: 1.4;
}

.stats-modal-v52 .stats-tabs button {
  font-size: 14px;
}

.stats-summary-grid-v52 .stats-summary-card {
  min-height: 98px;
  padding: 14px;
}

.stats-summary-grid-v52 .stats-summary-card > strong {
  margin-top: auto;
}

.stats-overview-grid {
  align-items: stretch;
}

.stats-overview-grid > .stats-panel {
  height: 100%;
}

.stats-distribution-content {
  min-height: 172px;
}

.stats-status-list span,
.stats-status-list strong,
.stats-type-row > div:first-child {
  font-size: 13px;
  line-height: 1.35;
}

.stats-metric-card,
.stats-volume-card {
  grid-template-rows: minmax(39px, auto) auto minmax(20px, auto);
  align-content: stretch;
  min-height: 105px;
  gap: 8px;
  padding: 14px;
}

.stats-metric-card > strong,
.stats-volume-card > strong {
  align-self: center;
}

.stats-metric-card > small,
.stats-volume-card > small,
.stats-month-column > strong,
.stats-month-column > small {
  font-size: 12px;
  line-height: 1.35;
}

.stats-month-column {
  grid-template-rows: 20px 142px 20px;
}

@media (max-width: 720px) {
  .stats-modal-v52 .stats-tabs button {
    font-size: 12px;
  }

  .stats-distribution-panel .stats-panel-title > small {
    display: none;
  }
}

@media (max-width: 420px) {
  .stats-modal-v52 .stats-head h2 {
    font-size: 26px;
  }

  .stats-modal-v52 .stats-tabs button {
    font-size: 11px;
  }
}