/* ===================== 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. */

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

/* Seiten-eigene Nav-Controls (Ansicht-Tabs links, Saisonauswahl rechts) exakt ueber der
   linken/rechten Kante von .stp-content ausrichten. Bis 2026-08-16 zentrierte dieser Block
   die ganze fixierte .mainnav-header selbst auf max-width:1360px (analog zu roster.php) statt
   des nav.php-Standards (volle Viewportbreite) - das ging aber davon aus, dass #content
   zuverlaessig auf dieselben 1360px kommt wie .stp-page es vorgibt. Tut es nicht: #content
   ist ein Flex-Item von .layoutBoundary mit computed flex-basis:0px, wodurch #content trotz
   .stp-page{max-width:1360px} tatsaechlich nur auf ~1080px landet (siehe dieselbe Herleitung
   bei #content.dpp-page/.drr-page/.dht-page in css/dyne.css) - die auf 1360px zentrierte
   Leiste passte dadurch nie zur echten Inhaltsbreite (User-Report 2026-08-16: Saisonauswahl
   stand "leicht rechts vom Inhalt", Ansicht-Tabs entsprechend leicht links davon). Ersetzt
   durch den JS-Padding+Width-Sync
   (stpSyncNavLocal() in standings.php, vor </body>) - robust unabhaengig von #content's
   tatsaechlicher Breite, weil er sie zur Laufzeit misst statt sie per CSS-Zahl zu erraten.
   .mainnav-header/.mainnav-hamburger-wrap/.ntf-badge-wrap brauchen dadurch KEINE
   Sonderbehandlung mehr - der nav.php-Standard (volle Viewportbreite) greift jetzt wieder
   unveraendert, inkl. korrekt rechtsbuendigem Notifications-Icon. */
.stp-navlocal { flex: 0 0 auto; box-sizing: border-box; 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; }
/* .stp-select styling: merged into the shared ".season-select, ..." rule in css/dyne.css
   (consolidated 2026-08-23, was byte-identical to .dpp-select/.hof-select/etc.). */

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

.stp-conf-row { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; }
/* West-/East-Farbschema (User-Wunsch 2026-08-23, "Option C" aus mockup_standings_conf_colors.html):
   teaminfo hat keine eigene Konferenz-Farbspalte (nur teaminfo.conference als reine west/east-
   Zuordnung), die Akzentfarben (--stp-west/--stp-east) kommen direkt aus teaminfo.color1 fuer
   team_abr='WEST'/'EAST' (#C9082A / #17408B, offizielle NBA-Konferenzfarben) - das matcht auch
   die bereits vorhandenen Konferenz-Logos (img/logos/normal/west.png ist rot, east.png ist blau,
   siehe auch playoff_seeding.php). Eine erste Version mit frei geschaetzten (und vertauschten)
   Farben (User-Report 2026-08-23 "Du hast die Farben vertauscht!") stand dazu im Widerspruch -
   der Streifen/Unterstrich neben dem jeweiligen Logo muss dessen Farbfamilie treffen, sonst
   wirkt es falsch. Bewusst dezent gehalten (Seitenstreifen + Unterstrich statt eingefaerbter
   Kopfzeile), damit die Tabellenkopfzeile navy bleibt - konsistent mit Gesamt-/Draft-/FA-Ansicht. */
