/* BHA Exchange V7 - compact, single-horizontal-scroll layout. */
/* No browser-provided horizontal scrollbar: the one fixed control below each table owns X scrolling. */
body.bha-exchange-app #app .exchange-table-wrap.exchange-managed-scroll {
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#b2c8df #f0f5fa!important;
  overscroll-behavior:contain!important;
}
/* Chrome vertical bar remains available; never render a second horizontal track. */
body.bha-exchange-app #app .exchange-table-wrap.exchange-managed-scroll::-webkit-scrollbar:horizontal {display:none!important;height:0!important;}
body.bha-exchange-app #app .exchange-table-wrap.exchange-managed-scroll::-webkit-scrollbar:vertical {display:block!important;width:7px!important;}
/* The custom control is accessible, visible and the only horizontal control. */
body.bha-exchange-app #app .panel .exchange-bottom-scroll{
  flex:0 0 15px!important;height:15px!important;min-height:15px!important;max-height:15px!important;
  margin:0!important;padding:0 5px!important;border-top:1px solid #dbe7f3!important;
  background:#f1f6fc!important;overflow:hidden!important;
}
body.bha-exchange-app #app .panel .exchange-scroll-track{height:9px!important;margin-top:2px!important;background:#dae7f3!important;}
body.bha-exchange-app #app .panel .exchange-scroll-thumb{height:9px!important;background:#5790c6!important;border:1px solid #80a9ce!important;}
/* Compact header: remove duplicated eyebrow/subtitle and maximize the transaction grid. */
body.bha-exchange-app #app .workspace-main>header.topbar{
  flex:0 0 43px!important;min-height:43px!important;height:43px!important;
  padding:4px 14px!important;
}
body.bha-exchange-app #app .workspace-main .topbar-title small{display:none!important;}
body.bha-exchange-app #app .workspace-main .topbar-title strong{margin:0!important;font-size:13px!important;line-height:1.2!important;}
body.bha-exchange-app #app .topbar-left,body.bha-exchange-app #app .topbar-right{gap:10px!important;}
body.bha-exchange-app #app .language-toggle{padding:2px!important;}
body.bha-exchange-app #app .language-toggle button{padding:5px 9px!important;min-height:28px!important;}
body.bha-exchange-app #app .user-chip #avatar{height:27px!important;width:27px!important;font-size:12px!important;}
body.bha-exchange-app #app .exit-btn{min-height:29px!important;padding:5px 10px!important;}
body.bha-exchange-app #app .exchange-page{padding:7px clamp(10px,1.15vw,17px) 5px!important;}
body.bha-exchange-app #app .exchange-page .page-head{
  min-height:39px!important;margin-bottom:5px!important;gap:9px!important;align-items:center!important;
}
body.bha-exchange-app #app .exchange-page .page-head .eyebrow,
body.bha-exchange-app #app .exchange-page .page-head p {display:none!important;}
body.bha-exchange-app #app .exchange-page .page-head h1{font-size:21px!important;line-height:1.1!important;margin:0!important;}
body.bha-exchange-app #app .exchange-page #actions button{padding:7px 11px!important;min-height:31px!important;font-size:12px!important;}
body.bha-exchange-app #app .exchange-page .read-only-banner{
  min-height:29px!important;margin:0 0 5px!important;padding:5px 10px!important;gap:8px!important;
}
body.bha-exchange-app #app .exchange-page .read-only-banner strong{font-size:11px!important;line-height:1.2!important;}
body.bha-exchange-app #app .exchange-page .read-only-banner small{display:none!important;}
body.bha-exchange-app #app form.report-filter#exchange-filter{
  padding:6px 9px!important;margin-bottom:6px!important;column-gap:8px!important;row-gap:5px!important;
}
body.bha-exchange-app #app form.report-filter#exchange-filter>label{gap:3px!important;font-size:10px!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,
body.bha-exchange-app #app form.report-filter#exchange-filter>button{
  height:31px!important;min-height:31px!important;padding:3px 7px!important;font-size:12px!important;
}
body.bha-exchange-app #app.is-transactions #exchange-result>.panel .panel-head{
  height:31px!important;min-height:31px!important;flex:0 0 31px!important;padding:5px 11px!important;
}
body.bha-exchange-app #app .panel-head h3{font-size:13px!important;}
body.bha-exchange-app #app #exchange-result .exchange-pagination{
  height:34px!important;min-height:34px!important;flex:0 0 34px!important;padding:3px 9px!important;margin:5px 0 0!important;
}
body.bha-exchange-app #app #exchange-result .exchange-page-controls button{min-height:27px!important;padding:3px 9px!important;}
body.bha-exchange-app #app .exchange-table th{padding:7px 10px!important;font-size:10px!important;}
body.bha-exchange-app #app .exchange-table td{padding:6px 10px!important;height:35px!important;font-size:11px!important;}
body.bha-exchange-app #app .exchange-table .exchange-row-actions button{min-height:24px!important;padding:4px 6px!important;font-size:10px!important;}
/* Local demo form/modal retains all its functionality. */
@media (max-width:920px){
 body.bha-exchange-app #app .workspace-main>header.topbar{flex-basis:44px!important;min-height:44px!important;height:44px!important;}
 body.bha-exchange-app #app .exchange-page{padding:7px 9px 5px!important;}
}
@media(max-width:600px){
 body.bha-exchange-app #app .exchange-page .page-head{flex-wrap:wrap!important;min-height:34px!important;}
 body.bha-exchange-app #app .read-only-banner{margin-bottom:4px!important;}
}
@media print{body.bha-exchange-app #app .exchange-table-wrap.exchange-managed-scroll{overflow:visible!important;}}
/* Override the highly specific V6 transactions selector (important). */
body.bha-exchange-app #app.is-transactions #exchange-result>.panel .exchange-table-wrap.exchange-managed-scroll {
 overflow-x:hidden!important;
 overflow-y:auto!important;
}