/* PhotoBridge v817 — authoritative mobile Print header stability. */
@media(max-width:820px){
  /* One shared two-row header: laboratory row + three equal primary tabs. */
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerPrintModeNav,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerHeaderNav.photographerPrintModeNav{
    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.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader>.unifiedRoleHeader.photographerPrintModeHeader{
    margin-bottom:101px!important;overflow:visible!important;
  }
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintTopLab{
    grid-area:lab!important;display:flex!important;align-items:center!important;justify-content:center!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;position:relative!important;inset:auto!important;transform:none!important;
    border:0!important;border-radius:0!important;background:var(--pb718-subbar,#dff2f6)!important;color:var(--pb769-subbar-ink,#101828)!important;box-shadow:none!important;box-sizing:border-box!important;
  }

  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb817PrintFinanceTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintFinanceTab{
    display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    position:relative!important;inset:auto!important;transform:none!important;align-self:start!important;
    width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;
    margin:5px 0 0!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.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab{grid-area:photo!important;padding:0 31px 0 7px!important}
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab{grid-area:album!important;padding:0 7px 0 31px!important}
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb817PrintFinanceTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintFinanceTab{grid-area:finance!important;padding:0 7px!important}

  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab.active,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab.active,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb817PrintFinanceTab.active,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab.active,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintFinanceTab.active{
    background:#315efb!important;border-color:#315efb!important;color:#fff!important;box-shadow:0 3px 10px rgba(49,94,251,.16)!important;
  }

  /* Smaller readable ? helpers, with reserved physical space so they never cover labels. */
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction>.pb569WorkflowGuideButton{
    position:absolute!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:5!important;
    width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;max-height:21px!important;
    margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
    border:1px solid rgba(49,94,251,.30)!important;border-radius:7px!important;background:#fff!important;color:#3157c8!important;
    box-shadow:0 1px 4px rgba(16,24,40,.10)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-sizing:border-box!important;
  }
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab>.pb569WorkflowGuideButton.print{right:5px!important;left:auto!important}
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab>.pb569WorkflowGuideButton.album{left:5px!important;right:auto!important}
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction>.pb569WorkflowGuideButton .pb569GuideArrow{display:none!important}
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction>.pb569WorkflowGuideButton .pb569GuideLabel{
    display:block!important;margin:0!important;padding:0!important;color:#3157c8!important;font-size:12px!important;font-weight:950!important;line-height:1!important;font-style:normal!important;
  }
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction.active>.pb569WorkflowGuideButton,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction.active>.pb569WorkflowGuideButton .pb569GuideLabel{background:#fff!important;color:#3157c8!important}

  /* Finance is a real top tab; remove every legacy invoice/back shortcut. */
  html.pb817PrintContext body #pb783FinanceShortcut,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.finance,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerContextAction.financeAction,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerLabContextActions .financeAction,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeBack,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .pb805InvoiceBack,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace #pb790-finance-chrome,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace #pb783FinanceShortcut{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }

  /* Keep real customer finance navigation stable while changing invoices/statement/payments. */
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace>.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.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs,
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs.pb817FinanceTabs{
    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.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs>button{
    width:100%!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:7px 4px!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.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .financeWorkspace .financeSectionTabs>button.active{
    background:#fff!important;color:#244fcf!important;box-shadow:0 2px 8px rgba(16,24,40,.08)!important;
  }

  /* Composer/upload: keep one compact Back button inside the lab row, never as another header row. */
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeHeader>.photographerPrintModeUtilityCluster{
    display:block!important;visibility:visible!important;position:absolute!important;top:calc(100% - 1px)!important;left:0!important;right:0!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!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;pointer-events:none!important;z-index:40!important;
  }
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeHeader>.photographerPrintModeUtilityCluster>.photographerPrintModeBack{
    display:flex!important;visibility:visible!important;pointer-events:auto!important;position:absolute!important;top:5px!important;left:9px!important;right:auto!important;bottom:auto!important;transform:none!important;
    width:84px!important;min-width:84px!important;max-width:84px!important;height:32px!important;min-height:32px!important;max-height:32px!important;
    margin:0!important;padding:0 9px!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    border:1px solid #c7d2e1!important;border-radius:10px!important;background:#fff!important;color:#344054!important;box-shadow:0 1px 4px rgba(16,24,40,.08)!important;
    font:900 10px/1 Vazirmatn,Tahoma,sans-serif!important;white-space:nowrap!important;z-index:45!important;
  }
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeNav>.photographerPrintTopLab{
    padding-left:103px!important;padding-right:10px!important;
  }
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeUtilityCluster>.photographerPrintCommonAction{display:none!important}
}
@media(max-width:380px){
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb817PrintFinanceTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeNav>.pb816PrintFinanceTab{font-size:9.7px!important}
}

/* v817 final composer guard: old v762 header helpers must never become extra grid rows. */
@media(max-width:820px){
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace #pb762-back,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace #pb765-back,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace #pb783FinanceShortcut{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeNav>.photographerPrintPhotoTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeNav>.photographerPrintAlbumTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeNav>.pb817PrintFinanceTab,
  html.pb817PrintContext body #root .photographerMain.photographerPrintWorkspace.pb817PrintComposer .photographerPrintModeNav>.pb816PrintFinanceTab{
    display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
  html.pb817PrintFinance body #root .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
}