/* Record lists scroll within their panel instead of squeezing or clipping cells. */
@media screen{
body.app-ready .page .bc-safe-table-scroll{box-sizing:border-box;max-width:100%!important;min-width:0;overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.app-ready .page table.bc-record-table:not(.recon-latest-table){table-layout:auto!important;min-width:var(--bc-record-min,900px)!important;max-width:none!important;width:100%!important}
body.app-ready .page table.bc-record-table>thead>tr>th,body.app-ready .page table.bc-record-table>tbody>tr>td{vertical-align:middle!important;line-height:1.45!important;word-break:normal!important;font-size:13px!important;padding:12px!important}
body.app-ready .page table.bc-record-table>thead>tr>th{font-size:11px!important;white-space:normal!important}
body.app-ready .page table.bc-record-table>tbody>tr>td{overflow-wrap:break-word}
body.app-ready .page table.bc-record-table .bc-record-actions-heading,body.app-ready .page table.bc-record-table .bc-record-actions{width:190px!important;min-width:190px!important;white-space:normal!important;overflow:visible!important;text-align:left!important}
body.app-ready .page table.bc-record-table .bc-record-actions :is(button,a){box-sizing:border-box!important;max-width:100%!important;min-height:36px;height:auto!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.4!important;margin:3px!important;vertical-align:middle;flex-shrink:0}
body.app-ready .page table.bc-record-table .bc-record-actions>div:not(.recon-action-grid){max-width:100%;flex-wrap:wrap!important;gap:6px}
body.app-ready .page table.bc-record-table .bc-record-actions [hidden]{display:none!important}
/* Two document buttons stack cleanly; labels never run into the Edit column. */
body.app-ready #vendors .bcp-vendor-table-wrap table{min-width:1560px!important;table-layout:fixed!important}
body.app-ready #vendors table.bc-record-table .vendor-registration-cell button{width:100%!important;min-width:0!important;margin:3px 0!important;padding:8px 10px!important}
body.app-ready #vendors table.bc-record-table .bc-record-actions{min-width:160px!important;width:160px!important}
body.app-ready #vendors table.bc-record-table td:nth-child(3){white-space:nowrap!important;font-variant-numeric:tabular-nums}
body.app-ready #recon.page table.recon-latest-table .bc-record-actions{width:280px!important;min-width:280px!important}
body.app-ready #recon.page table.recon-latest-table .recon-inline-history-row>td{padding:0!important}
/* Projects use one native table grid; header and body always share columns. */
body.app-ready #projects.page .card{overflow:visible!important}
body.app-ready #projects.page table.bc-record-table{display:table!important;min-width:1460px!important;overflow:visible!important;table-layout:auto!important}
body.app-ready #projects.page table.bc-record-table thead{display:table-header-group!important}
body.app-ready #projects.page table.bc-record-table tbody{display:table-row-group!important}
body.app-ready #projects.page table.bc-record-table tr{display:table-row!important}
body.app-ready #projects.page table.bc-record-table :is(th,td){display:table-cell!important;overflow:visible!important;min-width:100px!important;text-align:left!important}
body.app-ready #projects.page table.bc-record-table :is(th,td):first-child{width:52px!important;min-width:52px!important;text-align:center!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
body.app-ready #projects.page table.bc-record-table :is(th,td):nth-child(2){min-width:190px!important}
body.app-ready #projects.page table.bc-record-table :is(th,td):nth-child(7){min-width:200px!important;overflow-wrap:anywhere!important}
body.app-ready #projects.page table.bc-record-table :is(th,td):nth-child(8){min-width:155px!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
body.app-ready #projects.page table.bc-record-table :is(th,td):last-child{min-width:200px!important}
body.app-ready #projects.page .project-edit-btn{font-size:12px!important;min-height:36px;padding:8px 12px!important}
/* Let controls wrap instead of disappearing at the edge of a toolbar. */
body.app-ready main .page .toolbar{overflow:visible!important;flex-wrap:wrap!important;gap:10px}
body.app-ready main .page :is(.bc-acct-toolbar,.bc-wh-toolbar,.bc-hr-toolbar,.erp-page-head,.bc-hr-page-head,.bc-acct-page-head){min-width:0;flex-wrap:wrap;gap:12px}
body.app-ready main .page :is(.toolbar,.bc-acct-toolbar,.bc-wh-toolbar,.bc-hr-toolbar)>*{box-sizing:border-box;max-width:100%;min-width:0}
body.app-ready main .page :is(.form,.erp-form,.bc-acct-form,.bc-wh-form,.bc-hr-form)>*{min-width:0;box-sizing:border-box}
body.app-ready :is(.modalbox,dialog){box-sizing:border-box;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);overflow-y:auto}
body.app-ready :is(.modalbox,dialog) :is(input,select,textarea){box-sizing:border-box;max-width:100%}
body.app-ready #platformOverview .sa-row-actions{flex-wrap:wrap;white-space:normal;gap:8px}
/* Preserve existing card layouts at their original responsive breakpoints. */
@media(max-width:1440px){body.app-ready #hrEmployeesPage table.bc-record-table{min-width:0!important}body.app-ready #hrEmployeesPage table.bc-record-table .bc-record-actions{width:auto!important;min-width:0!important}}
@media(max-width:900px){body.app-ready #users table.users-table.bc-record-table,body.app-ready #platformOverview .sa-directory table.bc-record-table{min-width:0!important}body.app-ready :is(#users,#platformOverview) table.bc-record-table .bc-record-actions{width:auto!important;min-width:0!important}}
@media(max-width:760px){body.app-ready #users .bcp-company-table.bc-record-table{min-width:0!important}}
@media(max-width:599px){body.app-ready :is(#purchase_requests,#purchase_orders) table.bc-record-table{min-width:0!important}body.app-ready :is(#purchase_requests,#purchase_orders) table.bc-record-table .bc-record-actions{width:auto!important;min-width:0!important}}
@media(max-width:700px){
body.app-ready #projects.page table.bc-record-table{display:block!important;min-width:0!important;width:100%!important}
body.app-ready #projects.page table.bc-record-table thead{display:none!important}
body.app-ready #projects.page table.bc-record-table tbody{display:grid!important;gap:12px}
body.app-ready #projects.page table.bc-record-table tbody tr{display:block!important;padding:12px!important;border:1px solid #dce5ef;border-radius:10px;background:#fff}
body.app-ready #projects.page table.bc-record-table tbody tr td:nth-child(n){display:grid!important;grid-template-columns:minmax(100px,34%) minmax(0,1fr)!important;gap:10px!important;width:auto!important;min-width:0!important;text-align:left!important;padding:10px 0!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.app-ready #projects.page table.bc-record-table tbody td::before{font-size:11px!important;font-weight:600;color:#64788b}
body.app-ready #projects.page table.bc-record-table tbody td:last-child{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.app-ready #projects.page table.bc-record-table tbody td:last-child::before{flex-basis:100%}
body.app-ready #projects.page table.bc-record-table tbody td[colspan]{display:block!important}
body.app-ready #projects.page table.bc-record-table tbody td[colspan]::before{display:none}
}
@media(max-width:600px){body.app-ready .page .toolbar :is(input,select){flex:1 1 160px;width:auto!important}body.app-ready .page .toolbar button{white-space:normal!important;min-height:40px}body.app-ready .page table.bc-record-table .bc-record-actions :is(button,a){min-height:40px}}
}