.table-wrap{overflow-x:auto}
.table-wide{width:100%;border-collapse:collapse}
.table-wide th,
.table-wide td{padding:10px 12px;white-space:nowrap}
.table-wide thead th{
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--color-muted);
  border-bottom:1px solid var(--color-border);
}

.table-wide tbody tr:nth-child(even){background:var(--color-overlay-dark-subtle)}

.container,
main.container,
.container.my-3,
.container.my-4{
  width:min(calc(100% - 32px), var(--page-max));
  max-width:var(--page-max);
  margin-left:auto;
  margin-right:auto;
}

body.app-shell{
  padding-bottom:calc(var(--mobile-nav-height) + 30px + env(safe-area-inset-bottom));
}

.site-header{
  position:sticky;
  top:0;
  z-index:1100;
  padding-top:12px;
}

body:not(.login-body):not(.app-shell-ready) .site-header,
body:not(.login-body):not(.app-shell-ready) .app-nav--mobile{
  visibility:hidden;
}

body.app-shell-ready .site-header,
body.app-shell-ready .app-nav--mobile{
  visibility:visible;
}

body.public-auth-body .site-header,
body.public-auth-body .site-nav{
  display:none;
}

.site-header .container{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto auto;
  align-items:center;
  gap:clamp(12px, 2.4vw, 24px);
  box-sizing:border-box;
  min-height:72px;
  padding:14px 16px;
  border:1px solid rgba(var(--club-primary-rgb), .16);
  border-radius:28px;
  background:
    linear-gradient(140deg, var(--club-primary-strong) 0%, var(--club-primary) 54%, var(--club-primary-strong) 100%);
  box-shadow:0 10px 22px rgba(17, 24, 39, .08);
}

.brand{
  min-width:0;
  display:contents !important;
}

.app-header-left{
  grid-column:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}

.app-header-center{
  grid-column:2;
  display:grid;
  justify-items:center;
  align-items:center;
  min-width:0;
  width:100%;
}

.app-header-right{
  grid-column:4;
  display:grid;
  justify-items:center;
  align-items:center;
  gap:3px;
  width:52px;
  min-width:52px;
}

.brand-home-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:224px;
  height:112px;
  text-decoration:none;
}

.brand-logo{
  width:52px;
  height:52px;
  padding:4px;
  border-radius:16px;
  object-fit:contain;
  background:var(--color-white);
  border:1px solid var(--color-primary-border-soft);
  box-shadow:0 8px 18px rgba(15, 23, 42, .08);
}

body.app-shell .brand-logo{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  object-fit:contain;
}

body.app-shell .site-header .container{
  background:var(--appadel-surface-secondary);
  border-color:var(--appadel-border-subtle);
  box-shadow:var(--appadel-elevation-shell);
}

body.app-shell .brand-team-select{
  color:var(--club-primary-color);
}

.brand-text{
  min-width:0;
  display:grid;
  gap:2px;
  text-align:center;
  justify-items:center;
  justify-self:center;
  width:min(100%, 340px);
  position:static;
  z-index:auto;
  opacity:0;
}

html[data-branding-ready="true"] .brand-text,
body.app-shell-ready .brand-text{
  opacity:1;
}

.brand-title{
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:.01em;
  color:var(--color-text-inverse);
  min-height:1.25em;
  display:grid;
  align-items:center;
  justify-items:center;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.brand-team-selector{
  position:relative;
  display:inline-grid;
  grid-template-columns:minmax(0, auto) auto;
  align-items:center;
  justify-content:center;
  gap:6px;
  max-width:100%;
  min-width:0;
  color:var(--color-text-inverse);
  cursor:pointer;
}

.brand-team-selector.is-disabled{
  cursor:default;
}

.brand-team-selector__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.brand-team-selector__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  color:rgba(255,255,255,.78);
  font-size:.7rem;
  line-height:1;
  transform:translateY(1px);
  flex:0 0 auto;
}

.brand-team-select{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:.92rem;
  font-weight:inherit;
  line-height:1.2;
  text-align:left;
  text-align-last:left;
  border-radius:0;
  opacity:0;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
}

.brand-team-select:disabled{
  cursor:default;
}

