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

   Consolidated 2026-08-22 (User-Frage "noch weitere Klassen, die man globalisieren könnte?"): the
   rules that WERE byte-identical across all 3 epp- files moved to css/dyne.css ("Shared epp-
   profile chrome" section) - see css/profile-player.css's header comment for the full list. This
   file now keeps only what's genuinely unique to the team view (hero layout, the extra "sub"
   heading modifier, champion star markers - teams have no All-Star concept, hence the different
   class name from the player/gm views' .epp-allstar-star). A few small 2-way matches with
   profile-gm.css (.epp-hero-media, .epp-hero-text, base .epp-hero, .epp-award.conf) were
   deliberately left duplicated rather than chased for marginal gain - see
   project_css_globalization_2026_08_22 memory for the list of what's still open. */

.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; }
.ntf-badge-wrap { position: fixed !important; top: 2px; right: 0; z-index: 999999; }
.ntf-pop { position: fixed !important; top: 40px !important; right: 0 !important; }
.gst-badge-wrap { position: fixed !important; top: 2px !important; right: 0 !important; z-index: 999999 !important; }
.gst-pop { position: fixed !important; top: 40px !important; right: 0 !important; }

.epp-hero { position: relative; padding: 22px 24px 20px; display: flex; align-items: center; gap: 18px; overflow: hidden; }
.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-h2 .sub { color: #a9b0b8; font-weight: 600; margin-left: 8px; text-transform: none; letter-spacing: 0; font-size: 11px; }

.epp-award.conf { background: #e7f2ff; border-color: #85b7eb; color: #0c447c; }
.epp-award.conf .ic { background: #c7e2fb; }

.epp-champ-star { color: #d7a32e; margin-left: 2px; }
.epp-champ-star.green { color: #2e9e44; }
.epp-legend .star.green { color: #2e9e44; }

/* .epp-hero's mobile override muss hier bleiben (nicht in dyne.css) - .epp-hero selbst ist pro
   Ansicht unterschiedlich und bleibt deshalb page-eigen; die Override-Regel muss textuell NACH
   der eigenen Basisregel oben stehen, um sie zu gewinnen (siehe Kommentar in dyne.css bei der
   "Shared epp- profile chrome"-Sektion). */
@media (max-width: 720px) {
	.epp-hero { flex-wrap: wrap; padding: 18px 16px; }
}