/* BHA EXCHANGE V6 - compact no-page-scroll workspace for browser zoom 100-150%. */
/* Freeze the application canvas; only specific content wells scroll. */
html:has(body.bha-exchange-app),body.bha-exchange-app{height:100%;min-height:0;overflow:hidden!important}
body.bha-exchange-app #app{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}
body.bha-exchange-app #app .workspace-main{display:flex!important;flex-direction:column!important;min-height:0!important;min-width:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important}
body.bha-exchange-app #app .workspace-main>header.topbar{flex:0 0 58px!important;height:58px!important;min-height:58px!important;padding:6px 20px!important}
body.bha-exchange-app #app .exchange-page{flex:1 1 0!important;height:auto!important;min-height:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;padding:13px clamp(12px,1.7vw,24px) 8px!important}
body.bha-exchange-app #app .exchange-page .page-head{flex:0 0 auto!important;margin-bottom:9px!important;min-height:46px!important;gap:9px!important}
body.bha-exchange-app #app .exchange-page .page-head h1{font-size:23px!important;margin:2px 0!important;line-height:1.2!important}
body.bha-exchange-app #app .exchange-page .page-head p{margin:1px 0 0!important;font-size:11px!important}
body.bha-exchange-app #app .exchange-page .read-only-banner{flex:0 0 auto!important;margin:0 0 8px!important;padding:8px 12px!important;min-height:44px!important}
body.bha-exchange-app #app .exchange-page .read-only-banner small{line-height:1.3!important}
body.bha-exchange-app #app #content{flex:1 1 0!important;min-height:0!important;min-width:0!important;overflow:hidden!important}
body.bha-exchange-app #app #exchange-result{flex:1 1 0!important;min-height:0!important;width:100%!important;max-width:100%!important;overflow-y:auto!important}
body.bha-exchange-app #app.is-transactions #exchange-result{overflow:hidden!important}
body.bha-exchange-app #app.is-transactions #exchange-result>.panel{flex:1 1 0!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important}
body.bha-exchange-app #app.is-transactions #exchange-result>.panel .panel-head{flex:0 0 38px!important;min-height:38px!important;height:38px!important;padding:7px 13px!important}
body.bha-exchange-app #app.is-transactions #exchange-result>.panel .exchange-table-wrap{flex:1 1 0!important;min-height:0!important;max-height:unset!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important}
body.bha-exchange-app #app #exchange-result .exchange-pagination{flex:0 0 45px!important;min-height:45px!important;height:45px!important;padding:5px 11px!important;margin-top:7px!important;white-space:nowrap!important;flex-wrap:nowrap!important}
body.bha-exchange-app #app #exchange-result .exchange-pagination>span{overflow:hidden;text-overflow:ellipsis}
body.bha-exchange-app #app #exchange-result .exchange-page-controls{flex:0 0 auto!important}
body.bha-exchange-app #app #exchange-result .exchange-page-controls button{min-height:31px!important;padding:6px 10px!important}
/* One controlled filter row. Works when browser UI is zoomed to 125%. */
body.bha-exchange-app #app form.report-filter#exchange-filter{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(90px,112px)!important;grid-auto-rows:auto!important;column-gap:9px!important;row-gap:7px!important;align-items:end!important;flex:0 0 auto!important;min-height:0!important;margin:0 0 9px!important;padding:10px 11px!important}
body.bha-exchange-app #app form.report-filter#exchange-filter>label{display:grid!important;grid-column:auto!important;flex:none!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;gap:4px!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important}
body.bha-exchange-app #app form.report-filter#exchange-filter label>select,body.bha-exchange-app #app form.report-filter#exchange-filter label>input{width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;padding:6px 8px!important;font-size:12px!important}
body.bha-exchange-app #app form.report-filter#exchange-filter>button{display:block!important;grid-column:auto!important;flex:none!important;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 9px!important}
/* Report pages with more filters use multiple rows, but do not stretch the page itself. */
body.bha-exchange-app #app:not(.is-transactions) form.report-filter#exchange-filter{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(90px,112px)!important}
body.bha-exchange-app #app:not(.is-transactions) form.report-filter#exchange-filter>label:nth-child(n+5){grid-column:auto!important}
/* Sidebar should fit typical desktop / 125% zoom without its own scrollbar. */
body.bha-exchange-app #app #sidebar.exchange-sidebar{padding:12px 11px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
body.bha-exchange-app #app #sidebar .exchange-brand{padding:0 3px 10px!important;flex:0 0 auto!important}
body.bha-exchange-app #app #sidebar .nav-label{padding:12px 8px 7px!important;font-size:9px!important}
body.bha-exchange-app #app #sidebar .exchange-nav-parent{color:#fff!important;padding:6px 7px!important;margin:0 5px 5px!important;min-height:27px!important}
body.bha-exchange-app #app #sidebar .exchange-nav-parent strong{color:#e9f4ff!important}
body.bha-exchange-app #app #sidebar #nav{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:2px!important;min-height:0!important}
body.bha-exchange-app #app #sidebar #nav button{min-height:35px!important;height:35px!important;flex:0 0 35px!important;padding:5px 9px!important;line-height:1.15!important;font-size:12px!important;border:0!important}
body.bha-exchange-app #app #sidebar #nav .nav-symbol{font-size:16px!important;min-width:20px!important;width:20px!important}
body.bha-exchange-app #app #sidebar .system-nav-label{margin-top:6px!important;padding:10px 8px 5px!important}
body.bha-exchange-app #app #sidebar .exchange-system-hint{font-size:10px!important;line-height:1.35!important}
body.bha-exchange-app #app #sidebar .sidebar-footer{flex:0 0 auto!important;padding:9px 6px 0!important;font-size:10px!important}
/* Exactly one visible horizontal bar: the pinned, synchronized bar below the table. */
body.bha-exchange-app #app .exchange-table-wrap::-webkit-scrollbar:horizontal{height:0!important;display:none!important}
body.bha-exchange-app #app .exchange-table-wrap::-webkit-scrollbar:vertical{width:9px!important}
body.bha-exchange-app #app .exchange-table-wrap{scrollbar-color:#aec6e0 #f0f6fb!important}
body.bha-exchange-app #app .panel .exchange-bottom-scroll{display:block!important;flex:0 0 19px!important;height:19px!important;min-height:19px!important;max-height:19px!important;overflow-x:scroll!important;overflow-y:hidden!important;scrollbar-width:auto!important;position:relative!important;z-index:16!important}
body.bha-exchange-app #app .panel .exchange-bottom-scroll::-webkit-scrollbar{height:13px!important}
body.bha-exchange-app #app .panel .exchange-bottom-scroll::-webkit-scrollbar-thumb{background:#6a9bc6!important;border-radius:9px!important}
body.bha-exchange-app #app .exchange-table th{position:sticky!important;top:0!important;z-index:5!important;background:#edf3fa!important}
body.bha-exchange-app #app .exchange-table .exchange-sticky-action{position:sticky!important;right:0!important;left:auto!important;z-index:12!important;box-shadow:-3px 0 8px #1b4c7918!important;background:#f8fbff!important}
body.bha-exchange-app #app .exchange-table th.exchange-sticky-action{z-index:20!important;background:#e4effe!important}
body.bha-exchange-app #app .exchange-table td.exchange-sticky-action{background:#f8fbff!important}
body.bha-exchange-app #app .exchange-table .exchange-row-actions{white-space:nowrap!important;justify-content:center!important}
body.bha-exchange-app #app .exchange-table .exchange-row-actions button{min-height:25px!important;padding:4px 6px!important}
/* Constrained screens: condense secondary chrome rather than leave only one row. */
@media (max-height:820px){
 body.bha-exchange-app #app .workspace-main>header.topbar{height:52px!important;min-height:52px!important;flex-basis:52px!important}
 body.bha-exchange-app #app .exchange-page{padding-top:9px!important;padding-bottom:6px!important}
 body.bha-exchange-app #app .exchange-page .page-head{margin-bottom:6px!important;min-height:39px!important}
 body.bha-exchange-app #app .exchange-page .read-only-banner{min-height:35px!important;margin-bottom:6px!important;padding:5px 10px!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter{padding:7px 10px!important;margin-bottom:6px!important}
 body.bha-exchange-app #app #sidebar #nav button{min-height:32px!important;height:32px!important;flex-basis:32px!important}
}
@media (max-width:1160px){
 body.bha-exchange-app #app form.report-filter#exchange-filter{grid-template-columns:repeat(4,minmax(0,1fr)) 84px!important;column-gap:7px!important}
}
@media (max-width:1000px) and (min-width:921px){
 body.bha-exchange-app #app{grid-template-columns:210px minmax(0,1fr)!important}
 body.bha-exchange-app #app #sidebar.exchange-sidebar{width:210px!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter{grid-template-columns:repeat(2,minmax(0,1fr)) 90px!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter>label:nth-of-type(3){grid-column:1!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter>button{grid-column:3!important}
}
@media (max-width:920px){
 body.bha-exchange-app #app{grid-template-columns:minmax(0,1fr)!important}
 body.bha-exchange-app #app #sidebar.exchange-sidebar{width:min(275px,85vw)!important;position:fixed!important;z-index:50!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter{grid-template-columns:repeat(2,minmax(0,1fr)) 84px!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter>button{grid-column:3!important}
}
@media (max-width:600px){
 body.bha-exchange-app #app .exchange-page{padding-left:9px!important;padding-right:9px!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.bha-exchange-app #app form.report-filter#exchange-filter>button{grid-column:2!important}
 body.bha-exchange-app #app .exchange-page .page-head h1{font-size:20px!important}
 body.bha-exchange-app #app #exchange-result .exchange-pagination{font-size:10px!important;gap:5px!important}
}
@media print{html:has(body.bha-exchange-app),body.bha-exchange-app{height:auto!important;overflow:visible!important}}