.brand-team-select:focus{
  outline:none;
}

.brand-team-select option{
  background:var(--appadel-surface-elevated);
  color:#fff;
  text-align:left;
}

.brand-subtitle{
  color:var(--color-text-inverse-muted);
  font-size:.78rem;
  font-weight:700;
  line-height:1.25;
  text-align:center;
  max-width:100%;
}

.brand-subtitle div{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.site-nav{
  grid-column:3;
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:0 !important;
  justify-self:end;
  min-width:0;
  flex-wrap:nowrap;
  position:static;
  z-index:auto;
}

.site-nav.has-more-menu-open{
  position:relative;
}

.app-nav--mobile{
  display:none !important;
}

.app-nav-link,
.site-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:10px 14px;
  border-radius:18px;
  color:var(--color-text-inverse-soft);
  text-decoration:none;
  font-weight:900;
  transition:
    background-color var(--motion-fast) var(--ease-standard),
    color var(--motion-fast) var(--ease-standard),
    transform var(--motion-fast) var(--ease-standard),
    box-shadow var(--motion-fast) var(--ease-standard);
}

.app-nav-link:hover,
.site-nav a:hover{
  color:var(--color-text-inverse);
  background:rgba(255,255,255,.10);
  transform:translateY(-1px);
}

.app-nav-link.active,
.site-nav a.active{
  color:var(--color-text-inverse);
  background:rgba(255,255,255,.12);
  box-shadow:none;
  cursor:default;
}

body.app-shell .app-nav-link.active,
body.app-shell .site-nav a.active{
  box-shadow:inset 0 -2px 0 var(--appadel-secondary-color);
}

.app-nav-link.active:not([data-app-nav-more-toggle]),
.site-nav a.active:not([data-app-nav-more-toggle]){
  pointer-events:none;
}

.app-nav-more-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  display:grid;
  gap:6px;
  width:min(245px, calc(100vw - 20px));
  padding:8px;
  border:1px solid rgba(var(--club-primary-rgb), .24);
  border-radius:18px;
  background:
    linear-gradient(140deg, var(--club-primary-strong) 0%, var(--club-primary) 100%);
  box-shadow:0 12px 28px rgba(15, 23, 42, .26);
  z-index:2010;
}

.app-nav-more-menu[hidden]{
  display:none !important;
}

.app-nav-more-menu .app-nav-more-link{
  min-height:44px;
  flex-direction:row;
  justify-content:flex-start;
  gap:10px;
  padding:8px 10px;
  border-radius:12px;
}

.app-nav-more-menu .nav-txt{
  font-size:.78rem;
}

.site-nav .nav-ico{
  display:block;
  flex:0 0 auto;
  width:20px;
  height:20px;
  background-color:currentColor;
  opacity:1;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
}

.site-nav .nav-ico[data-nav-icon="home.svg"]{-webkit-mask-image:url("../img/icons/home.svg");mask-image:url("../img/icons/home.svg");}
.site-nav .nav-ico[data-nav-icon="calendar.svg"]{-webkit-mask-image:url("../img/icons/calendar.svg");mask-image:url("../img/icons/calendar.svg");}
.site-nav .nav-ico[data-nav-icon="trophy.svg"]{-webkit-mask-image:url("../img/icons/trophy.svg");mask-image:url("../img/icons/trophy.svg");}
.site-nav .nav-ico[data-nav-icon="stats.svg"]{-webkit-mask-image:url("../img/icons/stats.svg");mask-image:url("../img/icons/stats.svg");}
.site-nav .nav-ico[data-nav-icon="target.svg"]{-webkit-mask-image:url("../img/icons/target.svg");mask-image:url("../img/icons/target.svg");}
.site-nav .nav-ico[data-nav-icon="players.svg"]{-webkit-mask-image:url("../img/icons/players.svg");mask-image:url("../img/icons/players.svg");}
.site-nav .nav-ico[data-nav-icon="tools.svg"]{-webkit-mask-image:url("../img/icons/tools.svg");mask-image:url("../img/icons/tools.svg");}
.site-nav .nav-ico[data-nav-icon="more.svg"]{-webkit-mask-image:url("../img/icons/more.svg");mask-image:url("../img/icons/more.svg");}

