/* Match Store and Print finance surfaces to PhotoBridge blue, and remove the redundant post-summary heading. */
@media(max-width:820px){
  #financePanel .financeTabsV813,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs.pb817FinanceTabs{
    background:#eaf2ff!important;border:1px solid #d6e6ff!important;box-shadow:none!important;border-radius:13px!important
  }
  #financePanel .financeTabsV813>button,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs.pb817FinanceTabs>button{
    background:#fff!important;color:#315efb!important;border:1px solid #d6e6ff!important;border-radius:9px!important
  }
  #financePanel .financeTabsV813>button.active,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs.pb817FinanceTabs>button.active{
    background:#315efb!important;border-color:#315efb!important;color:#fff!important;box-shadow:0 2px 8px rgba(49,94,251,.18)!important
  }
  #financePanel .financeSectionHeadingV813,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace>.financeTopline{display:none!important}
}

/* R100F80: readable finance rows across store and lab accounting workspaces. */
.financeWorkspace .accountingInvoiceRows .invoiceRow{font-size:13px!important;line-height:1.65!important}
.financeWorkspace .accountingInvoiceRows .invoiceRow small{font-size:11.5px!important;line-height:1.65!important}
.financeWorkspace .accountingInvoiceRows .invoiceRow b{font-size:13.5px!important;line-height:1.65!important}
.financeWorkspace .accountingInvoiceRows .invoiceRow button,.financeWorkspace .invoiceDownloadMini{font-size:11.5px!important;line-height:1.5!important}
.financeWorkspace .financeRecordRows>div{font-size:13px!important;line-height:1.7!important}
.financeWorkspace .financeRecordRows b,.financeWorkspace .financeRecordRows strong{font-size:14px!important;line-height:1.6!important}
.financeWorkspace .financeRecordRows small{font-size:11.5px!important;line-height:1.65!important}
.financeWorkspace .ledgerTxnHead b{font-size:13.5px!important;line-height:1.6!important}
.financeWorkspace .ledgerTxnHead small{font-size:11.5px!important;line-height:1.65!important}
.financeWorkspace .ledgerEntries>div{font-size:12.5px!important;line-height:1.65!important}
.financeWorkspace .statementTable th{font-size:11.5px!important;line-height:1.6!important}
.financeWorkspace .statementTable td{font-size:12.5px!important;line-height:1.7!important}
.financeWorkspace .statementTable td small{font-size:11px!important;line-height:1.6!important}
.financeWorkspace .receivableCustomerRow b,.financeWorkspace .receivableCustomerRow strong{font-size:13.5px!important;line-height:1.6!important}
.financeWorkspace .receivableCustomerRow small{font-size:11.5px!important;line-height:1.6!important}
.financeWorkspace .financeListCard,.financeWorkspace .ledgerCard{font-size:13px!important}

/* The store's separate rental-accounting screen uses its legacy panel markup. */
#accounting .pb855FinanceInvoiceRow{font-size:13px!important;line-height:1.7!important}
#accounting .pb855FinanceInvoiceRow small{font-size:11.5px!important;line-height:1.7!important}
#accounting .pb855FinanceInvoiceRow b{font-size:13.5px!important;line-height:1.65!important}
#accounting .pb855FinanceInvoiceRow .pb855InvoiceStatus{font-size:10.5px!important}
#accounting .pb856FinancePanel .accountingTable th{font-size:11px!important;line-height:1.6!important}
#accounting .pb856FinancePanel .accountingTable td{font-size:12px!important;line-height:1.7!important}
#accounting .pb856FinancePanel .accountingTable td small{font-size:10.5px!important;line-height:1.6!important}
#accounting .pb856StatementMeta{font-size:11.5px!important;line-height:1.7!important}
#accounting .pb856FinanceSummary .stat small{font-size:10px!important;line-height:1.6!important}
#accounting .pb856FinanceSummary .stat b{font-size:12px!important;line-height:1.6!important}
#accounting .pb856PaymentsList{font-size:12px!important;line-height:1.7!important}
#accounting .pb856PaymentsList small{font-size:11px!important;line-height:1.65!important}
#accounting .pb856PaymentForm label{font-size:12px!important;line-height:1.65!important}
#accounting .pb856PaymentForm input,#accounting .pb856PaymentForm select,#accounting .pb856PaymentForm button{font-size:12px!important}

