/* PhotoBridge v0.17.687 — deterministic mobile design toolbar + exact photographer header parity.
   Passive CSS-only layout correction; no runtime watcher is added. */
@media (max-width:820px){
  /* Instagram: remove the obsolete white sticky rows. The real filter/model toolbar
     becomes the first sticky catalog row directly below the shared app header. */
  body.pbInstagramDesignRoute .photographerAlbumDesignCatalog .albumDesignMobileCatalogHeader,
  body.pb685InstagramOnly .photographerAlbumDesignCatalog .albumDesignMobileCatalogHeader,
  body.pbInstagramDesignRoute .photographerAlbumDesignCatalog .albumDesignMobilePickerButtons,
  body.pb685InstagramOnly .photographerAlbumDesignCatalog .albumDesignMobilePickerButtons{
    display:none!important;
    position:static!important;
    width:0!important;
    min-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.pbInstagramDesignRoute .photographerAlbumDesignCatalog,
  body.pb685InstagramOnly .photographerAlbumDesignCatalog{gap:0!important;padding-top:0!important}
  body.pbInstagramDesignRoute .photographerAlbumDesignCatalog .albumDesignCatalogFilters,
  body.pb685InstagramOnly .photographerAlbumDesignCatalog .albumDesignCatalogFilters{margin-top:0!important}
  body.pbInstagramDesignRoute .photographerAlbumDesignCatalog .albumDesignModelViewToolbar,
  body.pb685InstagramOnly .photographerAlbumDesignCatalog .albumDesignModelViewToolbar{
    position:sticky!important;
    top:0!important;
    z-index:160!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:4px 8px!important;
    background:rgba(255,255,255,.985)!important;
    border-top:0!important;
    border-bottom:1px solid #e4e9f1!important;
    box-shadow:0 5px 14px rgba(15,23,42,.045)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  /* Album + Instagram toolbar physical order:
     right = Filter, then model count / sort; far left = the two view buttons only. */
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar{
    display:flex!important;
    flex-flow:row nowrap!important;
    direction:rtl!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar .albumDesignMobileTopFilter{
    order:0!important;
    flex:0 0 38px!important;
    margin:0!important;
  }
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar>b{
    order:1!important;
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar .albumDesignPopularitySort{
    order:2!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar .albumDesignMobileGridToggle{
    order:3!important;
    flex:0 0 auto!important;
    display:flex!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  /* Print: use the exact same identity rhythm and top control geometry as the normal
     photographer header. Archive/Invoice are the only extra second-row controls. */
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader{
    position:relative!important;
    box-sizing:border-box!important;
    background:#f8fafc!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerHeaderIdentity{
    width:100%!important;
    min-width:0!important;
    min-height:84px!important;
    height:84px!important;
    margin:0!important;
    padding:9px 150px 8px 0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .workspaceIdentityCopy{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .workspaceIdentityCopy>h1{
    order:1!important;
    position:static!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.3!important;
    letter-spacing:-.2px!important;
    color:#101828!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .workspaceIdentityCopy>small{
    order:2!important;
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:7.5px!important;
    font-weight:600!important;
    line-height:1.55!important;
    color:#667085!important;
    text-align:right!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerIdentityDateOnly{
    order:3!important;
    position:static!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:2px 0 0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:stretch!important;
    color:#667085!important;
    opacity:1!important;
    text-align:right!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerIdentityDateOnly .todayStamp.compact{
    position:static!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:4px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    text-align:right!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerIdentityDateOnly .todayStamp.compact span{
    font-size:9px!important;
    font-weight:850!important;
    line-height:1.2!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerIdentityDateOnly .todayStamp.compact b{
    display:inline-block!important;
    font-size:8.5px!important;
    line-height:1.2!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerPrintModeUtilityCluster{
    position:absolute!important;
    left:10px!important;
    right:auto!important;
    top:10px!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:32px 30px 32px 78px!important;
    grid-template-rows:32px 30px!important;
    grid-template-areas:"bell power settings wallet" "archive archive invoice invoice"!important;
    column-gap:6px!important;
    row-gap:7px!important;
    align-items:center!important;
    direction:ltr!important;
    z-index:20!important;
    overflow:visible!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerPrintModeBack{display:none!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileNotificationBell{grid-area:bell!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileHeaderPower{grid-area:power!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileHeaderSettings{grid-area:settings!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileHeaderWallet{grid-area:wallet!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.archive{grid-area:archive!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.finance{grid-area:invoice!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileNotificationBell,
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileHeaderSettings{
    width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;
    margin:0!important;padding:0!important;border-radius:10px!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileHeaderPower{
    width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;
    margin:0!important;padding:0!important;border-radius:9px!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileHeaderWallet{
    width:78px!important;min-width:78px!important;max-width:78px!important;height:30px!important;min-height:30px!important;max-height:30px!important;
    margin:0!important;padding:0 8px!important;border-radius:9px!important;font-size:8.5px!important;gap:4px!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.mobileHeaderWallet b{font-size:8px!important}
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction{
    height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:0 6px!important;border-radius:8px!important;
  }
}