/* JobLik 0.33.888 — mobile public header cleanup + compact account menu
   Scope: public header on phone widths only. Desktop and page content are untouched. */
@media (max-width:760px){
  /* A late global V064 rule was re-enabling the desktop nav after the older
     mobile rule. Keep the mobile header to the real logo + account controls. */
  html body.public-body > .v064-header > .v064-nav,
  html body.public-body > .v064-header .joblik-brand-meta{
    display:none!important;
    visibility:hidden!important;
  }

  html body.public-body > .v064-header > .v064-header-actions{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  /* Closed account control: keep only useful identity text on phones and
     let JS size the control from the actual visible name/number. */
  html body .j740-user{
    width:var(--j740-mobile-summary-width,174px)!important;
    min-width:0!important;
    max-width:min(210px,calc(100vw - 154px))!important;
  }
  html body .j740-user > summary{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:5px 8px!important;
    gap:6px!important;
    box-sizing:border-box!important;
  }
  html body .j740-user .j740-copy{
    min-width:0!important;
    width:auto!important;
  }
  html body .j740-user .j740-copy small{
    display:none!important;
  }
  html body .j740-user .j740-copy b{
    font-size:12px!important;
    line-height:1.45!important;
    max-width:100%!important;
  }
  html body .j740-user .j740-avatar{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  html body .j740-user .j740-chevron{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }

  /* Open panel: measured from its longest actual menu label (+20%). */
  html body .j740-user > .j740-menu{
    width:var(--j740-mobile-menu-width,228px)!important;
    min-width:0!important;
    max-width:calc(100vw - 16px)!important;
    padding:7px!important;
    box-sizing:border-box!important;
  }
  html body .j740-user .j740-menu-head{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .j740-user .j740-menu > a,
  html body .j740-user .j740-menu button{
    min-height:38px!important;
    padding:6px 8px!important;
    gap:8px!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  html body .j740-user .j740-menu i{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
}