/* Container Watch uses the same desktop canvas budget as Inventory/Sales. */
@media(min-width:680px){
html:root[data-theme] body:has(>header.shell)>main:has(>#containers:not([hidden])){box-sizing:border-box!important;display:flex!important;flex-direction:column!important;flex:1 1 0!important;width:calc(100% - 48px)!important;max-width:none!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0 24px!important;padding:0!important;overflow:hidden!important;}
html:root[data-theme] body:has(>header.shell)>main>iframe#containers:not([hidden]){box-sizing:border-box!important;display:block!important;flex:1 1 0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;border:0!important;border-radius:12px!important;}
}
@media(max-width:679px){html:root[data-theme] body>main:has(>#containers:not([hidden])){width:100%!important;margin:0!important;padding:0!important;min-width:0!important;overflow:hidden!important;}html:root[data-theme] iframe#containers:not([hidden]){width:100%!important;height:100%!important;min-height:0!important;}}

/* As on Inventory & Sales, seasonal bats stay in the footer sky. */
@layer dreamviewTypography {

html:root[data-dv-spacing="on"][data-dv-spooky-season="on"]:has(#containers:not([hidden])) body #cloud-background>.dv-witch-hat-layer{inset:auto 0 0!important;height:80px!important;overflow:hidden!important;contain:paint;z-index:5!important;}
html:root[data-dv-spacing="on"][data-dv-spooky-season="on"]:has(#containers:not([hidden])) body .dv-fall-leaf[data-witch-hat="true"][data-halloween-bat="true"]{top:30px!important;}
html:root[data-dv-spacing="on"][data-dv-spooky-season="on"]:has(#containers:not([hidden])) body .dv-fall-leaf[data-halloween-bat="true"]:nth-child(3n + 2){top:42px!important;}
html:root[data-dv-spacing="on"][data-dv-spooky-season="on"]:has(#containers:not([hidden])) body .dv-fall-leaf[data-halloween-bat="true"]:nth-child(3n){top:54px!important;}

}