/* D252 (SPEC 1.280, D250 (g)): the office top bar on a tablet (T 1024, Tpion 768) always fits the
   screen — the search narrows down to its 44 px lens, the account block narrows (name and role on
   one line with an ellipsis, at most 190 px on T, 120 px on Tpion), several roles: the first role
   and a separate bold „+N” that is never cut. K and the phone unchanged. */

.fjn-usermenu__roleshort { display: none; }
@media (min-width: 768px) and (max-width: 1279px) {
  .fjn-topbar__search { min-width: 44px; flex: 1 1 0; }
  .fjn-topbar__search .fjn-input-group { min-width: 0; }
  .fjn-topbar__search .fjn-input-group__control { min-width: 0; text-overflow: ellipsis; }
  .fjn-topbar__search .fjn-kbd { display: none; }
  .fjn-topbar > :not(.fjn-topbar__search):not(.fjn-topbar__spacer):not(.fjn-usermenu) { flex: none; }
  .fjn-usermenu { min-width: 0; flex: 0 1 auto; }
  .fjn-usermenu__button { min-width: 0; }
  .fjn-usermenu__who { min-width: 0; max-width: 190px; }
  .fjn-usermenu__who > b, .fjn-usermenu__rolesline, .fjn-usermenu__role1 {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .fjn-usermenu__who:has(.fjn-usermenu__roleshort) .fjn-usermenu__rolesline { display: none; }
  .fjn-usermenu__roleshort { display: flex; gap: 4px; min-width: 0; }
  .fjn-usermenu__more { flex: none; color: #173F6F; font-weight: 700; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fjn-topbar { gap: 12px; }
  .fjn-usermenu__who { max-width: 120px; }
}