@media (max-width: 760px) {
  .topbar-leading {
    width: 100%;
  }

  .topbar-leading .brand-lockup {
    margin-left: auto;
    padding-right: 0;
  }

  .topbar-actions .topbar-account,
  .app-shell.is-admin-mode .topbar-actions .topbar-account {
    justify-self: start;
    justify-content: flex-start;
  }

  .cleaning-view .cleaning-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 8px;
  }

  .cleaning-view .cleaning-summary #missionText {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .cleaning-view .cleaning-summary .progress-head {
    width: auto;
    justify-self: end;
  }
}

@media (max-width: 360px) {
  .topbar-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .topbar-actions .topbar-account {
    flex: 1 0 100%;
  }

  .topbar-actions > button {
    flex: 0 0 auto;
  }
}