/* PhotoBridge v768 — deterministic mobile print polish. */
@media (max-width:820px){
  /* v766's delayed/fade navigation is disabled. Composer entry is GPU-only and immediate. */
  html body .photographerMain.photographerPrintWorkspace>.photographerRolePageScrollArea{
    transition:none!important;
    will-change:auto!important;
  }
  html body .photographerMain.photographerPrintWorkspace.pb766PageLeaving>.photographerRolePageScrollArea,
  html body .photographerMain.photographerPrintWorkspace.pb766ComposerEnter>.photographerRolePageScrollArea{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  html body .photographerMain.photographerPrintWorkspace.pb767ComposerEnter>.photographerRolePageScrollArea{
    animation:pb767ComposerSlide .18s cubic-bezier(.2,.75,.25,1) both!important;
  }
  @keyframes pb767ComposerSlide{
    from{transform:translate3d(18px,0,0)}
    to{transform:translate3d(0,0,0)}
  }

  /* Composer: exactly one Back control. The React-owned native control stays as the handler only. */
  html body .photographerMain.photographerPrintWorkspace.pb765Composing .photographerPrintModeUtilityCluster>.photographerPrintModeBack{
    position:absolute!important;
    width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body  #pb766-back{display:none!important}

  html body .photographerMain.photographerPrintWorkspace.pb765Composing .photographerPrintTopLab{
    position:relative!important;
    overflow:hidden!important;
  }
  html body .photographerMain.photographerPrintWorkspace.pb765Composing .photographerPrintTopLab #pb765-back{
    display:inline-flex!important;
    position:absolute!important;
    left:8px!important;right:auto!important;top:50%!important;
    transform:translateY(-50%)!important;
    z-index:40!important;
    align-items:center!important;justify-content:center!important;gap:5px!important;
    width:82px!important;min-width:82px!important;max-width:82px!important;
    height:31px!important;min-height:31px!important;max-height:31px!important;
    margin:0!important;padding:0 9px!important;box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.28)!important;border-radius:9px!important;
    background:rgba(255,255,255,.10)!important;color:#fff!important;
    font-family:inherit!important;font-size:10.5px!important;font-weight:900!important;line-height:1!important;
    white-space:nowrap!important;box-shadow:none!important;
  }
  html body .photographerMain.photographerPrintWorkspace.pb765Composing .photographerPrintTopLab #pb765-back>span:first-child{
    font-size:14px!important;line-height:1!important;
  }
  html body #pb765-back:focus-visible{outline:3px solid #ffcf53!important;outline-offset:2px!important}

  /* The laboratory strip is the same black surface as the requested header treatment. */
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLab{
    background:#101114!important;
    background-color:#101114!important;
    background-image:none!important;
    border-color:#101114!important;
    box-shadow:0 2px 6px rgba(0,0,0,.18)!important;
    color:#fff!important;
  }
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabStatic,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelect,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectTrigger,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectButton,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectTrigger>span,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectButton>span,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectTrigger>i,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectButton>i{
    color:#fff!important;
  }
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectTrigger,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectButton{
    background:transparent!important;
    border-color:rgba(255,255,255,.22)!important;
    box-shadow:none!important;
  }

  /* Print draft card — physical order: [menu][trash] ... [chassis] [paper] [name/size]. */
  html body .simplePrintPilot .simplePrintSizeCardHead{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:30px 30px 76px 88px minmax(0,1fr)!important;
    grid-template-areas:"menu trash addons paper size"!important;
    grid-template-rows:minmax(34px,auto) auto!important;
    column-gap:4px!important;row-gap:4px!important;
    align-items:center!important;
    width:100%!important;min-width:0!important;
    padding:6px!important;box-sizing:border-box!important;
  }
  html body .simplePrintPilot .simplePrintSizeToggle{
    grid-area:size!important;
    direction:rtl!important;
    width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;overflow:hidden!important;
  }
  html body .simplePrintPilot .simplePrintSizeToggle>div{
    width:100%!important;min-width:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    text-align:center!important;overflow:hidden!important;
  }
  html body .simplePrintPilot .simplePrintSizeToggle b,
  html body .simplePrintPilot .simplePrintSizeToggle small{
    min-width:0!important;text-align:center!important;line-height:1.1!important;
    align-self:center!important;
  }
  html body .simplePrintPilot .simplePrintCardPaper{
    grid-area:paper!important;
    direction:rtl!important;
    width:88px!important;min-width:88px!important;max-width:88px!important;
    align-self:center!important;justify-self:stretch!important;
    margin:0!important;text-align:center!important;
  }
  html body .simplePrintPilot .simplePrintCardPaper>span{display:none!important}
  html body .simplePrintPilot .simplePrintCardPaper .pbSelect,
  html body .simplePrintPilot .simplePrintCardPaper .pbSelectButton,
  html body .simplePrintPilot .simplePrintCardPaper .pbSelectTrigger{
    width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;
    margin:0!important;padding:0 5px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;font-size:8px!important;
  }
  html body .simplePrintPilot .simplePrintCardAddons{
    grid-area:addons!important;
    direction:rtl!important;
    width:76px!important;min-width:76px!important;max-width:76px!important;
    min-height:30px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    overflow:hidden!important;margin:0!important;padding:0!important;
  }
  html body .simplePrintPilot .simplePrintCardAddons:empty::before{
    content:"";display:block;width:76px;height:30px;
  }
  html body .simplePrintPilot .simplePrintSizeCardHead .simplePrintCardAddonCheck{
    flex:1 1 0!important;
    width:auto!important;min-width:0!important;max-width:76px!important;
    height:30px!important;min-height:30px!important;
    margin:0!important;padding:0 3px!important;gap:2px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border-radius:8px!important;font-size:7.2px!important;box-sizing:border-box!important;
  }
  html body .simplePrintPilot .simplePrintSizeCardHead .simplePrintCardAddonCheck input{
    width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;flex:0 0 13px!important;
  }
  html body .simplePrintPilot .simplePrintSizeHeadActions{
    display:contents!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    margin:0!important;padding:0!important;
  }
  html body .simplePrintPilot .simplePrintSizeHeadActions .simplePrintGroupDelete{
    grid-area:trash!important;
  }
  html body .simplePrintPilot .simplePrintSizeHeadActions .simplePrintSizeChevron{
    grid-area:menu!important;
  }
  html body .simplePrintPilot .simplePrintSizeHeadActions .simplePrintGroupDelete,
  html body .simplePrintPilot .simplePrintSizeHeadActions .simplePrintSizeChevron{
    align-self:center!important;justify-self:center!important;
    width:29px!important;min-width:29px!important;max-width:29px!important;
    height:29px!important;min-height:29px!important;max-height:29px!important;
    margin:0!important;padding:0!important;border-radius:8px!important;
  }
  html body .simplePrintPilot .simplePrintGroupTransfer{
    grid-column:1/-1!important;grid-row:2!important;
    direction:rtl!important;width:100%!important;margin:0!important;
  }
}

