/* Fit directories to their available panel width, including beside the sidebar. */
@media screen{
body.app-ready :is(#vendors,#projects).page{container-type:inline-size;min-width:0!important;max-width:100%!important;box-sizing:border-box}
body.app-ready :is(#vendors,#projects).page :is(.card,.bc-safe-table-scroll,.bc-table-shell,.bcp-vendor-table-wrap){width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;box-sizing:border-box}
body.app-ready :is(#vendors,#projects).page table.bc-record-table{display:table!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;box-sizing:border-box}
body.app-ready :is(#vendors,#projects).page table.bc-record-table thead{display:table-header-group!important}
body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody{display:table-row-group!important}
body.app-ready :is(#vendors,#projects).page table.bc-record-table tr{display:table-row!important}
body.app-ready :is(#vendors,#projects).page table.bc-record-table :is(th,td):nth-child(n){display:table-cell!important;width:auto!important;min-width:0!important;max-width:none!important;padding:10px 8px!important;font-size:12px!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;box-sizing:border-box}
body.app-ready :is(#vendors,#projects).page table.bc-record-table td::before{display:none!important}
body.app-ready #projects.page table.bc-record-table :is(th,td):first-child{width:36px!important}
body.app-ready #vendors.page table.bc-record-table :is(th,td):last-child{width:85px!important}
body.app-ready :is(#vendors,#projects).page table.bc-record-table :is(button,a,small,b,.bc-vendor-bank){min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box}
body.app-ready :is(#vendors,#projects).page table.bc-record-table button{width:100%!important;margin:3px 0!important;padding:7px 8px!important;font-size:12px!important;min-height:34px!important;height:auto!important;line-height:1.4!important}
body.app-ready #projects.page .bcp-project-actions{min-width:0!important;width:100%;gap:4px!important}
body.app-ready :is(#vendors,#projects).page table.bc-record-table :is(th,td):nth-child(n)[hidden],body.app-ready :is(#vendors,#projects).page table.bc-record-table button[hidden]{display:none!important}
@container (max-width:1050px){
 body.app-ready :is(#vendors,#projects).page table.bc-record-table{display:block!important}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table thead{display:none!important}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody tr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 18px!important;padding:16px!important;border:1px solid #dce5ef!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box;min-width:0!important;width:100%!important}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody tr td:nth-child(n){display:block!important;width:auto!important;min-width:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #edf1f5!important;font-size:13px!important;line-height:1.5!important;text-align:left!important}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody td[data-label]::before{display:block!important;content:attr(data-label)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.04em;color:#64788b;margin-bottom:5px;text-transform:uppercase}
 body.app-ready #vendors.page table.bc-record-table tbody tr td:first-child,body.app-ready #projects.page table.bc-record-table tbody tr td:nth-child(2){font-size:16px!important;font-weight:700!important;color:#173b54}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody tr td[colspan]{grid-column:1/-1!important;text-align:center!important;border:0!important}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody tr td[colspan]::before{display:none!important}
 body.app-ready :is(#vendors,#projects).page table.bc-record-table button{width:auto!important;margin:3px 6px 3px 0!important}
 body.app-ready #vendors.page table.bc-record-table .vendor-registration-cell button{width:auto!important}
}
@container (max-width:640px){
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 14px!important;padding:12px!important}
}
@container (max-width:400px){
 body.app-ready :is(#vendors,#projects).page table.bc-record-table tbody tr{grid-template-columns:minmax(0,1fr)!important}
}
}