/* Android edge-to-edge: reserve an actual non-scrollable status-bar region.
   This prevents scrolled balance/headers from ever going under system icons. */
.hg-native-android .app-shell { --hg-status-space: max(44px, env(safe-area-inset-top, 0px)); padding-top: var(--hg-status-space); padding-bottom: env(safe-area-inset-bottom, 0px); }
.hg-native-android .app-shell::before { content:""; display:block; position:absolute; z-index:25; top:0; left:0; right:0; height:var(--hg-status-space); pointer-events:none; background:radial-gradient(ellipse at 10% -10%,#208bff 0%,transparent 54%),linear-gradient(135deg,#085bcf 0%,#003681 56%,#076cf4 100%); }
.hg-native-android .app-shell.with-nav>.bottombar { padding-bottom:6px !important; }
.hg-native-android .app-shell.with-nav>.content { padding-bottom:112px !important; }
/* Insets are owned by the shell; do not double-apply them in page headers. */
.hg-native-android .hg-home-blue { padding-top:14px !important; }
.hg-native-android .hg-subhead { padding-top:25px !important; }
.hg-native-android .content:not(:has(.hg-home)):not(:has(.hg-subhead)) { padding-top:12px !important; }
.hg-native-android .content.auth { padding-top:20px !important; }
.hg-native-android.keyboard-open .app-shell { padding-bottom:0; }
:root[data-theme=dark].hg-native-android .app-shell::before { background:linear-gradient(125deg,#09254b,#0b4285); }
/* Removed overlapping paint layer; original page headers remain visible. */
/* The gap belongs to the shell background, not a foreground overlay.
   Paint behind page content; preserve all positions, hit targets and bottom navigation. */
:root[data-theme=light].hg-native-android .app-shell.with-nav {
 background:linear-gradient(to bottom,#0858bd 0px,#0858bd 125px,#f6faff 125px,#f6faff 100%) !important;
}
:root[data-theme=dark].hg-native-android .app-shell.with-nav {
 background:linear-gradient(to bottom,#0b4285 0px,#0b4285 125px,#0e1d32 125px,#0e1d32 100%) !important;
}
/* Authentication / welcome screens have no bottom nav: paint the same blue behind
   the reserved system-status space and the gap before the existing auth hero. */
:root[data-theme=light].hg-native-android .app-shell:has(>.content.auth) {
 background:linear-gradient(to bottom,#0858bd 0px,#0858bd 125px,#f6fbff 125px,#f6fbff 100%) !important;
}
:root[data-theme=dark].hg-native-android .app-shell:has(>.content.auth) {
 background:linear-gradient(to bottom,#0b4285 0px,#0b4285 125px,#0e1d32 125px,#0e1d32 100%) !important;
}