/* v181 — visual polish only (no markup / logic / typography-size changes) */
@media screen{
/* 1. Dashboard chart-panel headers: keep title + subtitle on one line at 1366px so all three panels line up */
body #dashboardTab.tab-content.tab-content .ud-charts .ud-panel-title{padding-left:10px!important;padding-right:10px!important;gap:6px!important;flex-wrap:nowrap!important}
body #dashboardTab.tab-content.tab-content .ud-charts .ud-panel-title h3{white-space:nowrap!important;letter-spacing:-.3px!important}
body #dashboardTab.tab-content.tab-content .ud-charts .ud-panel-title span{white-space:nowrap!important;flex:0 0 auto!important}
/* 2. ERP Report Center: report area sits on the same left/right edges as the filter card and KPI row in EVERY view */
body #erpReportsTab.tab-content.tab-content #erpSelectedReportArea{margin-left:0!important;margin-right:0!important}
body #erpReportsTab.tab-content.tab-content .erp-ar-hero,body #erpReportsTab.tab-content.tab-content .erp-ar-kpis{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
body #erpReportsTab#erpReportsTab.tab-content.tab-content .erp-ar-hero,body #erpReportsTab#erpReportsTab.tab-content.tab-content .erp-ar-kpis,body #erpReportsTab#erpReportsTab.tab-content.tab-content [id$='Kpis'],body #erpReportsTab#erpReportsTab.tab-content.tab-content [id$='Hero']{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
/* 3. Report tables: last column never hugs the card edge; action buttons are never clipped / ellipsised */
body #erpReportsTab.tab-content.tab-content .erp-ar-report table th:last-child,body #erpReportsTab.tab-content.tab-content .erp-ar-report table td:last-child{padding-right:16px!important}
body #erpReportsTab.tab-content.tab-content .erp-ar-report table td:last-child{overflow:visible!important;text-overflow:clip!important}
body #erpReportsTab.tab-content.tab-content .erp-ar-report td .erp-ar-view{white-space:nowrap!important}
/* Tables whose last cell holds an action button get a wider last column, so the button fits inside the card at any window width */
body #erpReportsTab.tab-content.tab-content .erp-ar-report table:has(tbody td:last-child > button) th:last-child{width:150px!important}
body #erpReportsTab.tab-content.tab-content .erp-ar-report table:has(tbody td:last-child > button) td:last-child{text-align:left}
/* 4. Party Account Summary: search box on the right like every other table panel header */
body #erpReportsTab.tab-content.tab-content .erp-ar-table-head > .erp-ar-search:first-child{margin-left:auto!important}
/* 5. Bills & Statements: hub title, sort bar and table read as ONE card (same panel pattern as the other registers) */
body #billsTab.tab-content.tab-content > .header-bar{margin:0!important;border-radius:12px 12px 0 0!important;box-shadow:none!important;border-bottom:1px solid #edf2f7!important;min-height:52px!important;padding-top:8px!important;padding-bottom:8px!important}
body #billsTab.tab-content.tab-content > .sort-bar{margin:0!important;background:#fff!important;border:1px solid #dfe7f0!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;box-shadow:none!important}
body #billsTab.tab-content.tab-content > .table-container{margin:0!important;border-radius:0!important;border-top:0!important}
/* 6. Payments Hub: tabs + search + date range on a single row when the panel is wide enough */
body #paymentsTab.tab-content.tab-content .ph-tools .ph-search{width:170px!important;min-width:140px!important;flex:0 1 170px!important}
}