/* PhotoBridge mobile shell v692 — exact shared-header height + truly inline square guide controls.
   Mobile only. The common photographer header keeps the same physical box height in Print as
   AI/Gallery/Design/Instagram. Print-only controls are rendered as a secondary strip below it. */
@media (max-width:820px){
  /* Keep the white shared header itself identical to every other photographer destination.
     Print-specific rows are removed from the header's grid flow and live visually below it. */
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader>.unifiedRoleHeader.photographerPrintModeHeader{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"identity"!important;
    grid-template-rows:auto!important;
    row-gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:9px 10px 8px!important;
    margin-bottom:160px!important;
    overflow:visible!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }

  /* Lab + Print/Album become a clean secondary print strip immediately under the shared header.
     This preserves the large controls without making the common header taller. */
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerPrintModeNav,
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerPrintModeNav.pb569WorkflowGuideNavReady,
  body .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerHeaderNav.photographerPrintModeNav,
  body .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerHeaderNav.photographerPrintModeNav.pb569WorkflowGuideNavReady{
    position:absolute!important;
    top:100%!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    z-index:24!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:115px!important;
    min-height:115px!important;
    max-height:115px!important;
    margin:0!important;
    padding:0 9px 8px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:"lab lab" "photo album"!important;
    grid-template-rows:42px 58px!important;
    gap:7px!important;
    overflow:visible!important;
    background:#f8fafc!important;
    border-bottom:1px solid #e4e9f1!important;
    box-sizing:border-box!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerPrintModeNav:not(:has(.photographerPrintAlbumTab)){
    grid-template-areas:"lab lab" "photo photo"!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerPrintTopLab{
    grid-area:lab!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;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  .photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction{
    position:relative!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab{
    grid-area:photo!important;
    padding:0 43px 0 10px!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab{
    grid-area:album!important;
    padding:0 10px 0 43px!important;
  }

  /* The guide is now physically inside the corresponding primary action (span, not nested button).
     Print guide = physical right; Album guide = physical left, exactly as requested. */
  .photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction>.pb569WorkflowGuideButton{
    position:absolute!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    z-index:4!important;
    width:27px!important;
    min-width:27px!important;
    max-width:27px!important;
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(49,94,251,.28)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.96)!important;
    color:#3157c8!important;
    box-shadow:0 2px 6px rgba(16,24,40,.12)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    box-sizing:border-box!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintPhotoTab>.pb569WorkflowGuideButton.print{
    right:7px!important;
    left:auto!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.photographerPrintAlbumTab>.pb569WorkflowGuideButton.album{
    left:7px!important;
    right:auto!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction>.pb569WorkflowGuideButton .pb569GuideArrow{
    display:none!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction>.pb569WorkflowGuideButton .pb569GuideLabel{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    font-style:normal!important;
    writing-mode:horizontal-tb!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction>.pb569WorkflowGuideButton:active{
    transform:translateY(-50%) scale(.93)!important;
  }

  /* Archive / Invoice remain available, but no longer contribute to shared-header height. */
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster{
    position:absolute!important;
    top:calc(100% + 122px)!important;
    left:9px!important;
    right:auto!important;
    inset-inline-start:auto!important;
    transform:none!important;
    z-index:25!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!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:30px!important;
    gap:6px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:380px){
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader>.unifiedRoleHeader.photographerPrintModeHeader{
    margin-bottom:156px!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerPrintModeNav,
  body .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader>.photographerHeaderNav.photographerPrintModeNav{
    height:111px!important;
    min-height:111px!important;
    max-height:111px!important;
    grid-template-rows:40px 56px!important;
    gap:7px!important;
    padding-bottom:8px!important;
  }
  .photographerMain.photographerPrintWorkspace .photographerPrintModeHeader .photographerPrintTopLab{
    height:40px!important;min-height:40px!important;max-height:40px!important;
  }
  .photographerPrintWorkspace .photographerPrintModeNav>.rolePrimaryAction{
    height:56px!important;min-height:56px!important;max-height:56px!important;font-size:12px!important;
  }
  .photographerMain.photographerPrintWorkspace.pbFixedRoleHeader .photographerPrintModeHeader>.photographerPrintModeUtilityCluster{
    top:calc(100% + 118px)!important;
  }
}