/* Restore the original account controls that template7-overrides.css hid. */
.loginGrp,
.loginGrp[data-template7-hidden="true"] {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.loginGrp > * {
  cursor: pointer !important;
}

@media (max-width: 640px) {
  html,
  body,
  #app {
    max-width: 100%;
    overflow-x: clip;
  }

  .nav .mainContent {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 12px;
  }

  .nav .mainContent > .flex.items-center {
    min-width: 0;
    max-width: calc(100vw - 108px);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .nav .mainContent > .flex.items-center::-webkit-scrollbar {
    display: none;
  }

  .nav .loginGrp {
    flex: 0 0 auto;
  }

  .functions .mainContent {
    box-sizing: border-box;
    padding-inline: 12px;
  }

  .functions .mainContent .flex.justify-between {
    align-items: stretch;
    flex-direction: column !important;
    gap: 14px;
    height: auto !important;
    width: 100% !important;
  }

  .functions .mainContent .flex.justify-between > *,
  .functions .panel {
    box-sizing: border-box;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
}