/* PrJ/public/assets/css/views/teams.css */

/* --- Teams Ranking Tabelle (Erbt viel von league-table in app.css) --- */

/* Spezielle Spaltenbreiten für Ranking */
#team-ranking-table th.rank-col {
    width: 6%; 
    min-width: 25px;
    font-weight: 700;
    font-size: var(--font-size-xs);
    
}
#team-ranking-table td.rank-col {
    width: 6%; 
    min-width: 25px;
    font-weight: 700;
    font-size: var(--font-size-xs);
    /*color: var(--brand-orange); /* Hebt den Rang optisch hervor */
}
/* 1. Weist allen "geraden" Gruppen (2, 4, 6...) die Signalfarbe zu */
.data-table .col-group-odd {
  /*color: var(--brand-orange); /* Ein klares Orange */
  font-weight: 600; /* Optional: Macht die Ränge fett */
}

/* 2. "Ungerade" Gruppen (1, 3, 5...) bekommen keine Regel 
      und behalten die Standard-Schriftfarbe (weiß). */
/*.data-table .col-group-odd {
  /* color: #ffffff; */ /* (Nicht nötig, erbt die Standardfarbe) */
/*}

/* 3. Fügt eine Trennlinie RECHTS von Spalten hinzu, 
      die eine Gruppe abschließen. */
.data-table .col-group-separator {
  /* Passt die Farbe an Ihre dunkle UI an */
  border-right: 2px solid #4a4a4a; 
}

/* Stellt sicher, dass Team-Highlight auch im Teams-Ranking funktioniert */
/*#teams-content-wrapper .data-table.league-table tbody tr.is-highlighted td {
     /* Verwendet die globalen Regeln von app.css */
/*}

/* --- Sustainability Tabelle --- */

/*#sustainability-table-container {
    /* Fügt visuellen Container-Stil hinzu, falls nicht schon durch Tailwind erledigt */
/*}

/* --- Sustainability Graph --- */

#sustainability-graph-container {
  min-height: 350px;
  height: 60vh;  /* oder 500px */
}

#sustainability-graph-container > div,
#sustainability-graph-container canvas {
  height: 100% !important;
  width: 100% !important;
}
/* Sicherstellen, dass das Canvas im Dark Mode dunkle Achsen hat (Chart.js-Konfiguration ist besser) */
/* Kann mit Chart.js Theme-Optionen oder spezifischem CSS gemacht werden */