@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
/* One set of navigation dimensions for the App and every standalone workspace. */
body>nav.qrofis-app-nav,body #appView>aside.sidebar{display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;height:68px!important;min-height:68px!important;padding:0 20px!important;box-sizing:border-box!important;overflow-x:auto!important;border-bottom:1px solid #2a3348!important;background:#101725!important;z-index:1000!important;font:700 13px/20px Poppins,Arial,sans-serif!important}
body>nav.qrofis-app-nav{position:sticky!important;top:0!important}
body #appView>aside.sidebar{position:fixed!important;inset:0 0 auto!important}
body>nav.qrofis-app-nav>a:not(.qrofis-nav-brand),body #appView>aside.sidebar>.nav-item{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:40px!important;margin:0 3px!important;padding:0 14px!important;box-sizing:border-box!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#aab5cc!important;font:700 13px/20px Poppins,Arial,sans-serif!important;letter-spacing:normal!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer}
body>nav.qrofis-app-nav>a[aria-current=page],body #appView>aside.sidebar>.nav-item.active{background:#352a5d!important;color:#d0c2ff!important}
body #appView>aside.sidebar>.nav-item[data-target=dashboardView]{display:none!important}
body>nav.qrofis-app-nav>.qrofis-nav-brand,body #appView>aside.sidebar>.sidebar-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:9px!important;height:68px!important;margin:0 18px 0 0!important;padding:0!important;background:transparent!important;text-decoration:none!important;font:700 23px/1 Poppins,Arial,sans-serif!important}
body>nav.qrofis-app-nav>.qrofis-nav-brand>img,body #appView>aside.sidebar>.sidebar-brand>img{display:block!important;width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain!important;margin:0!important}
body>nav.qrofis-app-nav>.qrofis-nav-brand>span,body #appView>aside.sidebar>.sidebar-brand>span{display:inline!important;font:700 23px/1 Poppins,Arial,sans-serif!important;letter-spacing:-.5px!important;color:#eef0f8!important}
body:has(>nav.qrofis-app-nav){padding-top:0!important}
/* Media content uses the same page gutter as Analytics and the other App views. */
body.qrofis-media-page{font-family:Poppins,Arial,sans-serif;color:#eef0f8}
body.qrofis-media-page>main{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:24px 20px!important}
body.qrofis-media-page>main>h1{font-size:28px;line-height:1.2;margin:0 0 8px;font-weight:700}
body.qrofis-media-page>main>p{margin:0 0 26px;color:#aab5cc;font-size:16px;line-height:1.5}
@media(max-width:700px){body>nav.qrofis-app-nav,body #appView>aside.sidebar{gap:4px!important;padding:0 12px!important}body>nav.qrofis-app-nav>a:not(.qrofis-nav-brand),body #appView>aside.sidebar>.nav-item{padding:0 10px!important;font-size:12px!important}body>nav.qrofis-app-nav>.qrofis-nav-brand,body #appView>aside.sidebar>.sidebar-brand{margin-right:8px!important}body>nav.qrofis-app-nav>.qrofis-nav-brand>span,body #appView>aside.sidebar>.sidebar-brand>span{display:none!important}}

body.qrofis-embedded-editor>.top{display:flex!important;position:static!important;justify-content:flex-end!important;padding:12px 18px!important;min-height:0!important;gap:10px!important;border:0!important}
body.qrofis-embedded-editor>.top>.landing-brand,body.qrofis-embedded-editor>.notice{display:none!important}
body.qrofis-embedded-editor>.top>.actions{margin-left:auto!important;justify-self:end!important;width:auto!important}
body.qrofis-embedded-editor>.layout{max-width:none!important;width:100%!important;box-sizing:border-box!important;padding:0 18px 18px!important;grid-template-columns:clamp(240px,19vw,330px) minmax(0,1fr) clamp(240px,19vw,330px)!important;gap:16px!important}
@media(max-width:1100px){body.qrofis-embedded-editor>.layout{grid-template-columns:240px minmax(0,1fr)!important}}
@media(max-width:700px){body.qrofis-embedded-editor>.layout{display:flex!important;padding:0 10px 12px!important}}

body #appView>main.main{margin-left:0!important;padding:92px 20px 24px!important;box-sizing:border-box!important}
@media(max-width:700px){body #appView>main.main{padding:84px 12px 24px!important}body.qrofis-media-page>main{padding:16px 12px 24px!important}}
