/* ===================== profile.php ?view=team ("epp-" prefix) =====================
   Moved out of profile.php's team-view inline <style> block 2026-08-11. See
   css/profile-player.css's header for why this stays a separate file rather than merged with
   the player/gm views. */

.epp-page { max-width: 1360px; margin: 0 auto; background: #fff; }
/* Seitensteuerung (Suche/Tabs/Saison) buendig zur Seitenbreite statt links am
   Hamburger-Icon - identisches Muster wie roster.php (User-Feedback 2026-08-08). */
.mainnav-hamburger-wrap { position: fixed; left: 0; top: 0; z-index: 999999; }
.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; }
.epp-navlocal { width: 100%; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; flex-wrap: wrap; }
/* 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. Identische Regel in allen 3 epp-Dateien
   (profile-player.css/-gm.css/-team.css), wie schon bei .epp-navlocal. */
.epp-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; }
.epp-select:hover { border-color: rgba(255,255,255,.6); }
.epp-select option { color: #1b2733; background: #fff; }
.epp-seg { display: inline-flex; background: #1a2733; border-radius: 16px; padding: 2px; gap: 2px; margin: 4px 6px; vertical-align: middle; }
.epp-seg a { font: inherit; font-size: 11.5px; font-weight: 600; padding: 5px 12px; border-radius: 14px; color: #aab5c0; text-decoration: none; white-space: nowrap; }
.epp-seg a.active { background: #2c3e50; color: #fff; box-shadow: 0 0 0 1px #44525f inset; }
.epp-seg.epp-view-switch { margin-right: 20px; }
.epp-hero { position: relative; padding: 22px 24px 20px; display: flex; align-items: center; gap: 18px; overflow: hidden; }
.epp-hero::after { content: ""; position: absolute; right: -60px; top: -60px; width: 260px; height: 260px; border-radius: 50%; background: rgba(255,255,255,.06); pointer-events: none; }
.epp-hero > * { position: relative; z-index: 1; }
.epp-hero-media { display: flex; align-items: flex-end; flex: 0 0 auto; }
.epp-logo { width: 68px; height: 68px; border-radius: 10px; background-size: cover; background-position: center; background-color: rgba(255,255,255,.14); border: 2px solid rgba(255,255,255,.35); flex: 0 0 auto; }
.epp-hero-text { min-width: 0; }
.epp-eyebrow { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; opacity: .75; margin: 0 0 3px; }
.epp-title { font-size: 24px; font-weight: 800; margin: 0; line-height: 1.15; }
.epp-subtitle { font-size: 12.5px; opacity: .82; margin-top: 5px; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.epp-subtitle .dot { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .6; }

.epp-chiprow { display: flex; flex-wrap: wrap; gap: 8px; padding: 13px 24px; background: #f4f6f8; border-bottom: 1px solid #dde1e6; }
.epp-chip { background: #fff; border: 1px solid #dde1e6; border-radius: 6px; padding: 5px 12px; display: flex; flex-direction: column; gap: 1px; min-width: 80px; }
.epp-chip .k { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--tc, #2c3e50); }
.epp-chip .v { font-size: 12.5px; font-weight: 600; color: #1b2733; white-space: nowrap; }

.epp-content { padding: 18px 24px 28px; }
.epp-section-head { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 9px; gap: 10px; flex-wrap: wrap; }
.epp-h2 { font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; color: #2c3e50; margin: 0; }
.epp-h2 .n { color: #a9b0b8; font-weight: 600; margin-left: 6px; text-transform: none; letter-spacing: 0; }
.epp-h2 .sub { color: #a9b0b8; font-weight: 600; margin-left: 8px; text-transform: none; letter-spacing: 0; font-size: 11px; }

.epp-awards { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 24px; }
.epp-award { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px 5px 5px; border-radius: 16px; background: #fff; border: 1px solid #c8ccd1; font-size: 11.5px; font-weight: 600; color: #5f5e5a; }
.epp-award .ic { width: 20px; height: 20px; border-radius: 50%; background: #f1eee8; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; }
.epp-award b { font-variant-numeric: tabular-nums; }
.epp-award.champ { background: #fff8e6; border-color: #e8c96b; color: #8a6a00; }
.epp-award.champ .ic { background: #f4d67f; }
.epp-award.conf { background: #e7f2ff; border-color: #85b7eb; color: #0c447c; }
.epp-award.conf .ic { background: #c7e2fb; }
.epp-award.stat { background: #e6f6e9; border-color: #9bd6a6; color: #1d7a30; }
.epp-award.stat .ic { background: #c3ecca; }

.epp-table-scroll { overflow-x: auto; margin-bottom: 6px; border-radius: 6px; border: 1px solid #e2e4e7; }
table.epp-table { width: 100%; border-collapse: collapse; font-size: 11.3px; font-variant-numeric: tabular-nums; }
.epp-table thead th { background: #2c3e50; color: #fff; font-weight: 700; text-align: center; padding: 7px 6px; white-space: nowrap; font-variant-numeric: normal; }
.epp-table thead th.left { text-align: left; padding-left: 12px; }
.epp-table tbody td { padding: 6px; text-align: center; border-bottom: 1px solid #e2e4e7; white-space: nowrap; }
.epp-table tbody td.left { text-align: left; padding-left: 12px; font-weight: 600; }
.epp-table tbody tr:nth-child(odd) { background: #fff; }
.epp-table tbody tr:nth-child(even) { background: #f5f6f8; }
.epp-table tbody tr:hover { background: #eaf1f8; }
.epp-table tbody tr.tot td.left { color: #2c3e50; }
.epp-table td.sticky-col, .epp-table th.sticky-col { position: sticky; left: 0; z-index: 1; background: inherit; box-shadow: 2px 0 4px rgba(0,0,0,.06); }
.epp-table thead th.sticky-col { background: #2c3e50; z-index: 2; }
.epp-namelink { color: #2c3e50; font-weight: 600; text-decoration: underline; }
.epp-muted { color: #c3c9cf; }
.epp-table td.epp-best { font-weight: 800; }
.epp-table td.epp-record { background: #fdf3c7; font-weight: 800; color: #7a5d00; }
.epp-table tbody tr:nth-child(even) td.epp-record { background: #fbe9a8; }
.epp-table td.epp-leader { text-decoration: underline; text-decoration-color: #2c7be5; text-decoration-thickness: 2px; text-underline-offset: 3px; }
/* Vierte Stufe, nur Game Log: "Career High" - eigener Bestwert UEBER ALLE SAISONS, siehe
   profile-player.css fuer Herleitung/Begruendung der Farbwahl. */
.epp-table td.epp-careerhigh { background: linear-gradient(180deg, #dbe9fb, #a8c8ee); color: #12447e; font-weight: 700; }
.epp-table td.epp-careerhigh.epp-record { background: #fdf3c7; color: #7a5d00; font-weight: 800; }
.epp-table tbody tr:nth-child(even) td.epp-careerhigh.epp-record { background: #fbe9a8; }
.epp-champ-star { color: #d7a32e; margin-left: 2px; }
.epp-champ-star.green { color: #2e9e44; }
/* Zentrierte Box statt linksbuendiger Liste mit gestrichelter oberer Trennlinie (User-Wunsch
   2026-08-14: "legende zentriert und in box gepackt", analog zu draftpicks.php/boxscore.php,
   siehe .dpp-legend in dyne.css bzw. .bsc-legend in boxscore.css). */
.epp-legend { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: center; width: fit-content; max-width: 100%; margin: 16px auto 0; padding: 12px 16px; background: #f4f6f8; border: 1px solid #dde1e6; border-radius: 6px; font-size: 11px; color: #66707c; }
.epp-legend .sw { display: inline-block; padding: 1px 7px; border-radius: 9px; font-weight: 800; font-size: 10.5px; }
.epp-legend .sw.best { background: #eef1f4; color: #1b2733; }
.epp-legend .sw.record { background: #fdf3c7; color: #7a5d00; }
.epp-legend .sw.leader { background: #eef1f4; color: #1b2733; text-decoration: underline; text-decoration-color: #2c7be5; text-decoration-thickness: 2px; text-underline-offset: 2px; }
.epp-legend .sw.careerhigh { background: linear-gradient(180deg, #dbe9fb, #a8c8ee); color: #12447e; }
.epp-legend .star { color: #d7a32e; }
.epp-legend .star.green { color: #2e9e44; }
.epp-teampill { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 9px; letter-spacing: .02em; }
.epp-note { font-size: 11px; color: #8b95a1; padding: 8px 2px 2px; }

@media (max-width: 720px) {
  .epp-hero { flex-wrap: wrap; padding: 18px 16px; }
  .epp-chiprow { padding: 12px 16px; }
  .epp-content { padding: 14px 16px 22px; }
  /* Kartenstil durch horizontal scrollbare Tabelle ersetzt, analog profile-player.css
     (User-Feedback 2026-08-09 dort: "sieht kacke aus" bei 30+ Spalten als Wand aus
     "Label: Wert"-Paaren - dieselbe Spaltenzahl gilt hier fuer die Team-Ansicht). */
  table.epp-table { min-width: 2000px; }
}
/* Schatten-Scrollleiste, gleiches Muster wie profile-player.css. */
.epp-scroll-shadow { position: fixed; bottom: 0; height: 14px; overflow-x: auto; overflow-y: hidden; background: #eef1f4; border-top: 1px solid #ccd3da; z-index: 40; display: none; }
.epp-scroll-shadow.visible { display: block; }
.epp-scroll-shadow-inner { height: 1px; }