@media (max-width:390px){
  html body .simplePrintPilot .simplePrintSizeCardHead{
    grid-template-columns:28px 28px 68px 82px minmax(0,1fr)!important;
    column-gap:3px!important;padding-inline:4px!important;
  }
  html body .simplePrintPilot .simplePrintCardPaper{width:82px!important;min-width:82px!important;max-width:82px!important}
  html body .simplePrintPilot .simplePrintCardAddons{width:68px!important;min-width:68px!important;max-width:68px!important}
  html body .simplePrintPilot .simplePrintSizeHeadActions .simplePrintGroupDelete,
  html body .simplePrintPilot .simplePrintSizeHeadActions .simplePrintSizeChevron{
    width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important;min-height:27px!important;max-height:27px!important
  }
}

@media (prefers-reduced-motion:reduce){
  html body .photographerMain.photographerPrintWorkspace.pb767ComposerEnter>.photographerRolePageScrollArea{animation:none!important}
}

/* v768: the thin context bar on every photographer mobile page matches the main header. */
@media (max-width:820px){
  :root{--pb718-subbar:var(--pb718-header,#dff2f6)!important;--pb718-subbar-text:#101828!important}
  html body #pb711PhotographerContextBar,
  html body #pb698PhotographerContextBar,
  html body #pb673PhotographerLabIdentityBar,
  html body #photographerStoreIdentityBar.photographerStoreIdentityBar,
  html body .photographerMain>.photographerLabContextRail,
  html body .photographerMain .photographerCreateContextBar,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLab{
    background:var(--pb718-header,#dff2f6)!important;
    background-color:var(--pb718-header,#dff2f6)!important;
    background-image:none!important;
    border-color:rgba(33,75,96,.14)!important;
    color:#101828!important;
    box-shadow:inset 0 9px 13px -13px rgba(33,75,96,.62),0 2px 6px rgba(33,75,96,.09)!important;
  }
  html body #pb711PhotographerContextBar *,
  html body #pb698PhotographerContextBar *,
  html body #pb673PhotographerLabIdentityBar *,
  html body #photographerStoreIdentityBar.photographerStoreIdentityBar *,
  html body .photographerMain>.photographerLabContextRail *,
  html body .photographerMain .photographerCreateContextBar *,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintTopLab *{
    color:#101828!important;
  }
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectTrigger,
  html body .photographerMain.photographerPrintWorkspace .photographerPrintTopLabSelect .pbSelectButton{
    color:#101828!important;background:transparent!important;border-color:rgba(16,24,40,.16)!important;
  }
  html body .photographerMain.photographerPrintWorkspace.pb765Composing .photographerPrintTopLab #pb765-back{
    display:inline-flex!important;top:50%!important;left:8px!important;
    transform:translateY(-50%)!important;width:82px!important;height:31px!important;
    margin:0!important;padding:0 9px!important;box-sizing:border-box!important;
    background:rgba(255,255,255,.74)!important;border:1px solid #b5c9d5!important;
    color:#101828!important;z-index:40!important;
  }
  html body .photographerMain.photographerPrintWorkspace.pb765Composing .photographerPrintTopLab #pb765-back span{
    color:#101828!important;
  }
  html body .photographerMain.photographerPrintWorkspace.pb768ComposerEnter>.photographerRolePageScrollArea{
    animation:pb768Slide .21s cubic-bezier(.2,.75,.25,1) both!important;
  }
  @keyframes pb768Slide{from{transform:translate3d(22px,0,0);opacity:.82}to{transform:translate3d(0,0,0);opacity:1}}
}
@media (prefers-reduced-motion:reduce){
  html body .photographerMain.photographerPrintWorkspace.pb768ComposerEnter>.photographerRolePageScrollArea{animation:none!important}
}