/* Install banner (assets/js/pwa.js). Shown only to signed-in people on a phone, never in the installed app. */
.mpwa-bar{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9990;background:#fff;color:var(--ds-text,#16302D);border:1px solid var(--ds-line,#DDE5E3);border-radius:16px;box-shadow:0 8px 28px rgba(0,43,38,.18);padding:12px 14px;display:flex;gap:12px;align-items:center;max-width:520px;margin-inline:auto}
.mpwa-bar img{width:44px;height:44px;border-radius:12px;flex:none}
.mpwa-bar__text{flex:1;min-width:0}
.mpwa-bar__title{font-weight:700;font-size:.95rem;line-height:1.4}
.mpwa-bar__sub{color:var(--ds-text-2,#4F6260);font-size:.82rem;line-height:1.5}
.mpwa-bar__btn{flex:none;border:0;border-radius:12px;background:var(--ds-action,#007A6A);color:#fff;font:inherit;font-weight:700;font-size:.9rem;padding:10px 16px;min-height:44px;cursor:pointer}
.mpwa-bar__close{flex:none;border:0;background:transparent;color:var(--ds-text-2,#4F6260);font-size:1.4rem;line-height:1;width:44px;height:44px;cursor:pointer;border-radius:12px}
.mpwa-bar__btn:focus-visible,.mpwa-bar__close:focus-visible{outline:3px solid var(--ds-deep,#005B50);outline-offset:2px}
.mpwa-steps{margin:8px 0 0;padding-inline-start:1.2em;font-size:.84rem;color:var(--ds-text,#16302D)}
.mpwa-steps li{margin:4px 0}
.mpwa-note{display:block;margin-top:6px;font-size:.78rem;color:var(--ds-text-2,#4F6260)}
/* the installed app has no browser bar: keep content clear of the notch */
html.is-pwa body{padding-top:env(safe-area-inset-top,0px)}
html.is-pwa .mpwa-hide-in-app{display:none!important}
@media (prefers-reduced-motion:no-preference){.mpwa-bar{animation:mpwa-in .25s ease-out}@keyframes mpwa-in{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}}