/* 4.2.96: admin/supervisor mobile header, two aligned buttons and heading below. */
@media screen and (max-width: 720px) {
  #app.cdesck-app-root main.page.administrator-page .topbar.admin-topbar,
  #app.cdesck-app-root main.page.supervisor-page .topbar.admin-topbar {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 18px 10px !important;
    width: 100% !important;
    flex-direction: unset !important;
  }
  #app.cdesck-app-root main.page .topbar.admin-topbar > button.logout-left {
    grid-column: 1 !important; grid-row: 1 !important;
    justify-self: start !important; align-self: center !important;
    width: auto !important; min-width: 0 !important;
    margin: 0 !important; order: unset !important;
  }
  #app.cdesck-app-root main.page .topbar.admin-topbar > .cdesck-admin-chat-shortcut {
    grid-column: 2 !important; grid-row: 1 !important;
    justify-self: end !important; align-self: center !important;
    display: flex !important; width: auto !important;
    margin: 0 !important; padding: 0 !important; order: unset !important;
  }
  #app.cdesck-app-root main.page .topbar.admin-topbar > .cdesck-admin-chat-shortcut > button {
    display: inline-flex !important; align-items: center !important;
    gap: 9px !important; width: auto !important;
    white-space: nowrap !important; margin: 0 !important;
  }
  #app.cdesck-app-root main.page .topbar.admin-topbar > .admin-heading {
    grid-column: 1 / -1 !important; grid-row: 2 !important;
    justify-self: stretch !important; width: 100% !important;
    margin: 0 !important; padding: 0 !important; order: unset !important;
  }
}