/* ===================== powerrankings.php ("pwr-" prefix, added 2026-08-31) =====================
   Mirrors standings.php's ("stp-" prefix) nav-local/table pattern (see css/standings.css's own
   header comments for the full derivation of the JS-sync/flex-scroll techniques reused here
   verbatim) - own prefix per design-system.md convention rather than reusing stp- directly, since
   this is its own page with its own (single, non-conference-split) table shape. */

.pwr-page { max-width: 1360px; margin: 0 auto; background: #ffffff; }

.pwr-navlocal { flex: 0 0 auto; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; }
.pwr-navtabs { display: inline-flex; align-items: center; flex-wrap: wrap; box-sizing: border-box; background: #1a2733; border-radius: 16px; padding: 2px; gap: 2px; }
.pwr-navtabs .pwr-navtab { font-size: 11.5px; font-weight: 600; padding: 5px 12px; margin-right: 0; border-radius: 14px; color: #aab5c0; background: transparent; }
.pwr-navtabs .pwr-navtab:hover { background-color: transparent; color: #fff; }
.pwr-navtabs .pwr-navtab.active { background: #2c3e50; color: #fff; font-weight: 600; box-shadow: 0 0 0 1px #44525f inset; }
.pwr-navtab-empty { font-size: 11.5px; font-weight: 600; padding: 5px 12px; color: #aab5c0; }
.pwr-season-dropdown { margin-left: auto; }

.pwr-content { padding: 16px 20px 26px; box-sizing: border-box; }

/* display:flex + table{flex:0 0 auto} statt table{width:100%} - identische Begruendung wie
   .stp-table-scroll (css/standings.css): sonst greift overflow-x:auto auf dem Scroll-Container nie.
   justify-content:center zentriert die (schmale, einspaltige) Tabelle im Content-Bereich - anders
   als standings.php (2 nebeneinander liegende Conference-Tabellen) gibt es hier nur die eine
   Tabelle, die sonst am linken Rand kleben wuerde. */
.pwr-table-scroll { display: flex; justify-content: center; overflow-x: auto; }
table.pwr-table { flex: 0 0 auto; border-collapse: separate; border-spacing: 0; font-size: 12px; }
.pwr-table thead th { background: #2c3e50; color: #fff; font-weight: 700; text-align: center; padding: 8px 6px; white-space: nowrap; }
.pwr-table tbody td { padding: 6px; text-align: center; border-bottom: 1px solid #e2e4e7; vertical-align: middle; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pwr-table tbody tr:nth-child(odd) { background: #fff; }
.pwr-table tbody tr:nth-child(even) { background: #f5f6f8; }
.pwr-table tbody tr:hover { background: #eaf1f8; }

/* Platzierung (inkl. optionaler "(+2)"-Aenderungsanzeige) und Team-Chip als 2 eigene Spalten
   (User-Wunsch 2026-08-31), gemeinsame Kopfzeile per colspan="2" - kein Sticky mehr noetig, die
   Tabelle hat nur 4 schmale Spalten insgesamt und braucht praktisch nie horizontales Scrollen
   (anders als standings.php mit deutlich mehr Statistik-Spalten). */
.pwr-rank-cell { width: 1%; white-space: nowrap; text-align: center; font-weight: 700; color: #66707c; }
.pwr-rank-change { font-weight: 700; }
.pwr-table td.pwr-team-cell { text-align: left; padding-left: 10px; width: 1%; white-space: nowrap; }
td.pwr-team-cell { display: flex; align-items: center; gap: 8px; }
.pwr-rank-up { color: #1a7a1a; }
.pwr-rank-down { color: #b00000; }
.pwr-rank-same { color: #8a94a0; }

.pwr-empty { padding: 24px; text-align: center; color: #4a5a6b; font-size: 13px; background: #f4f6f8; border: 1px solid #dde1e6; border-radius: 6px; }

.pwr-full { display: inline; }
.pwr-short { display: none; }
@media (max-width: 560px) {
	.pwr-full { display: none; }
	.pwr-short { display: inline; }
	.pwr-table { font-size: 11px; }
}