/* PhotoBridge v890 — Lab mobile finance parity with store accounting */
@media(max-width:820px){
  html body #root .labRolePageScrollArea>.financeWorkspace.accountingWorkspace{
    width:100%!important;max-width:none!important;min-width:0!important;
    margin:0!important;padding:8px 8px 104px!important;overflow:visible!important;
    font-family:Vazirmatn,Tahoma,Arial,sans-serif!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace *{box-sizing:border-box}
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopline{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:8px!important;margin:0 0 9px!important;padding:10px 11px!important;
    border:1px solid #e4e7ec!important;border-radius:14px!important;background:#fff!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopline h2{font-size:14px!important;line-height:1.5!important;margin:0!important;font-weight:950!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopline p{font-size:9px!important;line-height:1.7!important;margin:2px 0 0!important;color:#667085!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopActions{display:flex!important;gap:6px!important;flex:none!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopActions button{min-height:38px!important;padding:7px 9px!important;border-radius:10px!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}

  html body #root .labRolePageScrollArea .financeWorkspace>.financeNavDock{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionPicker{display:none!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTabs{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:5px!important;border-radius:14px!important;background:#f2f4f7!important;
    overflow:visible!important;height:auto!important;max-height:none!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTabs>button{
    min-width:0!important;width:100%!important;min-height:42px!important;height:auto!important;
    padding:7px 4px!important;border:0!important;border-radius:10px!important;background:transparent!important;
    color:#667085!important;font-size:12px!important;font-weight:950!important;line-height:1.35!important;
    white-space:normal!important;text-align:center!important;box-shadow:none!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTabs>button.active{
    background:var(--pb876-selected,#fff)!important;color:var(--pb876-selected-ink,#101828)!important;
    box-shadow:0 2px 8px rgba(16,24,40,.09)!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTools{
    display:flex!important;gap:6px!important;align-items:center!important;justify-content:flex-start!important;margin-top:7px!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTools button{min-height:34px!important;border-radius:9px!important;font-size:9px!important;padding:6px 9px!important}

  html body #root .labRolePageScrollArea .financeWorkspace .accountingSummary{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;
    width:100%!important;min-width:0!important;margin:0 0 10px!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .accountingSummary>div{
    min-width:0!important;padding:9px 7px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e4e7ec!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .accountingSummary small{font-size:8px!important;line-height:1.45!important;color:#667085!important}
  html body #root .labRolePageScrollArea .financeWorkspace .accountingSummary b{font-size:11px!important;line-height:1.45!important;overflow-wrap:anywhere!important}

  html body #root .labRolePageScrollArea .financeWorkspace .invoiceTableCard,
  html body #root .labRolePageScrollArea .financeWorkspace .financeListCard,
  html body #root .labRolePageScrollArea .financeWorkspace .statementToolbar,
  html body #root .labRolePageScrollArea .financeWorkspace .statementPaper,
  html body #root .labRolePageScrollArea .financeWorkspace .ledgerCard,
  html body #root .labRolePageScrollArea .financeWorkspace .financeRangeToolbar,
  html body #root .labRolePageScrollArea .financeWorkspace .financeMiniPanel{
    width:100%!important;max-width:100%!important;min-width:0!important;border-radius:14px!important;border:1px solid #e4e7ec!important;box-shadow:none!important;
  }

  html body #root .labRolePageScrollArea .financeWorkspace .invoiceListToolbar{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;margin-bottom:8px!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceListToolbar>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceListToolbar b{font-size:12px!important;font-weight:950!important}
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceListToolbar small{font-size:9px!important;color:#667085!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeInvoiceSearch,
  html body #root .labRolePageScrollArea .financeWorkspace .financeInvoiceSearch input{width:100%!important;max-width:100%!important;min-width:0!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeInvoiceSearch input{min-height:40px!important;border-radius:10px!important;font-size:10.5px!important;padding:8px 10px!important}

  html body #root .labRolePageScrollArea .financeWorkspace .invoiceRangeToolbar{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:9px!important;
    border:1px solid #e4e7ec!important;border-radius:13px!important;background:#f8fafc!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceRangeToolbar label{display:grid!important;gap:4px!important;min-width:0!important;font-size:9px!important;font-weight:900!important;color:#475467!important}
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceRangeToolbar .persianDateField,
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceRangeToolbar .persianDateTrigger{width:100%!important;max-width:100%!important;min-width:0!important;min-height:40px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceRangeToolbar>button{grid-column:1/-1!important;min-height:38px!important;border:1px solid #c7d2fe!important;border-radius:10px!important;background:#eef2ff!important;color:#315efb!important;font-size:10px!important;font-weight:900!important}

  html body #root .labRolePageScrollArea .financeWorkspace .accountingInvoiceRows{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .accountingInvoiceRows>.invoiceRow{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;padding:11px!important;
    border:1px solid #e4e7ec!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .accountingInvoiceRows>.invoiceRow.externalAccountingRecordedInvoice{
    background:#f0fdf4!important;border-color:#86efac!important;box-shadow:0 0 0 1px rgba(34,197,94,.07)!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .accountingInvoiceRows>.invoiceRow>div{min-width:0!important}
  html body #root .labRolePageScrollArea .financeWorkspace .accountingInvoiceRows>.invoiceRow small{font-size:8px!important;line-height:1.45!important;color:#667085!important}
  html body #root .labRolePageScrollArea .financeWorkspace .accountingInvoiceRows>.invoiceRow b{font-size:10px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
  html body #root .labRolePageScrollArea .financeWorkspace .externalAccountingRecordedBadge{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin-top:3px!important;padding:3px 6px!important;border-radius:999px!important;background:#dcfce7!important;color:#166534!important;font-size:8px!important;font-weight:900!important}
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceActionStack{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceActionStack>button,
  html body #root .labRolePageScrollArea .financeWorkspace .invoiceActionStack>a{width:100%!important;min-width:0!important;min-height:37px!important;border-radius:9px!important;font-size:9px!important;font-weight:900!important}
  html body #root .labRolePageScrollArea .financeWorkspace .externalAccountingBtn.recorded{background:#dcfce7!important;border-color:#86efac!important;color:#166534!important}

  html body #root .labRolePageScrollArea .financeWorkspace .financeRecordRows{display:grid!important;gap:8px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeRecordRows>div{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 9px!important;align-items:center!important;
    padding:11px!important;border:1px solid #e4e7ec!important;border-radius:13px!important;background:#fff!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeRecordRows>div>div{min-width:0!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeRecordRows b{font-size:10.5px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeRecordRows small{font-size:8px!important;line-height:1.6!important}

  html body #root .labRolePageScrollArea .financeWorkspace .statementToolbar{padding:10px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .statementFilters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important}
  html body #root .labRolePageScrollArea .financeWorkspace .statementFilters>label{width:100%!important;min-width:0!important;font-size:9px!important;font-weight:900!important}
  html body #root .labRolePageScrollArea .financeWorkspace .statementCustomerSearchWrap,
  html body #root .labRolePageScrollArea .financeWorkspace .statementCustomerPicker .pbSelect,
  html body #root .labRolePageScrollArea .financeWorkspace .statementDateControl,
  html body #root .labRolePageScrollArea .financeWorkspace .statementDateControl .persianDateField,
  html body #root .labRolePageScrollArea .financeWorkspace .statementDateControl .persianDateTrigger{width:100%!important;max-width:100%!important;min-width:0!important}
  html body #root .labRolePageScrollArea .financeWorkspace .statementFilters>.primary{width:100%!important;min-height:41px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .statementActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin-top:8px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .statementActions button{width:100%!important;min-height:37px!important;font-size:9px!important}

  html body #root .labRolePageScrollArea .financeWorkspace .statementTableWrap{width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  html body #root .labRolePageScrollArea .financeWorkspace .statementTable{min-width:700px!important}

  html body #root .labRolePageScrollArea .financeWorkspace .externalAccountingExplain{text-align:right!important;direction:rtl!important;font-family:Vazirmatn,Tahoma,Arial,sans-serif!important}
  html body #root .labRolePageScrollArea .financeWorkspace .externalAccountingExplain b{font-size:12px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .externalAccountingExplain p{font-size:10px!important;line-height:1.9!important;color:#475467!important}
  html body #root .labRolePageScrollArea .financeWorkspace .externalAccountingExplain small{display:block!important;padding:8px 9px!important;border-radius:10px!important;background:#f8fafc!important;font-size:9px!important;line-height:1.8!important;color:#667085!important}
}
@media(max-width:390px){
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTabs>button{font-size:11px!important;padding-inline:2px!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopline{align-items:flex-start!important;flex-direction:column!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopActions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  html body #root .labRolePageScrollArea .financeWorkspace .financeTopActions button{width:100%!important}
}

/* v904R28 — keep the mobile finance section controls clear of the lab header overlay. */
@media(max-width:820px){
  html body #root .labRolePageScrollArea .financeWorkspace>.financeNavDock{
    position:relative!important;
    z-index:2!important;
    margin-top:9px!important;
    margin-bottom:12px!important;
    padding-bottom:3px!important;
    overflow:visible!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTabs{
    position:relative!important;
    z-index:2!important;
    min-height:48px!important;
    padding:5px!important;
    transform:translateY(2px)!important;
  }
  html body #root .labRolePageScrollArea .financeWorkspace .financeSectionTabs>button{
    position:relative!important;
    z-index:1!important;
    min-height:42px!important;
    height:auto!important;
    overflow:visible!important;
  }
}