/* ===================== standings.php ("stp-" prefix) =====================
   Moved out of standings.php's inline <style> block 2026-08-11 (continuing the page-by-page
   cleanup, see css/dyne.css's own header for the project). All static, no PHP-variable
   interpolation, so this is a clean 1:1 move. Includes standings.php's own .mainnav-header/
   .mainnav-hamburger-wrap override (same fixed-width-centering pattern as roster.php's, see
   css/roster.css's copy for the fuller explanation comment). */

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

/* Seiten-eigene Nav-Controls (Ansicht-Tabs + Saisonauswahl) exakt ueber der linken/rechten
   Kante des Seiteninhalts (.stp-page) ausrichten - identisches Prinzip wie in roster.php
   (.rh-navlocal/.rh-export-btn): die ganze fixierte Nav-Leiste wird selbst auf die
   Inhaltsbreite zentriert (statt wie im nav.php-Standard volle Viewportbreite), das
   ::before erzeugt dafuer wieder einen vollflaechigen dunklen Leisten-Hintergrund. Robuster
   als ein JS-Padding-Sync (frueherer Ansatz hier), weil die Ausrichtung rein per CSS aus der
   tatsaechlichen Breite von .stp-page folgt statt nachtraeglich berechnet werden zu muessen. */
.mainnav-header { max-width: 1360px; margin: 0 auto; position: fixed; display: flex; }
.mainnav-header::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; background-color: #2c3e50; z-index: -1; }
/* Ohne diese Regel wandert das Hamburger-Icon mit in die jetzt auf 1360px zentrierte
   .mainnav-header hinein (User-Report: Icon stand ploetzlich mittig statt am Rand) - das
   Icon wird deshalb, exakt wie in roster.php, aus dem Flex-Fluss der zentrierten Leiste
   herausgeloest und unabhaengig davon am echten linken Viewport-Rand fixiert. */
.mainnav-hamburger-wrap { position: fixed; left: 0; top: 0; z-index: 999999; }
.stp-navlocal { width: 100%; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; flex-wrap: wrap; }
/* Angeglichen an den Umschalter-Stil von profile.php (.epp-seg, User-Wunsch 2026-08-15
   "im Stil des Umschalters bei Profile.php fuer alle 4 Modi") - dunkler Pillen-Container,
   aktiver Tab bekommt eine hellere, abgesetzte Fuellung. Selektoren ueber .stp-navtabs
   .stp-navtab (2 Klassen) statt nur .stp-navtab, damit die Regeln staerker wiegen als
   nav.php's .mainnav-link-item/:hover (dessen <style>-Block spaeter im <head> steht als
   dieses <link>, bei gleicher Spezifitaet wuerde nav.php sonst gewinnen). */
