/* R1132: per-photo physical copy selectors and six full-width mobile destinations. */
.simplePrintPhotoCard > .simplePrintPhotoCopies{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:8px!important;min-width:0!important;width:100%!important;
 padding:6px 8px!important;margin:0!important;border:1px solid #e1e7f2!important;border-radius:9px!important;
 background:#f8faff!important;box-sizing:border-box!important;
}
.simplePrintPhotoCopies>span{font:850 11px/1.35 Vazirmatn,Tahoma,sans-serif!important;color:#344054!important}
.simplePrintPhotoCopyStepper{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;direction:ltr!important}
.simplePrintPhotoCopyStepper button{
 display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;
 padding:0!important;border:1px solid #ccd9f3!important;border-radius:8px!important;background:#fff!important;
 color:#315efb!important;font:900 18px/1 Vazirmatn,Tahoma,sans-serif!important;cursor:pointer!important;
}
.simplePrintPhotoCopyStepper button:disabled{opacity:.37!important;cursor:default!important}
.simplePrintPhotoCopyStepper output{
 min-width:28px!important;text-align:center!important;font:900 13px/1.4 Vazirmatn,Tahoma,sans-serif!important;
 color:#182d55!important;direction:ltr!important;font-variant-numeric:tabular-nums!important
}
.simplePrintFinalCopies{display:grid!important;gap:7px!important;max-height:26dvh!important;overflow:auto!important;padding:7px!important;border:1px solid #e4e9f3!important;border-radius:11px!important}
.simplePrintFinalCopies>b{font:900 12px Vazirmatn,Tahoma,sans-serif!important}
.simplePrintFinalCopyRow{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important}
.simplePrintFinalCopyRow>span{flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;direction:ltr!important;text-align:right!important}
.simplePrintPhotoCard>.simplePrintPhotoCopies{grid-column:1/-1!important}
@media(max-width:820px){
 html body #root .photographerMobileUtilityRail.photographerBottomAppNav.mobileRoleUtilityRailGrouped{
  display:block!important;position:fixed!important;inset:auto 0 0 0!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;
  transform:none!important;
 }
 html body #root .photographerMobileUtilityRail.photographerBottomAppNav>.mobileRailPrimaryGroup.photographerBottomAppNavGrid{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;gap:3px!important;
  overflow:visible!important;justify-content:stretch!important;align-items:stretch!important;
  transform:none!important;
 }
 html body #root .photographerMobileUtilityRail.photographerBottomAppNav>.photographerBottomAppNavGrid>button{
  flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;
  height:54px!important;min-height:54px!important;margin:0!important;padding:4px 1px!important;
  white-space:normal!important;overflow:hidden!important;
 }
 html body #root .photographerMobileUtilityRail.photographerBottomAppNav>.photographerBottomAppNavGrid>button em{
  font-size:8px!important;white-space:normal!important;overflow:hidden!important;text-align:center!important;
  line-height:1.22!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
 }
 html body #root .photographerMobileUtilityRail.photographerBottomAppNav>.photographerBottomAppNavGrid>button .photographerBottomNavIcon{
  flex:0 0 27px!important;min-height:27px!important;height:27px!important;
 }
}

/* Match the Store admin's active pane slide/fade, without covering the
   moving underline or affecting the mobile photographer layout. */