/* R100F81: make the store manager finance workspace comfortable to read. */
html body #accounting .pb856FinanceShell,
html body #accounting .pb856FinanceShell p,
html body #accounting .pb856FinanceShell label,
html body #accounting .pb856FinanceShell summary{font-size:14px!important;line-height:1.8!important}
html body #accounting .pb856FinanceTabs button{font-size:14px!important;line-height:1.6!important}
html body #accounting .pb856FinancePanel h2,
html body #accounting .pb856FinancePanel h3{font-size:17px!important;line-height:1.6!important}
html body #accounting .pb856FinanceSummary .stat small,
html body #accounting .pb856FinancePanel .accountingSummary .stat small{font-size:12.5px!important;line-height:1.7!important}
html body #accounting .pb856FinanceSummary .stat b,
html body #accounting .pb856FinancePanel .accountingSummary .stat b{font-size:15px!important;line-height:1.6!important}
html body #accounting .pb855FinanceInvoiceRow{font-size:14px!important;line-height:1.75!important}
html body #accounting .pb855FinanceInvoiceRow small{font-size:12.5px!important;line-height:1.7!important}
html body #accounting .pb855FinanceInvoiceRow b{font-size:15px!important;line-height:1.7!important}
html body #accounting .pb855FinanceInvoiceRow .pb855InvoiceStatus,
html body #accounting .pb855FinanceInvoiceRow .pb890AccountingBadge{font-size:12px!important;line-height:1.6!important}
html body #accounting .pb890InvoiceRange label{font-size:13px!important;line-height:1.7!important}
html body #accounting .pb890InvoiceRange input,
html body #accounting .pb890InvoiceRange button{font-size:13px!important}
html body #accounting .pb890AccountingAction{position:relative!important;z-index:2!important;pointer-events:auto!important}
html body #accounting .pb890AccountingAction button{position:relative!important;z-index:3!important;pointer-events:auto!important;font-size:13px!important;line-height:1.6!important;min-height:40px!important}
html body #accounting .pb856FinancePanel .accountingTable th{font-size:13px!important;line-height:1.7!important}
html body #accounting .pb856FinancePanel .accountingTable td{font-size:14px!important;line-height:1.8!important}
html body #accounting .pb856FinancePanel .accountingTable td small{font-size:12.5px!important;line-height:1.7!important}
html body #accounting .pb856StatementMeta,
html body #accounting .pb856Balances summary,
html body #accounting .pb856PaymentsList,
html body #accounting .pb856PaymentForm label{font-size:13px!important;line-height:1.8!important}
html body #accounting .pb856PaymentForm input,
html body #accounting .pb856PaymentForm select,
html body #accounting .pb856PaymentForm button,
html body #accounting .pb856ExportActions button{font-size:13px!important;line-height:1.6!important}
html body #accounting .pb856PaymentForm small,
html body #accounting .pb856PaymentsList small{font-size:12px!important;line-height:1.7!important}
@media(max-width:700px){
  html body #accounting .pb856FinanceTabs button{font-size:13px!important}
  html body #accounting .pb856FinanceSummary .stat small{font-size:11px!important}
  html body #accounting .pb856FinanceSummary .stat b{font-size:13px!important}
  html body #accounting .pb855FinanceInvoiceRow{font-size:13px!important}
  html body #accounting .pb855FinanceInvoiceRow b{font-size:14px!important}
  html body #accounting .pb855FinanceInvoiceRow small{font-size:12px!important}
  html body #accounting .pb856FinancePanel .accountingTable td{font-size:13px!important}
  html body #accounting .pb856FinancePanel .accountingTable td::before{font-size:11px!important}
}

/* R100F82: compact equipment summaries and spacious, readable store finance rows. */
html body #accounting .pb856PaneHead>.pb892Picker{width:min(360px,48vw)!important;min-width:220px!important;flex:0 1 360px!important}
html body #accounting .pb855FinanceInvoiceRow{align-items:start!important;grid-auto-rows:auto!important;min-height:0!important}
html body #accounting .pb855FinanceInvoiceRow>div{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important}
html body #accounting .pb855FinanceInvoiceRow>div>b,
html body #accounting .pb855FinanceInvoiceRow>div>small{display:block!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body #accounting .pb855FinanceInvoiceRow .pb855InvoiceEquipmentSummary{margin-top:4px!important;color:#475467!important;font-size:13.5px!important;line-height:1.8!important;font-weight:800!important}
html body #accounting .pb890AccountingAction{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important;max-width:100%!important}
html body #accounting .pb890AccountingAction button{white-space:normal!important;max-width:100%!important;overflow-wrap:anywhere!important}
html body #accounting .pb856PaymentsList h3{font-size:18px!important;line-height:1.65!important}
html body #accounting .pb856PaymentsList .accountingTable th{font-size:13.5px!important;line-height:1.7!important}
html body #accounting .pb856PaymentsList .accountingTable td{font-size:14.5px!important;line-height:1.85!important;overflow-wrap:anywhere!important;white-space:normal!important}
html body #accounting .pb856PaymentsList .accountingTable td small{font-size:13px!important;line-height:1.75!important}
@media(max-width:850px){
  html body #accounting .pb856PaneHead>.pb892Picker{width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 auto!important}
  html body #accounting .pb855FinanceInvoiceRow{align-items:start!important;min-height:0!important;grid-auto-rows:auto!important;row-gap:10px!important}
  html body #accounting .pb855FinanceInvoiceRow .pb855InvoiceEquipmentSummary{font-size:13px!important;line-height:1.8!important}
  html body #accounting .pb856PaymentsList .accountingTable td{font-size:14px!important;line-height:1.85!important}
  html body #accounting .pb856PaymentsList .accountingTable td::before{font-size:12px!important}
}
