/* PhotoBridge v897 — authoritative finance geometry + invoice date/click/range UX. */
html body #root .labRolePageScrollArea,
html body #root .labRolePageScrollArea>.financeWorkspace.accountingWorkspace,
html body #root .labRolePageScrollArea>.financeWorkspace.accountingWorkspace>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body #root .labRolePageScrollArea>.financeWorkspace.accountingWorkspace{width:100%!important;margin-inline:0!important;overflow-x:hidden!important}
html body #root .labRolePageScrollArea .financeTopline,
html body #root .labRolePageScrollArea .financeSectionTabs,
html body #root .labRolePageScrollArea .accountingSummary,
html body #root .labRolePageScrollArea .invoiceTableCard,
html body #root .labRolePageScrollArea .invoiceListToolbar,
html body #root .labRolePageScrollArea .invoiceRangeToolbar,
html body #root .labRolePageScrollArea .accountingInvoiceRows,
html body #root .labRolePageScrollArea .financeListCard,
html body #root .labRolePageScrollArea .financeRecordRows,
html body #root .labRolePageScrollArea .customerStatementWorkspace,
html body #root .labRolePageScrollArea .statementToolbar,
html body #root .labRolePageScrollArea .statementFilters,
html body #root .labRolePageScrollArea .statementActions,
html body #root .labRolePageScrollArea .statementPaper,
html body #root .labRolePageScrollArea .statementHead,
html body #root .labRolePageScrollArea .statementSummary,
html body #root .labRolePageScrollArea .statementTableWrap{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
html body #root .labRolePageScrollArea .financeTopline>* ,
html body #root .labRolePageScrollArea .invoiceListToolbar>* ,
html body #root .labRolePageScrollArea .invoiceRangeToolbar>* ,
html body #root .labRolePageScrollArea .financeRecordRows>div>* ,
html body #root .labRolePageScrollArea .statementToolbar>* ,
html body #root .labRolePageScrollArea .statementFilters>* ,
html body #root .labRolePageScrollArea .statementActions>* ,
html body #root .labRolePageScrollArea .statementHead>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body #root .labRolePageScrollArea .invoiceRangeToolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;gap:8px!important;align-items:end!important;padding:10px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#f8fafc!important}
html body #root .labRolePageScrollArea .invoiceRangeToolbar label{display:grid!important;gap:5px!important;min-width:0!important;color:#475467!important;font-size:10px!important;font-weight:800!important}
html body #root .labRolePageScrollArea .invoiceRangeToolbar input{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body #root .labRolePageScrollArea .invoiceRangeToolbar>button{min-height:40px!important;height:40px!important;border-radius:10px!important;padding:0 13px!important;font-weight:900!important;white-space:nowrap!important}
html body #root .labRolePageScrollArea .invoiceRangeToolbar .invoiceRangeApply{background:#315efb!important;border-color:#315efb!important;color:#fff!important}
html body #root .labRolePageScrollArea .invoiceRangeToolbar .invoiceRangeAll{background:#fff!important;border-color:#d0d5dd!important;color:#475467!important}
html body #root .labRolePageScrollArea .invoiceIssuedInline{display:block!important;margin-top:4px!important;color:#475467!important;font-size:9px!important;font-weight:800!important;line-height:1.45!important;white-space:normal!important}
html body #root .labRolePageScrollArea .invoiceRowClickable{cursor:pointer!important;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important}
html body #root .labRolePageScrollArea .invoiceRowClickable:hover{background:#f8fbff!important}
html body #root .labRolePageScrollArea .financeRecordRows>div{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body #root .labRolePageScrollArea .financeRecordRows>div>div,
html body #root .labRolePageScrollArea .financeRecordRows>div>span,
html body #root .labRolePageScrollArea .financeRecordRows>div>strong{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important}
html body #root .labRolePageScrollArea .statementCustomerSearchWrap,
html body #root .labRolePageScrollArea .statementDateControl,
html body #root .labRolePageScrollArea .pb891SearchableCustomerSelect,
html body #root .labRolePageScrollArea .pbSelect,
html body #root .labRolePageScrollArea .pbSelectSearchShell{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

