/* v8.15.0: install-the-app icon + popup (FingoSite's own pages). */
.msb-pwa-btn{position:relative;flex:none;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;padding:0;cursor:pointer;color:#FF6B1A;background:rgba(255,107,26,.14);border:1.5px solid rgba(255,107,26,.65);-webkit-tap-highlight-color:transparent}
.msb-pwa-btn svg{width:18px;height:18px;display:block}
.msb-pwa-btn:focus-visible{outline:2px solid #FF6B1A;outline-offset:3px}
.msb-pwa-btn:not(.seen):before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,107,26,.75);animation:msbPwaRing 2.4s ease-out infinite;pointer-events:none}
@keyframes msbPwaRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.msb-pwa-ov{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.6);animation:msbPwaFade .2s ease-out both;font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.msb-pwa-card{width:100%;max-width:290px;background:#fff;color:#111;border-radius:20px;overflow:hidden;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.6);animation:msbPwaPop .28s ease-out both}
.msb-pwa-bd{padding:22px 18px 16px}
.msb-pwa-ic{display:block;width:52px;height:52px;margin:0 auto 12px;border-radius:22%}
.msb-pwa-t{margin:0;font-size:19px;line-height:1.2;font-weight:700;color:#111}
.msb-pwa-p{margin:6px 0 0;font-size:14px;line-height:1.4;color:#555}
.msb-pwa-steps{margin:12px 0 0;padding:0;list-style:none;text-align:left;display:grid;gap:9px;font-size:14px;line-height:1.35;color:#333}
.msb-pwa-steps li{display:flex;gap:10px;align-items:flex-start}
.msb-pwa-steps b{flex:none;width:22px;height:22px;border-radius:50%;background:#FFE9DC;color:#E85A0C;display:grid;place-items:center;font-size:12px;font-weight:800}
.msb-pwa-steps svg{width:15px;height:15px;vertical-align:-2px;color:#0a6cff}
.msb-pwa-sp{display:flex;border-top:1px solid #e3e5ec}
.msb-pwa-sp button{flex:1;height:48px;background:none;border:0;font:600 16px/1 inherit;font-family:inherit;color:#0a6cff;cursor:pointer}
.msb-pwa-sp button+button{border-left:1px solid #e3e5ec;font-weight:800}
.msb-pwa-sp button:active{background:#f1f3f8}
.msb-pwa-sp button:focus-visible{outline:2px solid #0a6cff;outline-offset:-2px}
@keyframes msbPwaFade{from{opacity:0}to{opacity:1}}
@keyframes msbPwaPop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.msb-pwa-btn:not(.seen):before,.msb-pwa-ov,.msb-pwa-card{animation:none}}

/* v8.15.1: inside the installed app the screen is exactly the visible area. On first open the editor / home page were measured
   before the phone's bars settled (100vh / 100dvh too tall), pushing the bottom toolbar off screen until the next tap. */
html.msb-standalone:has(.wfmain),html.msb-standalone:has(.wfmain) body{height:100%}
html.msb-standalone body.msb-editor-page{position:fixed;top:0;right:0;bottom:0;left:0;height:auto;overflow:hidden}
html.msb-standalone .msb-bottom-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}

/* v8.15.7: "Open app" once the app is on the device. Phone: ring icon with a tiny label under it (adds ~36px, so the header never overflows).
   Desktop (900px and up): ring icon with two lines, "Open in / FingoSite app". */
.msb-pwa-open{flex:none;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:0;margin:0;background:none;border:0;cursor:pointer;color:#FF6B1A;font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
.msb-pwa-oi{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(255,107,26,.14);box-shadow:inset 0 0 0 1.5px rgba(255,107,26,.65)}
.msb-pwa-oi svg{width:14px;height:14px;display:block}
.msb-pwa-ol{font-size:8.5px;font-weight:800;color:#555;line-height:1;white-space:nowrap}
.msb-pwa-ot{display:none;text-align:left;line-height:1.05}
.msb-pwa-ot b{font-size:11px;font-weight:700;color:#222}
.msb-pwa-ot i{font-style:normal;font-size:10px;font-weight:700;color:#FF6B1A;white-space:nowrap}
.msb-pwa-open:focus-visible{outline:2px solid #FF6B1A;outline-offset:3px;border-radius:8px}
@media (min-width:900px){.msb-pwa-open{flex-direction:row;gap:7px}.msb-pwa-oi{width:34px;height:34px}.msb-pwa-oi svg{width:16px;height:16px}.msb-pwa-ol{display:none}.msb-pwa-ot{display:grid}.msb-pwa-ot b{font-size:12px}.msb-pwa-ot i{font-size:11px}}
.msb-pwa-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);max-width:calc(100% - 32px);z-index:2147483001;background:#14161d;color:#fff;border-radius:14px;padding:11px 15px;font:600 13.5px/1.35 Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}
.msb-pwa-toast.on{opacity:1;transform:translate(-50%,0)}