/* LT Performance26 compact mobile header.
   Signed in: ELITE APP | Name · ROLE | Sign out | menu
   Signed out: ELITE APP | menu
   Full LT PERFORMANCE26 branding remains elsewhere in the app. */
@media (max-width:700px){
  header{height:64px!important;min-height:64px!important;padding:0 12px!important;overflow:visible!important}
  .header-main{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-width:0!important;
    gap:10px!important;
  }

  .mobile-brand{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:4px!important;
    min-width:0!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .mobile-brand svg{width:15px!important;height:15px!important;flex:0 0 15px!important}
  .mobile-brand span{font-size:0!important;letter-spacing:0!important}
  .mobile-brand span::after{content:'ELITE APP';font:800 15px Barlow Condensed,Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
  .season{display:none!important}

  /* The account block itself must stay horizontal; older styles were stacking these two children. */
  .header-account{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }
  .header-account-identity{
    display:flex!important;
    flex:0 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .header-account .avatar{display:none!important}
  .header-identity{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:center!important;
    min-width:0!important;
    gap:4px!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .header-identity strong{max-width:118px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important;white-space:nowrap!important}
  .header-identity span{font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
  .header-identity span::before{content:'· ';font-weight:700}

  .header-sign-out{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    width:auto!important;
    min-width:auto!important;
    margin:0!important;
    padding:0 0 0 10px!important;
    border-left:1px solid #d7ded9!important;
    white-space:nowrap!important;
  }
  .header-sign-out [data-global-logout]{display:flex!important;align-items:center!important;min-height:36px!important;margin:0!important;padding:0 2px!important;border:0!important;background:transparent!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}

  .menu-btn{
    display:flex!important;
    flex:0 0 42px!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d7ded9!important;
    border-radius:5px!important;
    background:#fff!important;
  }
  .menu-btn svg{width:24px!important;height:24px!important}
}

@media (max-width:390px){
  header{padding:0 8px!important}
  .header-main{gap:6px!important}
  .mobile-brand svg{width:13px!important;height:13px!important;flex-basis:13px!important}
  .mobile-brand span::after{font-size:13px!important;letter-spacing:.65px!important}
  .header-account{gap:6px!important}
  .header-identity strong{max-width:98px!important;font-size:12px!important}
  .header-identity span{font-size:10px!important}
  .header-sign-out{padding-left:6px!important}
  .header-sign-out [data-global-logout]{font-size:11px!important;padding:0!important}
  .menu-btn{flex-basis:38px!important;width:38px!important;height:38px!important}
}