/* V5.0.56 mobile header centering and profile-tab touch hotfix. */

@media (max-width: 820px) {
  /* Equal outer columns keep every normalized mobile title on the true page center. */
  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 0 !important;
  }

  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] > .brand,
  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] > .profile-brand,
  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] > .zsb-brand,
  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] > .xls-brand,
  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] > .ai-records-brand {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] .xls-v430-logo-box {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] .xls-v430-mobile-title {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 6px !important;
    text-align: center !important;
    justify-self: stretch !important;
  }

  html.xls-mobile-ui-v556 body.xls-v430-header-owner [data-xls-header-ready="v430"] > .xls-mobile-fixed-menu-slot {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  /* Safari must hit the tab button itself, never a decorative child or stale layer. */
  html.xls-mobile-ui-v556 body.profile-page .profile-mobile-nav {
    position: relative !important;
    z-index: 30 !important;
    isolation: isolate !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  html.xls-mobile-ui-v556 body.profile-page .profile-mobile-nav button {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html.xls-mobile-ui-v556 body.profile-page .profile-mobile-nav button > * {
    pointer-events: none !important;
  }

  html.xls-mobile-ui-v556 body.profile-page [data-section-panel][hidden] {
    display: none !important;
  }
}