/* The shell owns desktop width and the document owns scrolling.
   Child Sales layout is always 100% of the iframe; no second width floor. */
.dv-family-footer{display:flex;justify-content:center;flex:none;padding:0 20px 12px}
.dv-family-footer :is(img,.dv-family-wordmark){display:block;width:160px;max-width:55vw;height:auto;filter:brightness(0) invert(1);opacity:.9}
html[data-theme=light] .dv-family-footer :is(img,.dv-family-wordmark){filter:none;opacity:1}
.overview{display:none!important}
#combined[hidden]{display:none}
#combined.filters-open #sales{position:relative;z-index:20}
@media (min-width:680px), (hover:hover) and (pointer:fine){
 :root{--dv-content-max:3200px;--dv-dashboard-preferred:1760px;--dv-page-gutter:max(clamp(24px,4vw,88px),calc((100vw - 1600px)/2))}
 html{height:auto;min-height:100%;overflow:auto;scrollbar-gutter:stable}
 body{height:auto;min-height:100vh;overflow:visible;overflow-anchor:none;isolation:isolate}
 main{width:85%;max-width:var(--dv-content-max);margin-inline:auto!important;flex:none;height:auto;min-height:610px;border-top:1px solid rgba(169,199,230,.24);border-radius:0;padding-top:4px;overflow:visible}
 main:has(#combined:not([hidden])){min-width:0;width:min(calc(100% - 48px),var(--dv-dashboard-preferred))}
 html[data-theme=light] main{border-top-color:rgba(35,61,92,.22)}
 .shell,footer{padding-inline:var(--dv-page-gutter)!important}
 .dv-filter-toolbar{padding-inline:0!important}
 #combined{display:block;position:relative;height:auto;min-width:0}
 /* Keep the status artwork compact on the shell's single cloud background.
    Ready-dashboard measurements still override this height inline. */
 #sales{display:block;flex:none;width:100%;height:clamp(360px,50dvh,480px);border:0}
 main>iframe:not([hidden]){height:max(610px,calc(100dvh - 96px))}
main:has(#inventory:not([hidden])){width:calc(100% - 48px);min-height:0;padding-top:8px}
 #inventory:not([hidden]){min-height:420px;border-radius:12px;color-scheme:dark;backdrop-filter:blur(var(--dv-glass-blur))}
 main:has(#combined.sales-not-ready:not([hidden])){display:grid;align-items:center;min-width:0;min-height:max(360px,calc(100dvh - 160px));margin-inline:auto!important;padding-top:0}
 /* Keep date recovery available during a selected-range request. Initial
    authentication/loading still uses the compact status screen. */
 main:has(#combined.sales-not-ready:not([hidden])) .dv-filter-toolbar:not(:has(.dv-return-ytd:not([hidden]))){display:none}
 main:has(#combined.sales-not-ready:not([hidden])):has(.dv-return-ytd:not([hidden])){align-content:start}
}
@media(max-width:679px) and (hover:none){
 html,body{height:100%;overflow:hidden}
 .context,footer,.overview,.dv-family-footer{display:none!important}
 main{width:100%;min-width:0;max-width:none;margin:0;min-height:0;height:100dvh;border-radius:0;flex:1;padding:0}
 #combined,#sales{height:100%;width:100%}
}

/* A coarse Sales viewport up to 1024px uses the native mobile screen. These overrides
   apply only while Sales is visible; Inventory and other Hub pages retain their layout. */
@media(max-width:1024px) and (pointer:coarse){
 html:has(#combined:not([hidden])){height:100%!important;min-height:0!important;overflow:hidden!important;scrollbar-gutter:auto!important}
 html:has(#combined:not([hidden])) body{height:100dvh!important;min-height:0!important;overflow:hidden!important}
 html:has(#combined:not([hidden])) :is(.shell,.context,footer,.overview,.dv-family-footer,.dv-filter-toolbar){display:none!important}
 html:has(#combined:not([hidden])) main:has(#combined:not([hidden])){display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;margin-inline:0!important;min-height:0!important;height:100dvh!important;border:0!important;border-radius:0!important;flex:1!important;padding:0!important;overflow:hidden!important}
 html:has(#combined:not([hidden])) :is(#combined,#sales){height:100%!important;min-height:0!important;width:100%!important}
}

@layer dreamviewTypography{
.dv-mobile-install,.dv-mobile-primary-nav{display:none!important}
@media(max-width:679px){
html:root,html:root body{height:100%!important;min-height:0!important;overflow:hidden!important;scrollbar-gutter:auto!important;margin:0!important}
html:root body .shell{display:flex!important;position:relative!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;height:56px!important;min-height:56px!important;padding:0 16px!important;margin:0!important;flex:none!important;background:#142f50!important;border-bottom:1px solid #8ba9cb38!important}
html:root body .shell .dv-brand-nav{height:56px!important;min-height:0!important;width:auto!important;flex:0 1 auto!important;flex-direction:row!important;justify-content:center!important;padding:0!important;margin:0!important;gap:0!important}
html:root body .shell nav,html:root body .shell .header-actions{display:none!important}
html:root body .shell .brand{height:46px!important;min-height:0!important;max-height:46px!important;width:145px!important;flex:0 0 auto!important;padding:0!important;margin:0!important}
html:root body .shell .dv-mobile-install{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;position:absolute;right:12px;top:6px;min-height:44px;min-width:64px;padding:0 9px;border:1px solid #94afd44d;border-radius:9px;background:#ffffff0a;color:#edf4ff;font:500 14px/1.4 var(--font-dashboard);cursor:pointer}
html:root body .shell .dv-mobile-install[hidden]{display:none!important}
html:root body .dv-mobile-primary-nav{box-sizing:border-box!important;display:flex!important;align-items:stretch!important;gap:4px!important;height:48px!important;min-height:48px!important;flex:none!important;padding:0 12px 4px!important;margin:0!important;background:#142f50;border-bottom:1px solid #8ba9cb38}
html:root body .dv-mobile-primary-nav button{flex:1;min-width:0;min-height:44px;padding:8px;border:0;border-radius:9px;background:transparent;color:#bacbdf;font:500 15px/1.3 var(--font-dashboard);cursor:pointer}
html:root body .dv-mobile-primary-nav button[aria-current="page"]{background:#3b5878;color:#fff}
html:root body .dv-mobile-primary-nav button[hidden]{display:none!important}
html:root body :is(.dv-mobile-install,.dv-mobile-primary-nav button):focus-visible{outline:2px solid #c6e2ff;outline-offset:-2px}
html:root body>main,html:root body>main:has(#combined:not([hidden])){box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;margin-inline:0!important;padding:0!important;border:0!important;border-radius:0!important;min-height:0!important;height:calc(100dvh - 104px)!important;overflow:hidden!important}
html:root body main>:is(#combined,#sales,#inventory,#reports,#files,#activity,#upc){height:100%!important;min-height:0!important;width:100%!important}
html:root body main #combined>#sales{height:100%!important;min-height:0!important;width:100%!important}
html:root body main>.dv-filter-toolbar,html:root body>.context,html:root body>.dv-family-footer{display:none!important}
}

}