:root {
	--stp-west: #C9082A;
	--stp-east: #17408B;
}
.stp-conf-col { flex: 1 1 420px; min-width: 0; border-left: 4px solid; border-radius: 6px; padding: 12px 12px 4px; background: #fafbfc; }
.stp-conf-col-west { border-left-color: var(--stp-west); }
.stp-conf-col-east { border-left-color: var(--stp-east); }
/* Konferenz-Logo (img/logos/normal/west.png bzw. east.png) vor der Ueberschrift - identisches
   Asset/Groesse wie playoff_seeding.php's .pls-panel-head (dort bereits fuer denselben Zweck im
   Einsatz, siehe dortiger Kommentar). */
.stp-conf-heading { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2c3e50; margin: 0 0 8px; padding-bottom: 6px; border-bottom: 2px solid; }
.stp-conf-heading img { height: 20px; display: block; }
.stp-conf-col-west .stp-conf-heading { border-bottom-color: var(--stp-west); }
.stp-conf-col-east .stp-conf-heading { border-bottom-color: var(--stp-east); }

/* display:flex + table{flex:0 0 auto} statt table{width:100%} (User-Report 2026-08-23: "im Conf
   Mode sind die Tabellen nicht nach rechts scrollbar") - width:100%/auto/fit-content auf einer
   <table> schrumpft bei table-layout:auto NIE zuverlaessig unter die Containerbreite, das Layout
   fuellt laut Spec immer auf "das Groessere aus Containing-Block-Breite und GRIDmin" auf, egal
   welches width-Keyword auf der Tabelle selbst steht - dadurch konnte .stp-table-scrolls
   overflow-x:auto nie greifen, die Spalten quetschten sich in der zweispaltigen Conference-Ansicht
   stattdessen einfach zusammen (bei Gesamt/Draft/FA als Vollbreiten-Tabelle faellt das kaum auf,
   war aber vom selben Bug betroffen). Identischer, bereits bewaehrter Fix wie .dpp-table-scroll/
   .drr-table-scroll (siehe deren Kommentare in css/dyne.css fuer die volle Herleitung): die Tabelle
   in einen Flex-Container packen - Flex-Items schrumpfen per Default (flex-grow:0) auf ihre
   Content-Groesse und umgehen damit die tabellenspezifische Breitenberechnung komplett. */
.stp-table-scroll { display: flex; overflow-x: auto; }
table.stp-table { flex: 0 0 auto; border-collapse: separate; border-spacing: 0; font-size: 12px; }
.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; white-space: nowrap; }
.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;
	/* width:1% (User-Report 2026-08-16: Team-Spalte "braucht viel zu viel Platz und hat viel zu
	   viel Leerraum") haelt die Spalte auf ihre Content-Mindestbreite statt einen Anteil an
	   ueberschuessigem Platz zu beanspruchen (identisches Muster wie .dpp-team-col in
	   draftpicks.php). Seit dem Wechsel von table.stp-table{width:100%} auf {flex:0 0 auto}
	   (2026-08-23, siehe Kommentar bei .stp-table-scroll oben) gibt es ohnehin kaum noch
	   "ueberschuessigen" Platz zu verteilen, width:1% bleibt trotzdem als zusaetzliche
	   Absicherung bestehen. min-width:116px ist das eigentliche Sicherheitsnetz. */
	width: 1%;
	white-space: nowrap;
}
.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; }
/* Badge/Chip: .team-chip-badge/.team-chip (css/dyne.css, "shared, consolidated 2026-08-22") statt
   eigener .stp-badge/.stp-team-chip-Klassen - Team-Hintergrundfarbe bleibt inline pro Zeile (siehe
   stp_team_cell() in standings.php). Voller Name haengt als title-Tooltip am Link. */

.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; }

/* Legende fuer Conference-/Gesamt-Tabellen (GP/W/L/Win%/SOS/SORS) - eigene Klasse statt
   .stp-legend wiederzuverwenden, da dessen span:last-child-Regel (fuer die zentrierte
   "Fett = Teamvalue fixiert"-Zeile im Draft-Legend gedacht) hier den letzten Eintrag (SORS)
   faelschlich ueber beide Spalten spannen wuerde - hier sind alle 6 Eintraege gleichrangig. */
.stp-stat-legend { display: grid; grid-template-columns: repeat(3, 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-stat-legend b { color: #1b2733; }
@media (max-width: 560px) {
	.stp-stat-legend { grid-template-columns: repeat(2, auto); }
}

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