/* Inside the phone shell (html.native-app): the shell draws the bars, safe areas are the page's. */
.native-app body {
  padding-bottom: env(safe-area-inset-bottom);
  -webkit-touch-callout: none;
}

/* A component the installed shell draws natively hides its web twin. Older shells
   without the component keep the web element (bridge contract, section 3). */
[data-bridge-components~="button"] [data-controller~="bridge--button"],
[data-bridge-components~="menu"] [data-controller~="bridge--menu"] {
  display: none;
}

/* Premium moments and the account hub */
.store-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.store-actions .btn[aria-busy="true"] { opacity: 0.6; }
.account-list { display: grid; gap: 16px; }
.account-list .row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }