html.ps-native-app {
  --ps-app-nav: calc(64px + env(safe-area-inset-bottom, 0px));
  --ps-app-header: 64px;
  background: #fff;
}
.ps-native-app body { padding-bottom: var(--ps-app-nav); }
.ps-native-app #psAppNavigation {
  position: fixed;
  inset: auto 0 0;
  z-index: 990;
  height: var(--ps-app-nav);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 4px max(4px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(4px, env(safe-area-inset-left, 0px));
  border-top: 1px solid #dce5e4;
  background: #fff;
  box-shadow: 0 -2px 12px #17392b0a;
}
.ps-native-app #psAppNavigation a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  height: 58px;
  padding: 0 1px;
  color: #546971;
  text-decoration: none;
  font: 600 11px/1.2 system-ui, sans-serif;
  letter-spacing: 0;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.ps-native-app #psAppNavigation i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 28px;
  border-radius: 8px;
  font-size: 19px;
}
.ps-native-app #psAppNavigation a[aria-current="page"] { color: #087947; }
.ps-native-app #psAppNavigation a[aria-current="page"] i { background: #e6f6eb; }
.ps-native-app #psAppNavigation a:focus-visible { outline: 2px solid #087947; outline-offset: -3px; }
.ps-native-app body .ps-shell-header > .psv6-main-nav,
.ps-native-app body.ps-mobile-member-nav .psv6-main-nav { display: none !important; }
.ps-native-app body .ps-shell-header,
.ps-native-app body.ps-map-v6 .psv6-header.ps-shell-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  box-sizing: border-box;
  height: auto !important;
  min-height: 64px !important;
  padding: calc(6px + env(safe-area-inset-top, 0px)) 12px 6px !important;
  gap: 8px;
  background: #fff !important;
  color: #153b4c;
  border-bottom: 1px solid #e1e9e7;
}
.ps-native-app .ps-shell-header .psv6-brand { min-width: 0; flex: 1; color: #153b4c !important; }
.ps-native-app .ps-shell-header .psv6-brand img { width: 44px !important; height: 44px !important; object-fit: contain; }
.ps-native-app .ps-shell-header .psv6-brand strong { color: #153b4c !important; font-size: 17px !important; letter-spacing: 0 !important; }
.ps-native-app .ps-shell-header .psv6-brand em { color: #087947 !important; }
.ps-native-app .ps-shell-header .ps-guest-link { color: #153b4c; }
.ps-native-app .ps-shell-header .psv6-brand small { color: #61747a !important; font-size: 7px !important; letter-spacing: 0 !important; }
.ps-native-app .ps-shell-header .psv6-profile-copy,
.ps-native-app .ps-shell-header .ps-shell-profile-copy,
.ps-native-app .ps-shell-header .ps-shell-package { display: none !important; }
.ps-native-app body.ps-mobile-member-nav .ps-shell-header > .psv6-account,
.ps-native-app .ps-shell-header > .psv6-account { display: flex !important; position: relative !important; flex: none; width: auto !important; }
.ps-native-app body.ps-map-v6 { padding-bottom: 0; }
.ps-native-app body.ps-map-v6 .wrapper {
  height: calc(100dvh - var(--ps-app-header) - var(--ps-app-nav)) !important;
  min-height: 0 !important;
}
.ps-native-app body.ps-map-v6 > .psv6-stats { display: none !important; }
.ps-native-app body.ps-map-v6 .ps-wa-widget { bottom: calc(var(--ps-app-nav) + 10px) !important; }
.ps-native-app body.ps-map-v6 .ps-training-link { bottom: calc(var(--ps-app-nav) + 72px) !important; }
.ps-native-app .ps-shell-profile-menu { max-height: calc(100dvh - var(--ps-app-header) - var(--ps-app-nav) - 12px); overflow-y: auto; }
.ps-native-app .ps-app-keyboard #psAppNavigation { display: none; }
.ps-native-app body.ps-app-keyboard { --ps-app-nav: 0px; }
@media (max-width: 760px) {
  .ps-native-app body.ps-map-v6 .ps-mobile-tool-dock { bottom: 10px !important; }
  .ps-native-app .ps-shell-header .psv6-bell { display: none !important; }
  .ps-native-app .ps-shell-header .psv6-account .ps-guest-link { font-size: 11px; padding: 6px; }
}
@media (max-height: 480px) and (orientation: landscape) {
  html.ps-native-app { --ps-app-nav: calc(54px + env(safe-area-inset-bottom, 0px)); }
  .ps-native-app #psAppNavigation a { height: 46px; gap: 2px; font-size: 10px; }
  .ps-native-app #psAppNavigation i { height: 24px; font-size: 17px; }
}