/* Page-level App Store link. The receipt app bundle and native app remain independent. */
.ios-app-promo{display:none}
#root:has(.welcome)+.ios-app-promo{display:block;width:calc(100% - 36px);max-width:500px;margin:0 auto;padding:0 0 calc(18px + env(safe-area-inset-bottom,0px))}
#root:has(.welcome) .bill-app{min-height:0}
#root .bill-app[data-theme] .welcome{min-height:min(788px,calc(100svh - 114px - env(safe-area-inset-bottom,0px)))}
#root:has([role="dialog"]) + .ios-app-promo{visibility:hidden}
.ios-app-link{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--theme-line,#63738e);border-radius:16px;background:var(--theme-field,#020a23);color:var(--theme-ink,#fff);text-decoration:none;-webkit-tap-highlight-color:transparent}
.ios-app-link img{display:block;flex:none;width:48px;height:48px;border-radius:11px}
.ios-app-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;line-height:1.4}
.ios-app-copy strong{font-size:15px;font-weight:700}
.ios-app-copy>span{font-size:12px;color:var(--theme-muted,#bdbdbd)}
.ios-app-arrow{flex:none;font-size:23px;color:var(--theme-accent,#009bde);line-height:1}
.ios-app-link:hover{border-color:var(--theme-accent,#009bde)}
.ios-app-link:focus-visible{outline:3px solid var(--theme-accent,#009bde);outline-offset:4px}
html[data-theme="contrast"] .ios-app-link{padding:14px;border-width:2px;gap:14px}
html[data-theme="contrast"] .ios-app-link img{width:56px;height:56px}
html[data-theme="contrast"] .ios-app-copy strong{font-size:20px}
html[data-theme="contrast"] .ios-app-copy>span{font-size:18px}
html[data-theme="contrast"] .ios-app-arrow{font-size:28px}
@media print{.ios-app-promo{display:none!important}}