/* PhotoBridge v791 — finance lab strip, modal select stack, compact print action, gallery lifetime/delete. */

/* PBSelect is rendered into document.body. It must be above the v790 order-modal/backdrop. */
.pbSelectMenuPortal.pb791ModalSelectTop,
body>.pbSelectMenuPortal{
  z-index:2147483646!important;
  pointer-events:auto!important;
}

@media(max-width:820px){
  /* Finance inside Print: preserve the exact lab switcher as row one, then finance chrome immediately below it. */
  html body #root .photographerMain[data-pb791-finance="1"]>.photographerPrintModeHeader{
    margin-bottom:160px!important;
    overflow:visible!important;
  }
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintModeNav.pb790FinanceNav.pb791FinanceNav{
    height:160px!important;
    min-height:160px!important;
    max-height:160px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:42px 118px!important;
    gap:0!important;
    padding:0!important;
    background:#f5f7fb!important;
    overflow:visible!important;
  }
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintModeNav.pb790FinanceNav.pb791FinanceNav>.photographerPrintTopLab{
    display:flex!important;
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    align-items:center!important;
    justify-content:center!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!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    background:var(--pb718-subbar,#dff2f6)!important;
    background-color:var(--pb718-subbar,#dff2f6)!important;
    color:var(--pb769-subbar-ink,#101828)!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintTopLab *,
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintTopLab .pbSelectTrigger,
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintTopLab .pbSelectButton{
    color:var(--pb769-subbar-ink,#101828)!important;
  }
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintTopLab .pbSelectTrigger,
  html body #root .photographerMain[data-pb791-finance="1"] .photographerPrintTopLab .pbSelectButton{
    background:transparent!important;
    border-color:color-mix(in srgb,var(--pb769-subbar-ink,#101828) 18%,transparent)!important;
    box-shadow:none!important;
  }
  html body #root .photographerMain[data-pb791-finance="1"] #pb790-finance-chrome{
    grid-row:2!important;
    height:118px!important;
    min-height:118px!important;
    max-height:118px!important;
    margin:0!important;
    border-top:0!important;
  }
  #pb790-finance-chrome .pb790FinanceTitle{
    flex-wrap:wrap!important;
    gap:4px!important;
    padding:4px 8px!important;
    text-align:center!important;
  }
  #pb790-finance-chrome .pb791FinanceContext{
    display:inline!important;
    margin:0!important;
    color:#667085!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  /* Never let the compact lab pill reappear in the primary header while Finance is in Print workspace. */
  html body #root .photographerMain[data-pb791-finance="1"] .photographerHeaderInlineLabContext{
    display:none!important;
  }
  html body #root .photographerMain[data-pb791-finance="1"]>.photographerRolePageScrollArea[data-pb790-finance="1"]{
    padding-top:8px!important;
    scroll-padding-top:8px!important;
  }
}

/* Public customer gallery — print order action stays compact even on 3/4-column views. */
.publicClientGalleryPage .clientGalleryPrintOrderAction,
.publicClientGalleryPage.pb790CustomerGallery .pb790PrintOrderButton{
  width:calc(100% - 12px)!important;
  max-width:calc(100% - 12px)!important;
  min-width:0!important;
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
  margin:0 6px!important;
  padding:0 7px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.publicClientGalleryPage .clientGalleryPublicGrid.cols-3 .clientGalleryPrintOrderAction,
.publicClientGalleryPage .clientGalleryPublicGrid.cols-4 .clientGalleryPrintOrderAction,
.publicClientGalleryPage.pb790CustomerGallery .clientGalleryPublicGrid.cols-3 .pb790PrintOrderButton,
.publicClientGalleryPage.pb790CustomerGallery .clientGalleryPublicGrid.cols-4 .pb790PrintOrderButton{
  width:calc(100% - 8px)!important;
  max-width:calc(100% - 8px)!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:0 4px!important;
  padding:0 5px!important;
  font-size:8px!important;
  border-radius:7px!important;
}

/* Gallery list card header: status and lifetime are centered on one row. */
.clientGalleryCard .clientGalleryCardCover{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
}
.clientGalleryCard .clientGalleryCardCover>.clientGalleryStatus{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  align-self:center!important;
  margin:0!important;
  line-height:1.2!important;
}
.pb791GalleryLifetime{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:64%!important;
  min-height:24px!important;
  padding:3px 8px!important;
  border:1px solid rgba(49,94,251,.18)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  color:#344054!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.clientGalleryCardActions .pb791DeleteGallery{
  flex:1 1 100%!important;
  border-color:#fecdca!important;
  background:#fff1f0!important;
  color:#b42318!important;
}
@media(max-width:820px){
  .pb791GalleryLifetime{min-height:21px!important;padding:2px 6px!important;font-size:7.5px!important}
  .clientGalleryCardActions .pb791DeleteGallery{height:30px!important;min-height:30px!important;font-size:8px!important}
}
