/* public/css/app.css */
body {
  background-color: #0b0d10;
  color: #e9ecef;
  padding-top: 56px;
}
.card.text-dark {
  background-color: #f8f9fa;
}
.table-dark th, .table-dark td {
  vertical-align: middle;
}

.stat-card {
  min-width: 160px;
  max-width: 220px;
}
.stat-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #555;
}
.stat-value {
  font-size: 1.3rem;
  font-weight: bold;
}

.timeZoneTxt {
  color: #e9ecef !important;
}

.match-stat-card {
  min-width: 140px;
  max-width: 200px;
  border-radius: 0.5rem;
}

/* Labels und Werte */
.match-stat-card .stat-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #000000;
}

.match-stat-card .stat-value {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000000;
}

/* Dezente Farbpalette */
.bg-wins { background-color: #4CAF50; }      /* sanftes Grün */
.bg-kills { background-color: #E57373; }     /* mildes Rot */
.bg-matches { background-color: #64B5F6; }   /* helles Blau */
.bg-duration { background-color: #9575CD; }  /* sanftes Lila */
.bg-mode { background-color: #9E9E9E; }      /* neutral Grau */

/* Mobile Karten: zwei pro Reihe */
.mobile-card {
  flex: 0 0 calc(50% - 0.5rem); /* 50% minus halber gap, damit zwei nebeneinander passen */
  margin-bottom: 0.5rem;
  box-sizing: border-box; /* verhindert, dass Padding die Breite überschreitet */
}

.account-card {
  border-radius: 0.5rem;
}

/* Optional: ein wenig Schatten für bessere Lesbarkeit */
.account-card .card-body {
  background-color: #f8f9fa10; /* leicht transparent auf dunkel */
}

/* Mobile/desktop Abstände sind schon durch mb-1, mb-2, mt-auto geregelt */