.stats-panel {
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.75rem;
}

.stats-box {
  background: white;
  color: black;
  border-radius: 0.325rem;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.55;
}

.stats-box table {
  color: black;
  width: 100%;
}

.stats-box-row {
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  padding: 0.35rem 0;
  overflow-wrap: anywhere;
}

.stats-box-data-table > div {
  display: flex;
  justify-content: center;
  max-width: 100%;
  overflow-x: auto;
}

.stats-box-status,
.stats-status {
  margin: 0.5rem 0;
  min-height: 1.2em;
}

@media (max-width: 576px) {
  .stats-panel,
  .stats-box {
    padding: 0.5rem;
  }

  .stats-box-row > [class*="col-"] {
    float: none;
    width: 100%;
  }
}