/* PhotoBridge v704 — deterministic mobile two-row controls + desktop store/header parity. */
@media (max-width:820px){
  :root{--pb704-role-header-h:108px;--pb704-pill-w:102px;--pb704-wallet-w:clamp(84px,23vw,96px)}
  .photographerMain>.unifiedRoleHeader.photographerHeaderRefined,
  #storePhotographerWorkspace>#photographerStoreRoleHeader.photographerHeaderRefined{
    height:var(--pb704-role-header-h)!important;min-height:var(--pb704-role-header-h)!important;max-height:var(--pb704-role-header-h)!important;flex-basis:var(--pb704-role-header-h)!important;
    padding:9px 10px!important;box-sizing:border-box!important;overflow:visible!important
  }
  .photographerMain.photographerPrintWorkspace>.unifiedRoleHeader.photographerPrintModeHeader{height:var(--pb704-role-header-h)!important;min-height:var(--pb704-role-header-h)!important;max-height:var(--pb704-role-header-h)!important;flex-basis:var(--pb704-role-header-h)!important}
  .photographerHeaderRefined>.photographerHeaderIdentity,
  #photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity,
  #photographerStoreRoleHeader.photographerHeaderRefined>.photographerHeaderIdentity{
    height:90px!important;min-height:90px!important;max-height:90px!important;padding-left:220px!important;box-sizing:border-box!important
  }
  .photographerHeaderRefined>.photographerMobileHeaderQuickActions{
    position:absolute!important;left:8px!important;right:auto!important;top:9px!important;width:auto!important;height:34px!important;min-height:34px!important;max-height:34px!important;
    display:flex!important;flex-flow:row nowrap!important;direction:ltr!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;margin:0!important;padding:0!important;overflow:visible!important;z-index:95!important
  }
  .photographerMobileHeaderQuickActions>.mobileNotificationBell{order:1!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important}
  .photographerMobileHeaderQuickActions>.mobileHeaderPower{order:2!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important}
  .photographerMobileHeaderQuickActions>.mobileHeaderSettings{order:3!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important}
  .photographerMobileHeaderQuickActions>.mobileHeaderWallet{
    order:4!important;position:relative!important;inset:auto!important;transform:none!important;flex:0 0 var(--pb704-wallet-w)!important;width:var(--pb704-wallet-w)!important;min-width:var(--pb704-wallet-w)!important;max-width:var(--pb704-wallet-w)!important;
    height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    white-space:nowrap!important;overflow:hidden!important;font-size:9.5px!important;font-weight:900!important;line-height:1!important;box-sizing:border-box!important
  }
  .photographerMobileHeaderQuickActions>.mobileHeaderWallet>b{font-size:9.2px!important;font-weight:950!important;line-height:1!important}

  .pb704MobileSecondaryActions{
    position:absolute!important;left:8px!important;right:auto!important;top:51px!important;height:38px!important;min-height:38px!important;max-height:38px!important;
    display:flex!important;flex-flow:row nowrap!important;direction:ltr!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;margin:0!important;padding:3px 0!important;box-sizing:border-box!important;z-index:96!important
  }
  .pb704MobileSecondaryActions>.mobileHeaderInvite,
  .pb704MobileSecondaryActions>.mobileHeaderInstall{
    position:relative!important;inset:auto!important;transform:none!important;flex:0 0 var(--pb704-pill-w)!important;width:var(--pb704-pill-w)!important;min-width:var(--pb704-pill-w)!important;max-width:var(--pb704-pill-w)!important;
    height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0 8px!important;border-radius:9px!important;box-sizing:border-box!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;overflow:hidden!important;font-family:inherit!important;font-size:10px!important;font-weight:900!important;line-height:1!important;aspect-ratio:auto!important
  }
  .pb704MobileSecondaryActions>.mobileHeaderInvite{border:1px solid #d8dee9!important;background:#fff!important;color:#344054!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;font-size:0!important}
  .pb704MobileSecondaryActions>.mobileHeaderInvite::before,.pb704MobileSecondaryActions>.mobileHeaderInvite::after{content:none!important;display:none!important}
  .pb704MobileSecondaryActions>.mobileHeaderInvite>.pb704InviteLabel{display:block!important;max-width:100%!important;color:#344054!important;font-size:10px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;direction:rtl!important}
  .pb704MobileSecondaryActions>.mobileHeaderInstall{border:1px solid #c7d4f6!important;background:#f7f9ff!important;color:#244ea2!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}
  .pb704MobileSecondaryActions>.mobileHeaderInstall::before{content:none!important;display:none!important}
  .pb704InstallGlyph{display:inline-grid!important;place-items:center!important;width:16px!important;height:16px!important;flex:0 0 16px!important;border-radius:5px!important;background:#e6edff!important;color:#315efb!important;font-size:12px!important;font-weight:950!important;line-height:1!important;overflow:visible!important}
  .pb704MobileSecondaryActions>.mobileHeaderInstall.pb704Installed{display:none!important}

  /* Older patches placed these controls absolutely inside row one. v704 neutralizes all of those coordinates. */
  .photographerMobileHeaderQuickActions>.mobileHeaderInvite,.photographerMobileHeaderQuickActions>.mobileHeaderInstall{display:none!important}

  #pb704InstallOverlay{position:fixed!important;inset:0!important;z-index:99990!important;padding:18px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;box-sizing:border-box!important}
  #pb704InstallOverlay[hidden]{display:none!important}
  #pb704InstallSheet{width:min(100%,420px)!important;margin:0!important;padding:14px!important;border:1px solid #e4e7ec!important;border-radius:18px!important;background:#fff!important;color:#344054!important;box-shadow:0 18px 48px rgba(15,23,42,.22)!important;direction:rtl!important;text-align:right!important;box-sizing:border-box!important;font-family:inherit!important}
  #pb704InstallSheet .pb704InstallHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
  #pb704InstallSheet .pb704InstallHead b{font-size:14px!important;font-weight:950!important;color:#101828!important}
  #pb704InstallSheet .pb704InstallClose{width:32px!important;height:32px!important;border:1px solid #e4e7ec!important;border-radius:9px!important;background:#fff!important;color:#667085!important;font-size:18px!important;line-height:1!important}
  #pb704InstallSheet p{margin:0 0 10px!important;font-size:11px!important;line-height:1.9!important;color:#475467!important}
  #pb704InstallSheet ol{margin:0 18px 12px 0!important;padding:0!important;color:#344054!important;font-size:11px!important;line-height:2!important}
  #pb704InstallSheet .pb704InstallPrimary{width:100%!important;height:40px!important;border:0!important;border-radius:10px!important;background:#315efb!important;color:#fff!important;font-family:inherit!important;font-size:11px!important;font-weight:950!important}
}
@media (max-width:365px){
  :root{--pb704-pill-w:96px;--pb704-wallet-w:84px}
  .photographerHeaderRefined>.photographerHeaderIdentity,#photographerStoreRoleHeader.photographerHeaderRefined>.workspaceIdentity,#photographerStoreRoleHeader.photographerHeaderRefined>.photographerHeaderIdentity{padding-left:208px!important}
  .pb704MobileSecondaryActions>.mobileHeaderInvite>.pb704InviteLabel,.pb704MobileSecondaryActions>.mobileHeaderInstall{font-size:9.4px!important}
}

@media (min-width:821px){
  .mobileHeaderInstall,.pb704MobileSecondaryActions,#pb704InstallOverlay{display:none!important}
  #photographerStoreRoleHeader.pb704DesktopPhotographerHeader,
  .photographerMain>.photographerHeaderRefined.pb704DesktopPhotographerHeader:not(.photographerPrintModeHeader){
    display:flex!important;flex-direction:row!important;direction:rtl!important;align-items:stretch!important;gap:0!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:0 14px!important;background:#fff!important;overflow:visible!important;box-sizing:border-box!important
  }
  .pb704DesktopPhotographerHeader>.photographerHeaderIdentity,.pb704DesktopPhotographerHeader>.workspaceIdentity{order:1!important;flex:0 0 172px!important;min-width:150px!important;max-width:190px!important;display:flex!important;align-items:center!important;padding:6px 0 6px 12px!important;margin:0!important;box-sizing:border-box!important}
  .pb704DesktopPhotographerHeader>.photographerHeaderIdentity .workspaceIdentityCopy,.pb704DesktopPhotographerHeader>.workspaceIdentity .workspaceIdentityCopy{min-width:0!important;width:100%!important}
  .pb704DesktopPhotographerHeader>.photographerHeaderIdentity h1,.pb704DesktopPhotographerHeader>.workspaceIdentity h1{font-size:13px!important;line-height:1.35!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pb704DesktopPhotographerHeader>.photographerHeaderIdentity small,.pb704DesktopPhotographerHeader>.workspaceIdentity small{font-size:7.5px!important;line-height:1.2!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopPrimaryNav{order:2!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;display:flex!important;flex-flow:row nowrap!important;direction:rtl!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:0 4px!important;overflow:visible!important;transform:none!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopPrimaryNav>.rolePrimaryAction{position:relative!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0 8px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#475467!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:inherit!important;font-size:10.2px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopPrimaryNav>.rolePrimaryAction::before{content:none!important;display:none!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopPrimaryNav>.rolePrimaryAction::after{content:""!important;display:block!important;position:absolute!important;left:8px!important;right:8px!important;bottom:0!important;height:3px!important;border-radius:3px 3px 0 0!important;background:transparent!important;pointer-events:none!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopPrimaryNav>.rolePrimaryAction.active{color:#315efb!important;font-weight:950!important;background:transparent!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopPrimaryNav>.rolePrimaryAction.active::after{background:#315efb!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopHeaderSeparator{order:3!important;display:block!important;flex:0 0 1px!important;width:1px!important;height:30px!important;align-self:center!important;margin:0 9px!important;background:#e4e7ec!important;border-radius:1px!important}
  .pb704DesktopPhotographerHeader>.pb704DesktopTools{order:4!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:stretch!important;border:0!important;background:transparent!important;overflow:visible!important}
  .pb704DesktopPhotographerHeader .roleHeaderToolButtons{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:5px!important;width:auto!important;overflow:visible!important}
  .pb704DesktopPhotographerHeader .roleHeaderToolButtons>button{height:34px!important;min-height:34px!important;margin:0!important}
  .pb704DesktopPhotographerHeader .headerWalletBadge{min-width:76px!important;max-width:96px!important;padding:0 8px!important;font-size:9px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pb704DesktopPhotographerHeader .headerUtilityBtn{width:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important}
  .pb704DesktopPhotographerHeader .photographerMobileHeaderQuickActions{display:none!important}

  /* Store chrome is three fixed rows: common 64px header, 42px blue store identity, 44px tabs. */
  #storePhotographerWorkspace>#photographerStoreIdentityBar{position:fixed!important;top:64px!important;left:0!important;right:0!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;z-index:610!important;box-sizing:border-box!important}
  #storePhotographerWorkspace>#storeSectionNavV673.pb673StoreSectionNav{position:fixed!important;top:106px!important;left:0!important;right:0!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;z-index:609!important;margin:0!important;padding:0 max(14px,calc((100vw - 1120px)/2))!important;display:flex!important;direction:rtl!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #e4e7ec!important;border-radius:0!important;box-shadow:0 5px 14px rgba(15,23,42,.05)!important;overflow:visible!important;box-sizing:border-box!important}
  #storePhotographerWorkspace>#storeSectionNavV673>button{position:relative!important;width:auto!important;min-width:72px!important;height:44px!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#475467!important;box-shadow:none!important;font:850 10.5px Vazirmatn,Tahoma,sans-serif!important;white-space:nowrap!important}
  #storePhotographerWorkspace>#storeSectionNavV673>button::after{content:""!important;position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;height:3px!important;border-radius:3px 3px 0 0!important;background:transparent!important}
  #storePhotographerWorkspace>#storeSectionNavV673>button.active{color:#315efb!important;font-weight:950!important;background:transparent!important}
  #storePhotographerWorkspace>#storeSectionNavV673>button.active::after{background:#315efb!important}
  html:has(#storePhotographerWorkspace),body.rentalPhotographerMode{height:100%!important;min-height:100%!important;overflow:hidden!important}
  #storePhotographerWorkspace.storePhotographerWorkspace{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}
  #storePhotographerWorkspace>.shell{position:fixed!important;top:150px!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:18px max(14px,calc((100vw - 1120px)/2)) 72px!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-padding-top:12px!important;overscroll-behavior-y:contain!important;scrollbar-gutter:stable!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}
  #storePhotographerWorkspace>.shell>#app{width:100%!important;max-width:1120px!important;margin:0 auto!important;min-height:max-content!important}
  #storePhotographerWorkspace .rentalPanel{scroll-margin-top:12px!important}
}
