/* PhotoBridge v816 — authoritative mobile Print + Finance parity. */
@media(max-width:820px){
  /* Main Print navigation: lab on row one; Photo / Album / Finance on one row. */
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerPrintModeNav,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerHeaderNav.photographerPrintModeNav,
  html body #root .photographerMain[data-pb790-finance="1"] .photographerPrintModeNav.pb790FinanceNav,
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintModeNav.pb790FinanceNav.pb791FinanceNav{
    display:grid!important;
    position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:100vw!important;min-width:100vw!important;max-width:100vw!important;
    height:101px!important;min-height:101px!important;max-height:101px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:42px 52px!important;
    grid-template-areas:"lab lab lab" "photo album finance"!important;
    gap:7px 5px!important;margin:0!important;padding:0 9px!important;
    background:#f8fafc!important;border:0!important;border-bottom:1px solid #e4e9f1!important;box-shadow:none!important;overflow:visible!important;box-sizing:border-box!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader>.unifiedRoleHeader.photographerPrintModeHeader,
  html body #root .photographerMain[data-pb790-finance="1"]>.photographerPrintModeHeader,
  html body #root .photographerMain[data-pb791-finance="1"]>.photographerPrintModeHeader{margin-bottom:101px!important;overflow:visible!important}

  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintTopLab,
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintModeNav.pb790FinanceNav.pb791FinanceNav>.photographerPrintTopLab{
    grid-area:lab!important;grid-row:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    position:relative!important;inset:auto!important;transform:none!important;
    width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:42px!important;min-height:42px!important;max-height:42px!important;
    margin:0 calc(50% - 50vw)!important;padding:0 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    background:var(--pb718-subbar,#dff2f6)!important;color:var(--pb769-subbar-ink,#101828)!important;box-sizing:border-box!important;
  }

  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab,
  html body #root .photographerMain[data-pb790-finance="1"] .photographerPrintModeNav.pb790FinanceNav>.photographerPrintPhotoTab,
  html body #root .photographerMain[data-pb790-finance="1"] .photographerPrintModeNav.pb790FinanceNav>.photographerPrintAlbumTab,
  html body #root .photographerMain[data-pb790-finance="1"] .photographerPrintModeNav.pb790FinanceNav>.pb816PrintFinanceTab{
    display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    position:relative!important;inset:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;
    margin:5px 0 0!important;padding:0 5px!important;border:1px solid #d7deea!important;border-radius:10px!important;
    background:#fff!important;color:#475467!important;box-shadow:none!important;
    font:900 11px/1.15 Vazirmatn,Tahoma,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab{grid-area:photo!important}
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab{grid-area:album!important}
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab{grid-area:finance!important}
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab.active,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab.active,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab.active{
    background:#315efb!important;border-color:#315efb!important;color:#fff!important;box-shadow:0 3px 10px rgba(49,94,251,.16)!important
  }
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction{padding-inline:5px!important}

  /* Remove the legacy finance-only header/chrome; Finance is now the third main tab. */
  html body #root .photographerMain[data-pb790-finance="1"] #pb790-finance-chrome,
  html body #root .photographerMain[data-pb791-finance="1"] #pb790-finance-chrome,
  #pb783FinanceShortcut,
  #pb698PrintBarActions [data-pb698-print="finance"],
  #pb697PrintBarActions [data-pb697-print="finance"],
  #pb696PrintBarActions [data-pb696-print="finance"],
  #pb694PrintBarActions [data-pb694-print="finance"],
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.finance,
  html.pb816PrintFinanceActive body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeBack{display:none!important;visibility:hidden!important;pointer-events:none!important}

  /* Show the real customer finance navigation and make it identical to Store finance tabs. */
  html body #root .photographerMain[data-pb790-finance="1"] .financeWorkspace>.financeNavDock,
  html body #root .photographerMain[data-pb791-finance="1"] .financeWorkspace>.financeNavDock,
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace.pb816StoreLikeFinance>.financeNavDock{
    display:block!important;visibility:visible!important;margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important
  }
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionPicker,
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTools{display:none!important}
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs,
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs.pb816StoreFinanceTabs{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;
    width:100%!important;margin:0 0 10px!important;padding:5px!important;border:0!important;border-radius:13px!important;
    background:#f2f4f7!important;box-shadow:none!important;overflow:visible!important;box-sizing:border-box!important
  }
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs>button,
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs.pb816StoreFinanceTabs>button{
    width:100%!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:7px 5px!important;
    border:0!important;border-radius:9px!important;background:transparent!important;color:#667085!important;box-shadow:none!important;
    font:900 10px/1.35 Vazirmatn,Tahoma,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs>button.active,
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs.pb816StoreFinanceTabs>button.active{
    background:#fff!important;color:#244fcf!important;box-shadow:0 2px 8px rgba(16,24,40,.08)!important
  }
  html body #root .photographerMain[data-pb790-finance="1"] .financeWorkspace>.financeTopline,
  html body #root .photographerMain[data-pb791-finance="1"] .financeWorkspace>.financeTopline{display:none!important}

  /* Keep the three financial totals compact directly under the finance tabs. */
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSummary.accountingSummary{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0 0 10px!important
  }
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSummary.accountingSummary>div{
    min-width:0!important;min-height:52px!important;padding:7px 3px!important;display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;justify-items:center!important;gap:3px!important;text-align:center!important
  }
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSummary.accountingSummary small{font-size:8.6px!important;line-height:1.3!important;white-space:nowrap!important;text-align:center!important}
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSummary.accountingSummary b{font-size:10.5px!important;line-height:1.3!important;white-space:nowrap!important;text-align:center!important}
}
@media(max-width:380px){
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab{font-size:10px!important;padding-inline:2px!important}
  html body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs>button{font-size:9.3px!important;padding-inline:3px!important}
}