/*
  Слои каскада подключаются напрямую из index.html в том же порядке.
  @import здесь создавал последовательную загрузку и задерживал первую
  отрисовку на лишний сетевой круг.
*/

/*
  The swipe ghost is the old #app cloned without its id. Keep its first section
  on the exact same vertical baseline as the live app so the animation remains
  purely horizontal instead of dropping the old screen before it slides away.
*/
body > main[aria-hidden="true"][inert] > .ml:first-child{
  margin-top:2px !important;
}

/* У подраздела управления первый заголовок стоит ниже — слепок повторяет это. */
body > main[aria-hidden="true"][inert][data-manage-detail="true"] > .ml:first-child{
  margin-top:8px !important;
}

/*
  Match shift-register's stable sheet viewport sizing. On iOS the software
  keyboard changes dynamic viewport units; keeping the sheet on vh prevents
  the whole modal from shrinking and dropping behind the keyboard on focus.
*/
.sheet{
  height:93vh;
  max-height:93vh;
}

/*
  Keep five complete employee tiles in the management list window: the
  substitute tile plus four employee tiles. Only the spacing between the three
  text lines is increased; the list window itself is unchanged.
*/
#employeeList .employee-row{
  min-height:54px;
  padding-top:10px;
  padding-bottom:10px;
}

#employeeList .employee-row .manage-row-copy{
  gap:5.5px;
}

#employeeList .employee-row .manage-row-title{
  line-height:1.25;
}

#employeeList .employee-row .manage-row-detail{
  line-height:1.35;
}

#employeeList .employee-row .employee-account-label{
  font-size:12px;
  line-height:1.35;
}