/* PhotoBridge v0.17.689 — one photographer mobile header for every destination.
   Print and Store deliberately reuse the same identity/quick-action geometry as AI,
   Gallery, Album Design and Instagram. Print only adds Archive/Invoice underneath.
   Passive CSS only; no runtime watcher or viewport lock is introduced here. */

@media (max-width:820px){
  /* PRINT — the root now carries pbFixedRoleHeader too, so keep the shared header
     box/identity/quick actions identical to ordinary photographer tabs. */
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader>.unifiedRoleHeader.photographerPrintModeHeader{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"identity" "print-extra" "primary"!important;
    align-items:center!important;
    row-gap:8px!important;
    width:100vw!important;min-width:100vw!important;max-width:100vw!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:9px 10px 8px!important;
    overflow:visible!important;
    background:#fff!important;
    border:0!important;border-bottom:1px solid #dfe5ee!important;border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerHeaderIdentity{
    grid-area:identity!important;
    order:initial!important;
    position:relative!important;inset:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;
    height:auto!important;min-height:34px!important;max-height:none!important;
    margin:0!important;
    padding:0 0 0 150px!important;
    display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
    overflow:visible!important;background:transparent!important;
    text-align:right!important;direction:rtl!important;box-sizing:border-box!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .workspaceIdentityCopy{
    width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;
    gap:0!important;text-align:right!important;direction:rtl!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .workspaceIdentityCopy>h1{
    order:initial!important;position:static!important;inset:auto!important;transform:none!important;float:none!important;
    width:100%!important;max-width:calc(100vw - 120px)!important;margin:0!important;padding:0!important;
    font-size:15px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:normal!important;
    color:#101828!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .workspaceIdentityCopy>small{
    order:initial!important;position:static!important;inset:auto!important;transform:none!important;float:none!important;
    display:block!important;width:100%!important;max-width:calc(100vw - 100px)!important;
    margin:0!important;padding:0!important;font-size:9px!important;font-weight:400!important;line-height:1.55!important;
    color:#667085!important;text-align:right!important;white-space:normal!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .photographerIdentityDateOnly{
    order:initial!important;position:static!important;inset:auto!important;transform:none!important;float:none!important;
    display:flex!important;width:100%!important;min-width:0!important;min-height:0!important;
    margin:2px 0 0!important;padding:0!important;align-self:stretch!important;
    align-items:center!important;justify-content:flex-start!important;color:#667085!important;opacity:1!important;text-align:right!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .photographerIdentityDateOnly .todayStamp.compact{
    position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;
    margin:0!important;padding:4px 7px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .photographerIdentityDateOnly .todayStamp.compact span{
    font-size:9px!important;font-weight:850!important;line-height:1.2!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .photographerIdentityDateOnly .todayStamp.compact b{
    display:inline-block!important;font-size:8.5px!important;line-height:1.2!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerMobileHeaderQuickActions{
    display:flex!important;position:absolute!important;
    inset-inline-start:10px!important;left:auto!important;right:auto!important;top:10px!important;
    z-index:30!important;margin:0!important;padding:0!important;
    align-items:center!important;justify-content:flex-start!important;gap:6px!important;direction:ltr!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerMobileHeaderQuickActions>button{
    position:relative!important;width:32px!important;min-width:32px!important;max-width:none!important;
    height:32px!important;min-height:32px!important;max-height:none!important;padding:0!important;
    border:1px solid #d8dee9!important;border-radius:10px!important;background:#fff!important;color:#475467!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    box-shadow:0 1px 2px rgba(16,24,40,.03)!important;font:inherit!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerMobileHeaderQuickActions>.mobileHeaderPower{
    flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;
    height:30px!important;min-height:30px!important;max-height:30px!important;border-radius:9px!important;color:#b42318!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerMobileHeaderQuickActions>.mobileHeaderWallet{
    width:auto!important;min-width:74px!important;max-width:112px!important;height:30px!important;min-height:30px!important;max-height:30px!important;
    padding:0 8px!important;border-radius:9px!important;gap:4px!important;font-size:8.5px!important;white-space:nowrap!important;direction:rtl!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerMobileHeaderQuickActions>.mobileHeaderWallet b{
    font-size:8px!important;font-weight:900!important;
  }

  /* Only these two controls are special in Print. They sit below the unchanged shared controls. */
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster{
    grid-area:print-extra!important;order:initial!important;position:relative!important;inset:auto!important;transform:none!important;
    justify-self:stretch!important;width:188px!important;min-width:188px!important;max-width:188px!important;
    height:30px!important;min-height:30px!important;max-height:30px!important;
    margin:0 0 0 0!important;margin-right:auto!important;margin-left:0!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:30px!important;grid-template-areas:none!important;
    gap:6px!important;align-items:stretch!important;overflow:visible!important;direction:rtl!important;box-sizing:border-box!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster>.photographerPrintModeBack{display:none!important}
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster>.photographerPrintCommonAction{
    grid-area:auto!important;position:relative!important;inset:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:30px!important;min-height:30px!important;max-height:30px!important;
    margin:0!important;padding:0 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    border:1px solid #dfe4ec!important;border-radius:8px!important;background:#f8fafc!important;color:#667085!important;box-shadow:none!important;direction:rtl!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster>.photographerPrintCommonAction span{font-size:9px!important;line-height:1!important}
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster>.photographerPrintCommonAction em{margin:0!important;font-style:normal!important;font-size:8.2px!important;font-weight:900!important;line-height:1!important}
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster>.photographerPrintCommonAction.active{background:#eef3ff!important;border-color:#b8c7ef!important;color:#315efb!important}

  /* Keep the print-specific lab/tabs block after the shared header; legacy rules continue to style its blue identity and large buttons. */
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeNav{
    grid-area:primary!important;order:initial!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintSettingsQuickAction,
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.pb671PrintSettingsQuickAction{display:none!important}

  /* STORE — same shared photographer header metrics. The standalone store page uses
     the same classes and this same stylesheet instead of a separate visual recipe. */
  #storePhotographerWorkspace>#photographerStoreRoleHeader.photographerHeaderRefined{
    position:fixed!important;top:0!important;left:0!important;right:0!important;inset-block-start:0!important;
    transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"identity"!important;
    align-items:center!important;row-gap:8px!important;
    width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:9px 10px 8px!important;overflow:visible!important;background:#fff!important;
    border:0!important;border-bottom:1px solid #dfe5ee!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;z-index:620!important;
  }
  #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity{
    grid-area:identity!important;width:100%!important;min-width:0!important;height:auto!important;min-height:34px!important;max-height:none!important;
    margin:0!important;padding:0 0 0 150px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
    text-align:right!important;direction:rtl!important;background:transparent!important;
  }
  #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity .workspaceIdentityCopy{
    width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:0!important;text-align:right!important;direction:rtl!important;
  }
  #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity .workspaceIdentityCopy>h1{
    width:100%!important;max-width:calc(100vw - 120px)!important;margin:0!important;padding:0!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:normal!important;color:#101828!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity .workspaceIdentityCopy>small{
    display:block!important;width:100%!important;max-width:calc(100vw - 100px)!important;margin:0!important;padding:0!important;font-size:9px!important;font-weight:400!important;line-height:1.55!important;color:#667085!important;text-align:right!important;white-space:normal!important;
  }
  #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly{
    display:flex!important;width:100%!important;min-width:0!important;margin:2px 0 0!important;padding:0!important;align-items:center!important;justify-content:flex-start!important;opacity:1!important;text-align:right!important;
  }
  #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact{
    width:auto!important;max-width:none!important;margin:0!important;padding:4px 7px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;
  }
  #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact span{font-size:9px!important;font-weight:850!important;line-height:1.2!important}
  #photographerStoreRoleHeader.photographerHeaderRefined .photographerIdentityDateOnly .todayStamp.compact b{display:inline-block!important;font-size:8.5px!important;line-height:1.2!important}
  #photographerStoreRoleHeader .photographerMobileHeaderQuickActions{
    display:flex!important;position:absolute!important;inset-inline-start:10px!important;left:auto!important;right:auto!important;top:10px!important;
    z-index:30!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;direction:ltr!important;
  }
  #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>button{
    position:relative!important;width:32px!important;min-width:32px!important;max-width:none!important;height:32px!important;min-height:32px!important;max-height:none!important;padding:0!important;
    border:1px solid #d8dee9!important;border-radius:10px!important;background:#fff!important;color:#475467!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;font:inherit!important;
  }
  #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>.mobileHeaderPower{flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;border-radius:9px!important;color:#b42318!important}
  #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>.mobileHeaderWallet{width:auto!important;min-width:74px!important;max-width:112px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 8px!important;border-radius:9px!important;gap:4px!important;font-size:8.5px!important;white-space:nowrap!important;direction:rtl!important}
  #photographerStoreRoleHeader .photographerMobileHeaderQuickActions>.mobileHeaderWallet b{font-size:8px!important;font-weight:900!important}
  #photographerStoreRoleHeader>.photographerHeaderNav,
  #photographerStoreRoleHeader>.photographerHeaderTools{display:none!important}

  /* Store second/third headers completely mask the scrolling canvas. No top/side sliver can show through. */
  #storePhotographerWorkspace>#photographerStoreIdentityBar,
  #storePhotographerWorkspace>#storeSectionNavV673{
    left:0!important;right:0!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;
    margin:0!important;border-radius:0!important;overflow:hidden!important;isolation:isolate!important;background-clip:border-box!important;
  }
  #storePhotographerWorkspace>#photographerStoreIdentityBar{
    background:linear-gradient(100deg,#1d4ed8,#4338ca)!important;
    box-shadow:0 6px 16px rgba(30,64,175,.16)!important;
  }
  #storePhotographerWorkspace>#storeSectionNavV673{
    background:#f8fafc!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    box-shadow:0 4px 10px rgba(15,23,42,.045)!important;
  }
  #storePhotographerWorkspace>.shell{
    overscroll-behavior:none!important;overflow-x:hidden!important;contain:paint!important;
    background:#f5f7fb!important;
  }
}

@media (max-width:430px){
  /* Exact small-phone typography used by the ordinary photographer header. */
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .workspaceIdentityCopy>h1,
  #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity .workspaceIdentityCopy>h1{font-size:14px!important}
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader .workspaceIdentityCopy>small,
  #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity .workspaceIdentityCopy>small{font-size:8.5px!important}
}