/* MPLS Ramah v1.5.4 — guest header and lowercase username UX */

/* Keep guest authentication controls inside the header at every width. */
.is-guest .app-topbar{
  min-width:0;
  overflow:hidden;
}
.is-guest .app-brand{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
}
.is-guest .guest-nav{
  flex:0 0 auto;
  min-width:0;
  margin-left:auto;
}

/* Username is always visually presented as lowercase. */
input[name="username"]{
  text-transform:lowercase;
}

@media (max-width:820px){
  .is-guest .app-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:6px;
    height:58px;
    padding:6px 7px 6px 9px!important;
  }
  .is-guest .app-brand{
    width:auto;
    max-width:100%;
    margin:0!important;
  }
  .is-guest .app-brand .brand-copy{
    min-width:0;
    overflow:hidden;
  }
  .is-guest .app-brand .brand-copy strong,
  .is-guest .app-brand .brand-copy small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .is-guest .guest-nav{
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    max-width:154px;
    overflow:hidden;
  }
  .is-guest .guest-nav>a:not(.button){
    min-height:36px;
    padding:8px 9px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
  }
  .is-guest .guest-nav .button-compact{
    min-height:36px!important;
    padding:7px 11px!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap;
  }
}

@media (max-width:390px){
  .is-guest .app-topbar{
    gap:3px;
    padding-right:5px!important;
  }
  .is-guest .app-brand .brand-mark{
    width:36px;
    height:36px;
    min-width:36px;
  }
  .is-guest .app-brand .brand-copy{
    display:none!important;
  }
  .is-guest .guest-nav{
    max-width:none;
    gap:2px;
  }
  .is-guest .guest-nav>a:not(.button){padding-inline:8px}
  .is-guest .guest-nav .button-compact{padding-inline:10px!important}
}