/* Standard-Tabelle (Overview) */

table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 1150px;
  max-width: 95vw;
  margin: 0 auto;
  font-size: 0.8rem;
  line-height: 1.25;
}

/* Kopfzeile Overview */

thead {
  position: sticky;
  top: 0;
  z-index: 1000;
}

thead tr th {
  position: sticky;
  top: 0;
  z-index: 1001;
  background: linear-gradient(135deg, #01130F, #033026);
  color: #f9fafb;
  border-bottom: 2px solid rgba(56, 189, 248, 0.9);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.55rem 0.8rem 0.7rem;
  text-align: center;
}

/* Spieler-Header (Overview) */

.player-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

.player-avatar {
  width: 45px;
  height: 45px;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.player-name {
  display: none;
  font-size: 0.7rem;
  font-weight: 500;
  text-transform: none;
}

/* Zellen Overview */

th,
td {
  padding: 0.6rem 0.9rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

td {
  white-space: normal;
}

/* Zeilenfarben */

tbody tr:nth-child(even) {
  background: rgba(0, 40, 32, 0.85);
}

tbody tr:nth-child(odd) {
  background: rgba(0, 31, 24, 0.95);
}

tbody tr:hover {
  background: rgba(56, 189, 248, 0.12);
}

/* Erste Spalte Overview: sticky + Balken */

td:first-child,
th:first-child {
  position: sticky;
  left: 0;
  z-index: 500;
  background: linear-gradient(180deg, #021812, #023428);
  font-weight: 500;
  color: #f9fafb;
  box-shadow: 4px 0 10px rgba(0, 0, 0, 0.8);
}

td:first-child::before,
th:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #38bdf8, #22c55e);
}

/* Farbcodierung Spalten 2–7 (Overview) */

td:nth-child(2),
th:nth-child(2) { color: #d4853f; }

td:nth-child(3),
th:nth-child(3) { color: #CB4ACE; }

td:nth-child(4),
th:nth-child(4) { color: #ff69b4; }

td:nth-child(5),
th:nth-child(5) { color: #21a589; }

td:nth-child(6),
th:nth-child(6) { color: #e0e879; }

td:nth-child(7),
th:nth-child(7) { color: #8ed2f2; }

/* Zwischenüberschriften-Zeilen (Section-Row) */

.section-row td {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.8rem;
  padding: 0.5rem 0.9rem;
  background: #001A14;
  color: #e5e7eb;
  border-top: 1px solid rgba(0, 0, 0, 0.45);
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
  text-align: center;
  z-index: 200;
}