.app-main{
  margin-top:18px;
  display:grid;
  gap:18px;
}

.app-page-intro{display:none !important;}

.app-page-intro__body{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
}

.app-page-intro__content{
  min-width:0;
}

.app-page-intro__eyebrow{
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.82;
}

.app-page-intro__title{
  margin:0;
  color:var(--color-text-inverse);
  font-size:clamp(1.45rem, 4vw, 2.2rem);
  line-height:1.08;
}

.app-page-intro__meta{
  margin:0;
  color:var(--color-text-inverse-muted);
  font-weight:700;
  font-size:.92rem;
}

.app-page-intro__meta-line{
  display:block;
}

.app-page-intro__logo-wrap{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  padding:8px;
  border-radius:20px;
  background:var(--color-white);
  border:1px solid var(--color-primary-border-soft);
  box-shadow:0 10px 24px rgba(15, 23, 42, .12);
  flex-shrink:0;
}

.app-page-intro__logo{
  width:100%;
  height:100%;
  object-fit:contain;
}

.app-page-intro__title .brand-team-select{
  width:auto;
  max-width:100%;
  min-height:0;
  padding:2px 26px 2px 0;
  border:0;
  background-color:transparent;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.92) 50%),
    linear-gradient(135deg, rgba(255,255,255,.92) 50%, transparent 50%);
  background-position:
    calc(100% - 13px) calc(50% - 2px),
    calc(100% - 7px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  color:#fff;
  font:inherit;
  font-size:1rem;
  font-weight:900;
  line-height:1.08;
  letter-spacing:.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

.app-page-intro__title .brand-team-select option{
  color:#102a24;
}

.home-shell{width:100%}
.home-grid{
  display:grid;
  gap:18px;
}

@media (min-width:992px){
  .home-grid{
    grid-template-columns:3fr 2fr;
    grid-template-areas:
      "clas calendar"
      "photos top";
    align-items:start;
  }

  .home-grid > .card-soft{min-width:0}
}

.home-clas{grid-area:clas}
.home-next{grid-area:calendar}
.home-photos{grid-area:photos}
.home-top{grid-area:top}

.app-version-badge{
  position:fixed;
  top:18px;
  right:20px;
  z-index:2100;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 12px;
  border:1px solid rgba(var(--club-primary-rgb), .16);
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.88);
  color:var(--color-muted);
  box-shadow:var(--shadow-sm);
  font-size:.74rem;
  font-weight:800;
  line-height:1;
}

.site-app-brand{
  display:grid;
  justify-items:center;
  justify-self:center;
  gap:3px;
  width:52px;
  min-width:52px;
  margin-left:0;
  position:static;
  z-index:auto;
}

.app-header-right .site-app-brand__logo-wrap{
  display:none;
}

.site-app-brand__logo-wrap{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.site-app-brand__logo{
  width:100%;
  height:100%;
  object-fit:contain;
}

.site-app-brand__version{
  font-size:.62rem;
  line-height:1;
  color:#fff;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
  width:100%;
}

#logoutBtn{
  justify-self:center;
  align-self:center;
  position:static;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  margin:0;
  border-radius:14px;
  border:0;
  background:transparent;
  color:var(--appadel-brand-primary);
  box-shadow:none;
  z-index:auto;
  position:relative;
  transform:none;
}

#logoutBtn .logout-ico{
  display:block;
  position:relative;
  z-index:1;
  width:10px;
  height:10px;
  background-color:currentColor;
  -webkit-mask:url("../img/icons/power.svg") center/contain no-repeat;
  mask:url("../img/icons/power.svg") center/contain no-repeat;
}

#logoutBtn::before{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:30px;
  height:30px;
  box-sizing:border-box;
  border:1px solid currentColor;
  border-radius:10px;
  background:var(--appadel-surface-secondary);
  transform:translate(-50%,-50%);
}

.product-logout-region{
  display:grid;
  grid-template-rows:44px 10px;
  justify-items:center;
  align-items:center;
  box-sizing:border-box;
  width:52px;
  min-width:52px;
  gap:var(--appadel-spacing-control-gap);
}

