/* iPhone/Safari overrides. iOS itself renders time, signal, Wi-Fi and battery. */
html,
body {
  width: 100%;
  min-height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  background: var(--bg);
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
}

button {
  touch-action: manipulation;
}

.phone {
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  padding-top: env(safe-area-inset-top, 0px);
}

main {
  min-height: 0;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}

.bottom-nav {
  height: calc(82px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.bottom-nav .payment {
  transform: none;
}

.bottom-nav .payment-symbol {
  color: inherit;
  transform: translateX(-1px);
}

.balances-hidden .account-value,
.balances-hidden .transaction-value { color: #656767; }
#visibility, [data-hide] { position: relative; }
.balances-hidden #visibility::after,
.balances-hidden [data-hide]::after {
  content: ''; position: absolute; left: 9px; top: -1px;
  width: 1.7px; height: 23px; border-radius: 2px;
  background: #656767; transform: rotate(25deg);
}
.balance-toast {
  position: absolute; z-index: 5; left: 14px; right: 14px;
  bottom: calc(103px + env(safe-area-inset-bottom, 0px));
  min-height: 49px; display: flex; align-items: center; gap: 15px;
  padding: 13px 15px; border-left: 3px solid #063369;
  border-radius: 3px; background: #edf1f6; color: #282828;
  font-size: 13px; box-shadow: 0 7px 15px #0003;
  pointer-events: none;
}
.balance-toast::before {
  content: 'i'; border: 1.7px solid #063369; color: #063369;
  width: 17px; height: 17px; border-radius: 50%;
  display: grid; place-items: center; font-weight: 700; flex-shrink: 0;
}