/* Q10_MOBILE_STABILITY_AUDIT_V1 */
@media (max-width: 920px) {
  :root {
    --q10-mobile-audit-bottom-safe: max(240px, calc(env(safe-area-inset-bottom, 0px) + 240px));
  }

  body.q10-mobile-app-fill #content {
    padding-bottom: calc(max(var(--q10-fixed-overlay-bottom, 0px), var(--q10-mobile-audit-bottom-safe, 0px)) + 22px) !important;
    scroll-padding-bottom: calc(max(var(--q10-fixed-overlay-bottom, 0px), var(--q10-mobile-audit-bottom-safe, 0px)) + 22px) !important;
  }

  body.q10-mobile-app-fill #content > .panel:last-child,
  body.q10-mobile-app-fill #content > section.panel:last-child {
    display: block !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.q10-mobile-app-fill #content > .panel:last-child > .section-body,
  body.q10-mobile-app-fill #content > section.panel:last-child > .section-body {
    display: block !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.q10-mobile-app-fill #content .panel,
  body.q10-mobile-app-fill #content section.panel,
  body.q10-mobile-app-fill #content section.card,
  body.q10-mobile-app-fill #content .card,
  body.q10-mobile-app-fill #content .table-wrap,
  body.q10-mobile-app-fill #content .grid,
  body.q10-mobile-app-fill #content .form-grid {
    min-height: 0 !important;
    height: auto !important;
    transform: none !important;
    contain: none !important;
    overflow: visible !important;
  }

  body.q10-mobile-app-fill #content .q10-single-loading-wrap,
  body.q10-mobile-app-fill #content .q10-app-loading-state {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  body.q10-mobile-app-fill .q10-role-launcher-btn::after {
    content: none !important;
    display: none !important;
  }

  body.q10-mobile-app-fill #mainView .topbar .topbar-actions {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  body.q10-mobile-app-fill #mainView .topbar .topbar-actions > * {
    max-width: 100% !important;
  }

  body.q10-mobile-app-fill #q10NotificationsSettingsBtn {
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  body.q10-mobile-app-fill #q10PwaInstallFab,
  body.q10-mobile-app-fill #q10InstallFab,
  body.q10-mobile-app-fill .q10-pwa-install-fab,
  body.q10-mobile-app-fill .q10-install-fab {
    position: fixed !important;
    left: auto !important;
    top: auto !important;
    right: max(10px, calc(env(safe-area-inset-right, 0px) + 10px)) !important;
    bottom: max(58px, calc(env(safe-area-inset-bottom, 0px) + 58px)) !important;
    transform: none !important;
    z-index: 2147483645 !important;
  }

  body.q10-mobile-app-fill #q10CustomerChatFab {
    position: fixed !important;
    left: auto !important;
    top: auto !important;
    right: max(10px, calc(env(safe-area-inset-right, 0px) + 10px)) !important;
    bottom: calc(max(58px, calc(env(safe-area-inset-bottom, 0px) + 58px)) + 76px) !important;
    transform: none !important;
    z-index: 2147483644 !important;
  }

  body.q10-mobile-app-fill .q10-global-copyright {
    z-index: 2147483643 !important;
    max-width: calc(100vw - 16px) !important;
  }
}