.product-logout-version{
  width:100%;
  overflow:hidden;
  color:var(--appadel-text-secondary);
  font-size:.62rem;
  font-weight:700;
  line-height:10px;
  text-align:center;
  white-space:nowrap;
}

#logoutBtn::after{
  display:none;
}

@media (max-width:768px){
  body:not(.login-body){
    padding-top:var(--app-header-height);
    padding-bottom:calc(var(--app-bottom-nav-height) + 24px + env(safe-area-inset-bottom));
  }

  .site-header .app-nav--desktop{
    display:none !important;
  }

  .app-nav--mobile:empty{
    display:none !important;
  }

  .app-nav--mobile.site-nav:not(:empty),
  body.has-mobile-bottom-nav .app-nav--mobile.site-nav.site-nav--mobile-bottom:not(:empty){
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box;
    overflow:hidden;
    display:grid !important;
    z-index:2000 !important;
  }

  body.app-shell{
    padding-bottom:calc(var(--app-bottom-nav-height) + 24px + env(safe-area-inset-bottom));
  }

  .container,
  main.container,
  .container.my-3,
  .container.my-4{
    width:min(calc(100% - 24px), var(--app-max));
    max-width:var(--app-max);
    padding-bottom:calc(var(--app-bottom-nav-height) + 28px + env(safe-area-inset-bottom));
  }

  .app-main{
    margin-top:0;
    padding-top:var(--mobile-header-gap);
    padding-bottom:calc(var(--app-bottom-nav-height) + 18px + env(safe-area-inset-bottom));
  }

  .site-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1100;
    padding-top:0;
  }

  .site-header .container{
    display:grid;
    grid-template-columns:58px minmax(0, 1fr) 58px;
    align-items:center;
    box-sizing:border-box;
    min-height:88px;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:14px 12px;
    gap:10px;
    border-radius:0 0 24px 24px;
    background:
      linear-gradient(140deg, var(--club-primary-strong) 0%, var(--club-primary) 54%, var(--club-primary-strong) 100%);
    box-shadow:0 8px 18px rgba(17, 24, 39, .09);
  }

  body.app-shell .site-header .container{
    grid-template-columns:96px minmax(0, 1fr) 58px;
    background:var(--appadel-surface-secondary);
    border-color:var(--appadel-border-subtle);
    box-shadow:var(--appadel-elevation-shell);
  }

  .brand{
    display:contents !important;
  }

  .app-header-left{
    grid-column:1;
    justify-self:start;
  }

  .app-header-center{
    grid-column:2;
    min-width:0;
  }

  .app-header-right{
    grid-column:3;
    justify-self:end;
    justify-items:center;
    gap:3px;
    width:52px;
    min-width:52px;
  }

  .brand-home-link{
    justify-self:start;
  }

  .brand-logo{
    width:52px;
    height:52px;
    padding:4px;
    border-radius:16px;
    background:#fff;
    justify-self:start;
  }

  .brand-text{
    text-align:center;
    justify-items:center;
    gap:3px;
    width:auto;
    position:static;
    z-index:auto;
  }

  .brand-title{
    width:100%;
    font-size:1rem;
    color:var(--color-text-inverse);
    line-height:1.05;
    min-height:1.25em;
  }

  .brand-team-select{
    max-width:100%;
    color:var(--color-text-inverse);
    text-align:left;
    text-align-last:left;
  }

  .brand-team-select option{
    background:var(--appadel-surface-elevated);
    color:#fff;
  }

  .brand-subtitle{
    color:rgba(255,255,255,.86);
    font-size:.72rem;
    line-height:1.2;
  }

  .brand-subtitle div{
    white-space:nowrap;
  }

  #logoutBtn{
    position:relative !important;
    justify-self:center;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    margin:0;
    border-radius:14px;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    transform:none;
  }

  #logoutBtn .logout-ico{
    width:13px;
    height:13px;
    filter:none;
  }

  #logoutBtn::after{
    display:none;
  }

  .site-app-brand{
    display:grid !important;
    grid-column:auto;
    width:52px;
    min-width:52px;
    margin-left:0;
    justify-self:center;
  }

  .site-app-brand__logo-wrap{
    display:none;
  }

  .site-app-brand__logo{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .site-app-brand__version{
    font-size:.6rem;
    line-height:1;
    color:#fff;
    font-weight:900;
    text-align:center;
    white-space:nowrap;
    width:100%;
  }

  .home-menu-btn{
    display:none !important;
  }

  .app-page-intro{
    display:none !important;
  }

  .home-grid{grid-template-columns:1fr}

  .app-nav--mobile.site-nav:not(:empty){
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box;
    overflow:hidden;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:6px !important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
    border:1px solid rgba(var(--club-primary-rgb), .34);
    border-radius:22px 22px 0 0 !important;
    background:
      linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.28)),
      linear-gradient(140deg, var(--club-primary-strong) 0%, var(--club-primary) 100%);
    box-shadow:0 -8px 20px rgba(15, 23, 42, .20);
    z-index:2000 !important;
  }

  .app-nav--mobile.site-nav.has-more-menu-open{
    overflow:visible !important;
  }

  .site-nav > .only-desktop{
    display:none !important;
  }

  .app-nav-link,
  .site-nav a{
    min-height:54px;
    padding:8px 4px;
    gap:4px;
    border-radius:16px;
    flex-direction:column;
    color:var(--color-text-inverse);
  }

  .app-nav-more-menu{
    top:auto;
    right:10px;
    bottom:calc(100% + 8px);
  }

  .app-nav--mobile .app-nav-link,
  .app-nav--mobile.site-nav a{
    min-width:0;
    overflow:hidden;
  }

  .site-nav .nav-ico{
    width:22px !important;
    height:22px !important;
  }

  .site-nav .nav-txt{
    display:block !important;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.64rem;
    line-height:1;
    white-space:nowrap;
  }

  .app-nav-link.active,
  .site-nav a.active{
    background:rgba(255,255,255,.12);
    color:var(--color-text-inverse);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
    cursor:default;
  }

  .app-nav-link.active:not([data-app-nav-more-toggle]),
  .site-nav a.active:not([data-app-nav-more-toggle]){
    pointer-events:none;
  }

  .app-version-badge{
    top:auto;
    bottom:84px;
    right:14px;
    padding:4px 10px;
    font-size:.68rem;
  }
}