.stp-navtabs { display: inline-flex; align-items: center; flex-wrap: wrap; box-sizing: border-box; background: #1a2733; border-radius: 16px; padding: 2px; gap: 2px; }
.stp-navtabs .stp-navtab { font-size: 11.5px; font-weight: 600; padding: 5px 12px; margin-right: 0; border-radius: 14px; color: #aab5c0; background: transparent; }
.stp-navtabs .stp-navtab:hover { background-color: transparent; color: #fff; }
.stp-navtabs .stp-navtab.active { background: #2c3e50; color: #fff; font-weight: 600; box-shadow: 0 0 0 1px #44525f inset; }
/* Saisonauswahl an den rechten Rand, wie der Speichern/Export-Button bei roster.php. */
.stp-season-dropdown { margin-left: auto; }
/* Angeglichen an den site-weiten Saison-Dropdown-Stil von draftpicks.php/halloffame.php
   (.dpp-select/.hof-select, User-Wunsch 2026-08-15 "gleicher Stil wie der Rest") - ersetzt
   das vorherige mainnav-thq-dropdown-Flyout. */
.stp-select { font-family: inherit; font-size: 12px; font-weight: 600; padding: 6px 10px; border-radius: 14px; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); color: #fff; }
.stp-select:hover { border-color: rgba(255,255,255,.6); }
.stp-select option { color: #1b2733; background: #fff; }

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

.stp-conf-row { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; }
.stp-conf-col { flex: 1 1 420px; min-width: 0; }
.stp-conf-heading { font-size: 13px; font-weight: 700; color: #2c3e50; margin: 0 0 6px; }

.stp-table-scroll { overflow-x: auto; }
table.stp-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; min-width: 460px; }
.stp-table thead th { background: #2c3e50; color: #fff; font-weight: 700; text-align: center; padding: 8px 6px; white-space: nowrap; }
.stp-table tbody td { padding: 6px; text-align: center; border-bottom: 1px solid #e2e4e7; vertical-align: middle; }
.stp-table tbody tr:nth-child(odd) { background: #fff; }
.stp-table tbody tr:nth-child(even) { background: #f5f6f8; }
.stp-table tbody tr:hover { background: #eaf1f8; }

.stp-table td.stp-team-cell, .stp-table th.stp-team-cell {
	position: sticky; left: 0; z-index: 1; background: inherit;
	box-shadow: 2px 0 4px rgba(0,0,0,0.06); text-align: left; padding-left: 10px;
	/* Rank(16) + Gap(8) + Logo(22) + Gap(8) + fester Chip(42) + etwas Luft - deutlich schmaler
	   als die fruehere volle-Teamname-Version (230px), da der Chip jetzt nur noch das Kuerzel
	   bei fester Breite zeigt (siehe .stp-team-chip unten). */
	min-width: 116px;
}
.stp-table thead th.stp-team-cell { background: #2c3e50; z-index: 2; }
td.stp-team-cell { display: flex; align-items: center; gap: 8px; }
.stp-rank { flex: 0 0 auto; width: 16px; text-align: center; font-weight: 700; color: #66707c; font-size: 11px; }
.stp-badge { flex: 0 0 auto; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; }
.stp-badge img { width: 18px; height: 18px; object-fit: contain; display: block; }
/* Team-Chip statt vollflaechig eingefaerbter Zelle (User-Korrektur 2026-08-15) - Pill mit
   Team-Hintergrundfarbe (inline pro Zeile, siehe stp_team_cell() in standings.php). Feste
   Breite + nur Kuerzel (User-Wunsch "alle gleich gross"), identisches Muster wie gamestats.php's
   .gsp-teamchip - voller Name haengt als title-Tooltip am Link, nicht mehr sichtbarer Text. */
.stp-team-chip { display: inline-block; width: 42px; box-sizing: border-box; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 700; letter-spacing: .02em; padding: 3px 6px; border-radius: 9px; text-decoration: none; }
.stp-team-chip:hover { filter: brightness(1.08); }

.stp-full { display: inline; }
.stp-short { display: none; }
@media (max-width: 560px) {
	.stp-full { display: none; }
	.stp-short { display: inline; }
	.stp-table { font-size: 11px; }
	/* Team-Cell braucht auf Mobile keine eigene Sonderbreite mehr - der Chip ist bereits ueberall
	   fest 42px breit (siehe .stp-team-chip), die Basisbreite oben passt auch hier. */
}

/* Angeglichen an draftpicks.php's .dpp-legend (User-Wunsch 2026-08-15 "Legende von
   draftpicks.php uebernehmen") - Grid-Box statt Flex-Zeile, zentriert, letzte Zeile
   ("Fett = Teamvalue fixiert") spannt ueber beide Spalten. Identische Werte wie .dpp-legend,
   nur unter eigenem stp-Praefix dupliziert (gleiches Muster wie cgm-/csp-team-chip). */
.stp-legend { display: grid; grid-template-columns: repeat(2, auto); justify-content: center; gap: 6px 18px; width: fit-content; max-width: 100%; margin: 16px auto 0; padding: 12px 16px; background: #f4f6f8; border: 1px solid #dde1e6; border-radius: 6px; font-size: 11.5px; color: #4a5a6b; }
.stp-legend span:last-child { grid-column: 1 / -1; justify-self: center; }
.stp-legend .sw { width: 9px; height: 9px; border-radius: 50%; display: inline-block; vertical-align: 0; margin-right: 5px; }
.stp-legend b { color: #1b2733; }
/* Teamvalue-Zelle fett hervorgehoben, wenn der Wert fest in draftpicks.teamvalue steht (User-
   Wunsch 2026-08-15, identisches Muster wie draftpicks.php's .dpp-teamvalue-fixed - hier
   bewusst OHNE die dortige color:#1b2733, da der Wert hier zusaetzlich per <font color> rot/gelb
   markiert sein kann (Lottery-Schwelle, getTeamvalueColor()) - eine eigene Textfarbe wuerde
   diese Warnfarbe ueberschreiben, siehe Spezifitaet CSS-Klasse > font-Attribut). */
.stp-teamvalue-fixed { font-weight: 800; }

@media (max-width: 767px) {
	.stp-conf-row { flex-direction: column; }
}
