/* Keep authenticated driver controls pinned to the upper-right on mobile. */
@media (max-width: 560px) {
  .driver-header {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    min-height: calc(68px + var(--safe-top));
    padding-right: max(8px, var(--safe-right, 0px));
  }

  .driver-header > .driver-brand {
    flex: 1 1 auto;
    min-width: 0;
  }

  .driver-header > div {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    width: auto !important;
    margin-left: auto;
    gap: 6px;
  }

  .driver-header > div > button,
  .driver-header > div > #installApp {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 72px;
  }

  .driver-header > div > #installApp[hidden] {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .driver-header > div > button,
  .driver-header > div > #installApp {
    min-width: 68px;
    padding-right: 7px;
    padding-left: 7px;
  }
}