/* DS-03: ProductShell Brand Adoption. Shell identity only; no component rules. */
body.app-shell {
  background: var(--appadel-surface-background);
}

body.app-shell > main{
  background:var(--appadel-surface-background);
}

body.app-shell .site-header .container {
  background: var(--appadel-surface-secondary);
  border-color: var(--appadel-border-strong);
  box-shadow: var(--appadel-elevation-shell);
}

body.app-shell :is(.brand-title, .brand-team-selector) {
  color: var(--appadel-text-primary);
}

body.app-shell :is(.brand-title, .brand-team-selector__label) {
  color:var(--appadel-text-primary);
  font-weight:700;
}

body.app-shell :is(.brand-subtitle, .brand-team-selector__icon) {
  color: var(--appadel-text-secondary);
}

body.app-shell .brand-team-select option,
body.app-shell .app-nav-more-menu {
  background: var(--appadel-surface-elevated);
  color: var(--appadel-text-primary);
}

body.app-shell :is(.app-nav-link, .site-nav a) {
  color: var(--appadel-text-secondary);
}

body.app-shell :is(.app-nav-link, .site-nav a):hover {
  background: var(--appadel-interaction-hover);
  color: var(--appadel-text-primary);
}

body.app-shell :is(.app-nav-link.active, .site-nav a.active) {
  background: var(--appadel-interaction-selected);
  color: var(--appadel-text-primary);
  box-shadow: inset 0 -2px 0 var(--appadel-brand-primary);
}

body.app-shell :is(.app-nav-link, .site-nav a, .brand-home-link, .brand-team-select):focus-visible {
  box-shadow: var(--appadel-interaction-focus-ring);
  outline: none;
}

body.app-shell .app-nav-more-menu,
body.app-shell .app-nav--mobile.site-nav:not(:empty) {
  background: var(--appadel-surface-secondary);
  border-color: var(--appadel-border-strong);
  box-shadow: var(--appadel-elevation-shell);
}