/* V6: custom, always-visible horizontal thumb (not dependent on OS overlay scrollbars). */
body.bha-exchange-app #app .panel .exchange-bottom-scroll{
 position:relative!important;display:block!important;overflow:hidden!important;cursor:default!important;
 flex:0 0 19px!important;height:19px!important;min-height:19px!important;max-height:19px!important;
 border:0!important;border-top:1px solid #d5e4f2!important;padding:0 5px!important;background:#ecf4fd!important;
}
body.bha-exchange-app #app .panel .exchange-scroll-track{
 position:relative!important;width:100%!important;height:11px!important;margin-top:3px!important;
 border-radius:8px!important;background:#cfdeed!important;cursor:pointer!important;
}
body.bha-exchange-app #app .panel .exchange-scroll-thumb{
 position:absolute!important;left:0!important;top:0!important;height:11px!important;
 background:#5892c9!important;border-radius:8px!important;border:1px solid #7aabda!important;
 will-change:transform;cursor:grab!important;touch-action:none!important;
}
body.bha-exchange-app #app .panel .exchange-scroll-track:active .exchange-scroll-thumb{cursor:grabbing!important;background:#2c76b8!important}
body.bha-exchange-app #app .panel .exchange-bottom-scroll:focus-visible{outline:2px solid #226ec9!important;outline-offset:-2px!important}
body.bha-exchange-app #app .panel .exchange-bottom-scroll:not(.is-scrollable) .exchange-scroll-thumb{background:#acc6dc!important;cursor:default!important}