/* AMI VISION v2.9.501 - Screenshot-driven layout corrections. */
/* Sidebar brand: reserve a non-overlapping slot for logo, name and collapse control. */
body.ami-saas485 #sidebar.ami293-sidebar .ami293-brand{display:grid!important;grid-template-columns:34px minmax(0,1fr) 36px!important;gap:7px!important;padding:10px 2px!important;width:100%;max-width:100%;box-sizing:border-box}
body.ami-saas485 #sidebar.ami293-sidebar .ami293-logo{width:34px!important;min-width:0!important;max-width:34px!important;flex-basis:34px!important}
body.ami-saas485 #sidebar.ami293-sidebar .ami293-logo svg{width:33px!important;height:40px!important}
body.ami-saas485 #sidebar.ami293-sidebar .side-brand-copy{width:auto!important;min-width:0!important;max-width:100%;overflow:hidden!important}
body.ami-saas485 #sidebar.ami293-sidebar .side-brand-copy b{font-size:13px!important;letter-spacing:-.025em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%}
body.ami-saas485 #sidebar.ami293-sidebar .side-brand-copy small{font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.ami-saas485 #sidebar.ami293-sidebar .side-menu-toggle{width:36px!important;min-width:36px!important;height:36px!important;justify-self:end}
/* Preserve the previous functional collapsed-sidebar layout. */
body.ami-saas485 #app.sidebar-collapsed #sidebar.ami293-sidebar .ami293-brand{display:flex!important;justify-content:center!important;padding:8px 0!important}
/* The empty-looking square in the top bar is Quick Add: give its plus a visible contrast. */
body.ami-saas485 .topbar #top-add-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;color:#155eef!important;font-size:24px!important;font-weight:700!important;line-height:1!important;padding:0!important}
body.ami-saas485 .main,body.ami-saas485 #content{min-width:0!important;max-width:100%;box-sizing:border-box}
body.ami-saas485 #content :is(.po301,.ptr246,.ami182-project-page,.brick44-page,.rzx16-shell,.rzx201,.ami493-payout-page){min-width:0;max-width:100%;box-sizing:border-box}
/* Long tab rows: stay compact, scroll inside their own container rather than clipping cards. */
body.ami-saas485 #content :is(.brick44-topbar,.ami493-payout-tabs,.ami493-nsic-tabs,.rzx16-tabs,.nsic-tabs,.po301-tabs,.pt-tabs){display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;min-width:0!important;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body.ami-saas485 #content :is(.brick44-topbar,.ami493-payout-tabs,.ami493-nsic-tabs,.rzx16-tabs,.nsic-tabs,.po301-tabs,.pt-tabs)>:is(button,.btn){flex:0 0 auto!important;white-space:nowrap!important;max-width:none!important}
/* Keep wide finance/report tables within their own scrolling surface. */
body.ami-saas485 #content :is(.table-wrap,.table-responsive,.ptr246-scroll,.po301-table-wrap,.rzx201-table-wrap){max-width:100%!important;min-width:0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.ami-saas485 #content :is(.po301,.ptr246) :is(.grid,.cards,.po301-metrics,.po301-dashboard-grid){min-width:0;max-width:100%}
body.ami-saas485 #content :is(.po301,.ptr246) :is(.grid,.cards)>*{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:760px){body.ami-saas485 #content{padding-left:10px!important;padding-right:10px!important}body.ami-saas485 .topbar #top-add-btn{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important}}
@media print{body.ami-saas485 #content :is(.brick44-topbar,.ami493-payout-tabs,.ami493-nsic-tabs,.rzx16-tabs,.nsic-tabs){display:none!important}}