/* SabiHQ v1440 — Settings subtabs are first on mobile and desktop. */

.settings-mobile-typography > .settings-native-navigation {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  transform: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overscroll-behavior-inline: contain;
  overscroll-behavior-block: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y !important;
}

.dark .settings-mobile-typography > .settings-native-navigation {
  background: #0b1220 !important;
}

.settings-mobile-typography > .settings-native-navigation .settings-native-tab {
  min-height: 44px !important;
}

.settings-mobile-typography > .settings-account-context {
  width: 100% !important;
  margin-top: 0 !important;
}

.settings-mobile-typography
  > .settings-account-context[data-settings-account-context-active="false"] {
  display: none !important;
}

.settings-mobile-typography > section[data-settings-native-group] {
  width: 100% !important;
}