/* HOME-007: Product uses viewport width minus canonical desktop page padding. */
@media (min-width:1200px) {
  body.app-shell > .site-header > .container,
  body.app-shell > main.container {
    width:calc(100% - 32px);
    max-width:none;
  }
}

body.app-shell .product-brand-picture {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}

@media (max-width:768px) {
  body.app-shell {
    --app-header-height:92px;
  }

  body.app-shell .site-header .container {
    grid-template-columns:128px minmax(0, 1fr) 58px;
  }

}

/* PX-007: canonical ProductHeader identity contract. */
body.app-shell {
  --product-header-brand-size:66px;
  --product-header-club-box-size:56px;
  --product-header-club-image-size:calc(var(--appadel-spacing-content-gap) * 5);
  --product-header-logout-target-size:44px;
  --product-header-logout-visual-size:32px;
  --product-header-logout-icon-size:16px;
}
body.app-shell .site-header .container { grid-template-columns:var(--product-header-brand-size) minmax(0, 1fr) max-content 52px; }
body.app-shell .app-header-left { grid-column:1; }
body.app-shell .app-header-center { grid-column:2;display:grid;grid-template-rows:58px auto;justify-items:center;align-content:center;box-sizing:border-box;gap:3px; }
body.app-shell .app-nav--desktop { grid-column:3;justify-self:end; }
body.app-shell .app-header-right { grid-column:4;display:flex;justify-content:flex-end;justify-self:stretch;align-items:center;width:auto;min-width:52px; }
body.app-shell .brand-text { width:100%;gap:0; }
body.app-shell .brand-subtitle,
body.app-shell .site-app-brand { display:none !important; }
.product-header-club-logo-box { display:grid;place-items:center;box-sizing:border-box;width:var(--product-header-club-box-size);height:var(--product-header-club-box-size);overflow:hidden;border-radius:var(--appadel-radius-control);background:var(--appadel-surface-interactive); }
.product-header-club-logo-box.is-loading::after { content:"";width:22px;height:22px;border-radius:50%;background:var(--appadel-surface-elevated); }
.product-header-club-logo { display:block;width:var(--product-header-club-image-size);height:var(--product-header-club-image-size);max-width:100%;max-height:100%;object-fit:contain; }
body.app-shell .brand-home-link { width:var(--product-header-brand-size);height:var(--product-header-brand-size); }
body.app-shell .product-brand-logo { width:100%;height:100%;max-width:100%;max-height:100%;padding:0;object-fit:contain; }
body.app-shell #logoutBtn { width:var(--product-header-logout-target-size);height:var(--product-header-logout-target-size);min-width:var(--product-header-logout-target-size);min-height:var(--product-header-logout-target-size); }
body.app-shell #logoutBtn::before { width:var(--product-header-logout-visual-size);height:var(--product-header-logout-visual-size); }
body.app-shell #logoutBtn .logout-ico { width:var(--product-header-logout-icon-size);height:var(--product-header-logout-icon-size); }
body.app-shell .brand-title { width:100%;min-height:1.2em;line-height:1.2; }
@media (min-width:769px) {
  body.app-shell .app-header-center .brand-team-selector {
    grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
    width:100%;
  }
  body.app-shell .app-header-center .brand-team-selector__label { grid-column:2; }
  body.app-shell .app-header-center .brand-team-selector__icon { grid-column:3;justify-self:start; }
}
@media (max-width:768px) {
  body.app-shell {
    --product-header-brand-size:42px;
    --product-header-club-box-size:52px;
    --product-header-club-image-size:calc(var(--appadel-spacing-panel-gap) * 3);
  }
  body.app-shell .site-header .container { grid-template-columns:minmax(0, 1fr) minmax(92px, 220px) minmax(52px, 1fr);gap:8px; }
  body.app-shell .app-header-center { grid-template-rows:54px auto; }
  body.app-shell .app-header-right { grid-column:3; }
  body.app-shell .product-brand-logo { width:42px;height:42px; }
}

@media (min-width:769px) and (max-width:1399.98px) {
  body.app-shell .app-nav--desktop .app-nav-link {
    width:44px;
    min-width:44px;
    padding-inline:10px;
  }

  body.app-shell .app-nav--desktop .nav-txt {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
  }
}