:root {
  --seedtrust-safe-top: env(safe-area-inset-top, 0px);
  --seedtrust-safe-right: env(safe-area-inset-right, 0px);
  --seedtrust-safe-bottom: env(safe-area-inset-bottom, 0px);
  --seedtrust-safe-left: env(safe-area-inset-left, 0px);
}

html.seedtrust-installed-app,
html.seedtrust-installed-app body {
  min-height: 100dvh;
}

html.seedtrust-installed-app body {
  box-sizing: border-box;
  padding-top: var(--seedtrust-safe-top) !important;
  padding-right: var(--seedtrust-safe-right) !important;
  padding-left: var(--seedtrust-safe-left) !important;
}

html.seedtrust-installed-app #dashboard-main-section > header {
  top: var(--seedtrust-safe-top);
}

/* iOS keeps its system status bar visible in a non-overlay white region.
   The native WebView already starts below it, so remove only the duplicate top inset. */
html.seedtrust-native-app.seedtrust-app-shell[data-app-platform="ios"] body {
  padding-top: 0 !important;
}

html.seedtrust-native-app.seedtrust-app-shell[data-app-platform="ios"] #dashboard-main-section > header {
  top: 0;
}

/* Active state already uses accent icon/text; the dock's bottom underline sits
   inside the iOS gesture area and is intentionally removed on every platform. */
#myTab2 > .dock-active::after {
  display: none;
}