:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#111c27;background:#fff}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;border-radius:9px;min-width:44px;min-height:44px}.app-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;border-bottom:1px solid #e6ecef;background:white}.brand img{display:block;width:230px;max-width:68vw;height:auto}#menu-toggle{font-size:26px;background:#eef3f4;color:#111c27}.app-main{height:calc(100dvh - 72px)}.app-main iframe{display:block;width:100%;height:100%;border:0}#owner-menu{margin:0 0 0 auto;inset:0 0 0 auto;width:min(360px,92vw);height:100dvh;max-height:none;border:0;padding:20px;background:#111c27;color:#fff;overflow:auto}#owner-menu::backdrop{background:#081521aa}#menu-close{display:block;margin-left:auto;font-size:30px;background:#253746;color:white}#owner-menu nav{display:flex;flex-direction:column;gap:5px;margin-top:18px}#owner-menu nav a{padding:12px;border-radius:8px}#owner-menu nav a:hover{background:#253746}#owner-menu hr{width:100%;border:0;border-top:1px solid #42515e;margin:15px 0}#owner-menu .admin-link{font-size:.9rem;padding-left:24px;color:#d6e3ea}.install{margin-top:24px;border-top:1px solid #42515e;padding-top:20px}.install button{background:#e99a22;color:#111c27;font-weight:700;padding:10px 15px}.install p{font-size:.85rem;line-height:1.5}.menu-open{overflow:hidden}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #eb9b21;outline-offset:3px}.embedded-admin .topbar,.embedded-admin #owner-menu,.embedded-admin>.side{display:none!important}.embedded-admin .workspace{margin:0!important}.embedded-admin .admin-content{padding-top:24px}.embedded-admin .centered{margin:22px auto}@media(max-width:550px){.app-header{height:66px;padding:10px 14px}.brand img{width:208px}.app-main{height:calc(100dvh - 66px)}}

/* A single viewport; only the site content scrolls, independently of the header. */
body.app-root{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-root .app-header{flex:0 0 72px}.app-root .app-main{flex:1 1 auto;min-height:0;height:auto}.app-root #owner-menu[open]{display:block;visibility:visible}@media(max-width:550px){.app-root .app-header{flex-basis:66px}}

/* The logo is inside the scrolling page; only the menu button is fixed. */
.app-root .app-header{height:0;min-height:0;flex:0 0 0;padding:0;border:0;background:none}.app-root .app-main{height:100dvh;flex:1 1 auto}.app-root #menu-toggle{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:20;width:46px;height:46px}.app-root #owner-menu .language-control{margin-top:20px}
