/* Shared scrollbar palette follows each embedded view's current appearance. */
html:root{--dv-scroll-track:#18334f;--dv-scroll-thumb:#7896b5;--dv-scroll-hover:#a4bbd2;}
html:root:is([data-theme=light],[data-dv-appearance=light],[data-inventory-appearance=light]){--dv-scroll-track:#e2ebf5;--dv-scroll-thumb:#7893af;--dv-scroll-hover:#526f8e;color-scheme:light!important;}
html:root:is([data-theme=dark],[data-dv-appearance=dark],[data-inventory-appearance=dark]):not([data-dv-appearance=light]):not([data-inventory-appearance=light]){color-scheme:dark!important;}
html:root,html:root body,html:root body *{scrollbar-color:var(--dv-scroll-thumb) var(--dv-scroll-track)!important;}
html:root ::-webkit-scrollbar{width:11px;height:11px;}
html:root ::-webkit-scrollbar-track,html:root ::-webkit-scrollbar-corner{background:var(--dv-scroll-track);}
html:root ::-webkit-scrollbar-thumb{background:var(--dv-scroll-thumb);border:2px solid var(--dv-scroll-track);border-radius:8px;}
html:root ::-webkit-scrollbar-thumb:hover{background:var(--dv-scroll-hover);}

/* UPC uses the record list as the desktop scroll owner. */
@media(min-width:800px){
 html:root:has(body>#app:not([hidden])),html:root:has(body>#app:not([hidden])) body{box-sizing:border-box!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;}
 html:root body>#app:not([hidden]){box-sizing:border-box!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
 html:root body>#app>.page-heading,html:root body>#app>.workspace{flex:0 0 auto!important;}
 html:root body>#app>.log-card{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important;}
 html:root body>#app>.log-card>:not(.table-wrap){flex:0 0 auto!important;}
 html:root body>#app>.log-card>.table-wrap{flex:1 1 0!important;min-height:80px!important;max-height:none!important;overflow:auto!important;}
}
@media(max-width:799px){html:root body>#app .table-wrap{max-height:none!important;}}