/* HTNS v263 — two narrowly scoped login alignment refinements.
   1) Balance the Offline Songbook segment with Guest Mode and language.
   2) Center the member-picker label while keeping its chevron on the right.
   No login logic or other app styling is changed. */

/* Balance the three secondary actions. Songbook remains a little wider for
   its longer bilingual label, but no longer dominates the whole strip. */
#gate .login-secondary-actions.has-offline{
  grid-template-columns:minmax(0,1fr) minmax(0,.82fr) minmax(0,1.18fr) !important;
}
#gate .login-secondary-actions .htns-songbook-offline-entry{
  padding:0 5px !important;
  gap:4px !important;
  font-size:9.7px !important;
  letter-spacing:.005em !important;
}
html[lang="vi"] #gate .login-secondary-actions .htns-songbook-offline-entry{
  font-size:8.8px !important;
  letter-spacing:0 !important;
}

/* Center the visible "Select your name" trigger label. The arrow remains
   independently anchored so it cannot push the label off center. */
#gate .login-member-trigger{
  position:relative !important;
  justify-content:center !important;
  padding-left:44px !important;
  padding-right:44px !important;
  text-align:center !important;
}
#gate .login-member-trigger-label{
  width:100% !important;
  text-align:center !important;
}
#gate .login-member-trigger-arrow{
  position:absolute !important;
  right:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}
#gate .login-member-trigger[aria-expanded="true"] .login-member-trigger-arrow{
  transform:translateY(-50%) rotate(180deg) !important;
}

@media(max-width:390px){
  #gate .login-secondary-actions.has-offline{
    grid-template-columns:minmax(0,1fr) minmax(0,.76fr) minmax(0,1.24fr) !important;
  }
  #gate .login-secondary-actions .htns-songbook-offline-entry{
    padding:0 4px !important;
    gap:3px !important;
    font-size:9px !important;
    letter-spacing:0 !important;
  }
  html[lang="vi"] #gate .login-secondary-actions .htns-songbook-offline-entry{
    font-size:8.2px !important;
  }
}

@media(max-width:350px){
  #gate .login-secondary-actions .htns-songbook-offline-entry{
    padding:0 3px !important;
    gap:2px !important;
    font-size:8.5px !important;
  }
  html[lang="vi"] #gate .login-secondary-actions .htns-songbook-offline-entry{
    font-size:7.8px !important;
  }
  #gate .login-secondary-actions .htns-songbook-offline-entry svg{
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
  }
  #gate .login-member-trigger{
    padding-left:40px !important;
    padding-right:40px !important;
  }
  #gate .login-member-trigger-arrow{
    right:9px !important;
  }
}

@media(max-width:330px){
  #gate .login-secondary-actions.has-offline{
    grid-template-columns:minmax(0,1fr) minmax(0,.74fr) minmax(0,1.26fr) !important;
  }
}