@media(max-width:820px){
  html,body,#root{max-width:100vw!important;overflow-x:hidden!important}
  html body #root .labRolePageScrollArea{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important}
  html body #root .labRolePageScrollArea>.financeWorkspace.accountingWorkspace{width:100%!important;max-width:100%!important;padding:6px 8px calc(92px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  html body #root .labRolePageScrollArea .financeTopline{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;padding-inline:0!important}
  html body #root .labRolePageScrollArea .financeTopline h2,
  html body #root .labRolePageScrollArea .financeTopline p{max-width:100%!important;overflow-wrap:anywhere!important}
  html body #root .labRolePageScrollArea .financeTopActions{width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html body #root .labRolePageScrollArea .financeTopActions>button{width:100%!important;min-width:0!important;margin:0!important}
  html body #root .labRolePageScrollArea .financeSectionTabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;overflow:hidden!important;padding:0!important}
  html body #root .labRolePageScrollArea .financeSectionTabs button{width:100%!important;min-width:0!important;max-width:100%!important;min-height:38px!important;padding:6px 4px!important;white-space:normal!important;line-height:1.35!important;font-size:9px!important;text-align:center!important}
  html body #root .labRolePageScrollArea .accountingSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html body #root .labRolePageScrollArea .accountingSummary>div{min-width:0!important;padding:8px!important}
  html body #root .labRolePageScrollArea .accountingSummary b{font-size:12px!important;overflow-wrap:anywhere!important}
  html body #root .labRolePageScrollArea .invoiceTableCard,
  html body #root .labRolePageScrollArea .financeListCard{padding:8px!important;overflow:hidden!important}
  html body #root .labRolePageScrollArea .invoiceListToolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;align-items:stretch!important}
  html body #root .labRolePageScrollArea .financeInvoiceSearch,
  html body #root .labRolePageScrollArea .financeInvoiceSearch input{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  html body #root .labRolePageScrollArea .invoiceRangeToolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
  html body #root .labRolePageScrollArea .invoiceRangeToolbar>button{width:100%!important;min-width:0!important;padding:0 6px!important;white-space:normal!important;font-size:9.5px!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows{display:grid!important;gap:7px!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:9px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div:first-child{grid-column:1!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div:nth-child(2){grid-column:2!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div.invoiceActionStack{grid-column:1/-1!important;width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:stretch!important;gap:5px!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div.invoiceActionStack>*{flex:1 1 auto!important;min-width:0!important}
  html body #root .labRolePageScrollArea .invoiceActionMini{min-width:0!important;width:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  html body #root .labRolePageScrollArea .invoiceActionMini button{min-width:0!important;width:100%!important;padding:7px 4px!important}
  html body #root .labRolePageScrollArea .financeRecordRows{display:grid!important;gap:7px!important}
  html body #root .labRolePageScrollArea .financeRecordRows>div{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:9px!important;border:1px solid #e4e7ec!important;border-radius:11px!important;background:#fff!important}
  html body #root .labRolePageScrollArea .financeRecordRows>div>span{display:none!important}
  html body #root .labRolePageScrollArea .financeRecordRows>div>strong{text-align:left!important;font-size:12px!important;align-self:start!important}
  html body #root .labRolePageScrollArea .financeRecordRows>div>.miniCorrectionBtn{grid-column:1/-1!important;width:100%!important;min-width:0!important}
  html body #root .labRolePageScrollArea .customerStatementWorkspace{overflow:hidden!important;gap:8px!important}
  html body #root .labRolePageScrollArea .statementToolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:8px!important;overflow:hidden!important}
  html body #root .labRolePageScrollArea .statementFilters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:end!important}
  html body #root .labRolePageScrollArea .statementFilters label{min-width:0!important;width:100%!important;margin:0!important}
  html body #root .labRolePageScrollArea .statementCustomerPicker{grid-column:1/-1!important}
  html body #root .labRolePageScrollArea .statementFilters>.primary{grid-column:1/-1!important;width:100%!important;min-width:0!important;margin:0!important}
  html body #root .labRolePageScrollArea .statementActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
  html body #root .labRolePageScrollArea .statementActions>button{width:100%!important;min-width:0!important;margin:0!important;padding:0 5px!important}
  html body #root .labRolePageScrollArea .statementPaper{padding:9px!important;overflow:hidden!important}
  html body #root .labRolePageScrollArea .statementHead{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;direction:rtl!important;text-align:right!important;overflow:hidden!important}
  html body #root .labRolePageScrollArea .statementHead>div:first-child,
  html body #root .labRolePageScrollArea .statementHead>div:last-child{text-align:right!important;width:100%!important;min-width:0!important;max-width:100%!important}
  html body #root .labRolePageScrollArea .statementHead h3,
  html body #root .labRolePageScrollArea .statementHead b,
  html body #root .labRolePageScrollArea .statementHead small{max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important}
  html body #root .labRolePageScrollArea .statementSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html body #root .labRolePageScrollArea .statementSummary>div{min-width:0!important;padding:7px!important}
  html body #root .labRolePageScrollArea .statementTableWrap{overflow:hidden!important}
  html body #root .labRolePageScrollArea table.statementTable{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}
  html body #root .labRolePageScrollArea table.statementTable thead{display:none!important}
  html body #root .labRolePageScrollArea table.statementTable tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;min-width:0!important}
  html body #root .labRolePageScrollArea table.statementTable tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 8px!important;width:100%!important;min-width:0!important;padding:7px 8px!important;box-sizing:border-box!important}
  html body #root .labRolePageScrollArea table.statementTable td{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:6px!important;width:auto!important;min-width:0!important;padding:3px 0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #root .labRolePageScrollArea table.statementTable td:nth-child(3),
  html body #root .labRolePageScrollArea table.statementTable td:nth-child(7){grid-column:1/-1!important}
}
@media(max-width:460px){
  html body #root .labRolePageScrollArea>.financeWorkspace.accountingWorkspace{padding-left:5px!important;padding-right:5px!important}
  html body #root .labRolePageScrollArea .financeSectionTabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #root .labRolePageScrollArea .invoiceRangeToolbar{grid-template-columns:minmax(0,1fr)!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow{grid-template-columns:minmax(0,1fr)!important}
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div:first-child,
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div:nth-child(2),
  html body #root .labRolePageScrollArea .accountingInvoiceRows .invoiceRow>div.invoiceActionStack{grid-column:1!important}
  html body #root .labRolePageScrollArea .financeRecordRows>div{grid-template-columns:minmax(0,1fr)!important}
  html body #root .labRolePageScrollArea .financeRecordRows>div>strong{text-align:right!important}
  html body #root .labRolePageScrollArea .statementFilters{grid-template-columns:minmax(0,1fr)!important}
  html body #root .labRolePageScrollArea .statementCustomerPicker,
  html body #root .labRolePageScrollArea .statementFilters>.primary{grid-column:1!important}
  html body #root .labRolePageScrollArea .statementActions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html body #root .labRolePageScrollArea .statementSummary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html body #root .labRolePageScrollArea table.statementTable tr{grid-template-columns:minmax(0,1fr)!important}
  html body #root .labRolePageScrollArea table.statementTable td:nth-child(3),
  html body #root .labRolePageScrollArea table.statementTable td:nth-child(7){grid-column:1!important}
}