@media(min-width:821px){
 @keyframes pb1132PanelIn{
  from{opacity:.35;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
 }
 html.pb1126Desktop body .pb1126ContentPanel.pb1132Enter:not([hidden]){
  animation:pb1132PanelIn .24s cubic-bezier(.2,.8,.2,1) both!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html.pb1126Desktop body .pb1126ContentPanel.pb1132Enter:not([hidden]){animation:none!important}
}


/* Correct the old fixed six-column mobile selector with an equally-specific rule,
   taking the live number of visible account tabs from --pb1099-tabs. */
@media(max-width:820px){
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav){
  display:flex!important;align-items:stretch!important;justify-content:stretch!important;
  left:0!important;right:0!important;width:100%!important;max-width:100%!important;
  min-width:0!important;box-sizing:border-box!important;padding-inline:6px!important;
 }
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav) > .mobileRailPrimaryGroup.photographerBottomAppNavGrid,
 html body #photographerStoreBottomNav.photographerBottomAppNav > .mobileRailPrimaryGroup.photographerBottomAppNavGrid{
  display:grid!important;flex:1 1 100%!important;grid-template-columns:repeat(var(--pb1099-tabs,3),minmax(0,1fr))!important;
  grid-template-rows:54px!important;grid-auto-flow:row!important;
  width:100%!important;min-width:0!important;max-width:none!important;column-gap:3px!important;
  margin:0!important;padding:0!important;justify-content:stretch!important;align-items:stretch!important;
 }
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav) > .mobileRailPrimaryGroup.photographerBottomAppNavGrid > button:not([data-pb1099-hidden="1"]),
 html body #photographerStoreBottomNav.photographerBottomAppNav > .mobileRailPrimaryGroup.photographerBottomAppNavGrid > button:not([data-pb1099-hidden="1"]){
  grid-row:1!important;width:100%!important;min-width:0!important;max-width:100%!important;
  box-sizing:border-box!important;margin:0!important;padding-inline:2px!important;
 }
}
@media(min-width:821px){
 /* Reproduce the Store admin 280ms sliding line and 260ms selected-button movement. */
 html.pb1126Desktop body #pb1126ChromeHost #pb1126DesktopHeader>.pb1126MainNav>.pb1131MovingIndicator{
  top:calc(50% + 15px)!important;bottom:auto!important;height:2px!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),opacity .15s ease!important;
 }
 html.pb1126Desktop body #pb1126ChromeHost #pb1126DesktopHeader>.pb1126MainNav>button.pb1132Selected{
  animation:pb1132HeaderMove .26s cubic-bezier(.2,.8,.2,1)!important;
 }
 @keyframes pb1132HeaderMove{
  0%{transform:translateY(3px) scale(.96);filter:brightness(.96)}
  65%{transform:translateY(-1px) scale(1.015)}
  100%{transform:translateY(0) scale(1);filter:none}
 }
 @keyframes pb1132PanelIn{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
 html.pb1126Desktop body .pb1126ContentPanel.pb1132Enter:not([hidden]){
  animation:pb1132PanelIn .24s cubic-bezier(.2,.8,.2,1) both!important;
 }
 .simplePrintPilotWorkspaceMode .simplePrintPhotoCard{
  grid-template-areas:"thumb thumb" "info info" "copies copies" "paper addons" "actions actions"!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html.pb1126Desktop body #pb1126ChromeHost #pb1126DesktopHeader>.pb1126MainNav>.pb1131MovingIndicator{transition:none!important}
 html.pb1126Desktop body #pb1126ChromeHost #pb1126DesktopHeader>.pb1126MainNav>button.pb1132Selected,
 html.pb1126Desktop body .pb1126ContentPanel.pb1132Enter:not([hidden]){animation:none!important}
}

/* R1134: six-or-fewer photographer destinations always occupy ONE full-width row.
   R1132's later grid override was forcing two groups of three on the print screen.
   Flex layout responds to whichever primary destinations are currently enabled. */
@media(max-width:820px){
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav)[aria-label="ناوبری اصلی عکاس"]{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  left:0!important;right:0!important;
  box-sizing:border-box!important;
  padding:6px max(5px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px))!important;
  overflow-x:hidden!important;
 }
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav)[aria-label="ناوبری اصلی عکاس"] > .mobileRailPrimaryGroup.photographerBottomAppNavGrid,
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav)[aria-label="ناوبری اصلی عکاس"] > .mobileRailPrimaryGroup.photographerBottomAppNavGrid[data-pb1099-grid]{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  flex:1 1 100%!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  gap:2px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
 }
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav)[aria-label="ناوبری اصلی عکاس"] > .mobileRailPrimaryGroup.photographerBottomAppNavGrid > button:not([hidden]):not([data-pb1099-hidden="1"]){
  flex:1 1 0!important;
  width:0!important;min-width:0!important;max-width:none!important;
  min-height:54px!important;height:54px!important;max-height:54px!important;
  padding:3px 1px!important;margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
 }
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav)[aria-label="ناوبری اصلی عکاس"] > .mobileRailPrimaryGroup.photographerBottomAppNavGrid > button[data-pb1099-hidden="1"]{
  display:none!important;
 }
 html body #root main.photographerMain > nav.photographerMobileUtilityRail.photographerBottomAppNav:not(.labBottomAppNav)[aria-label="ناوبری اصلی عکاس"] > .mobileRailPrimaryGroup.photographerBottomAppNavGrid > button em{
  min-width:0!important;max-width:100%!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:normal!important;
  line-height:1.2!important;
  text-align:center!important;
 }
}