/* Client gallery UX v0.6.5: shared layout, readable selection actions, and mobile summary.
 * Scoped exclusively to customer pages. Admin styles remain unchanged. */
body.spr-root.zgs-client .spr-client>.spr-sticky{
 box-sizing:border-box;min-width:0;
}
body.spr-root.zgs-client .spr-client>.spr-sticky>div{
 min-width:0;overflow-wrap:anywhere;
}
body.spr-root.zgs-client .spr-client>.spr-sticky [data-price-label]{
 display:block;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:normal;
 font-size:clamp(15px,2.1vw,21px);line-height:1.2;
}
body.spr-root.zgs-client .spr-client>.spr-sticky .spr-kicker{
 display:block;font-size:12px;line-height:1.4;
}
body.spr-root.zgs-client .spr-client>.spr-sticky>button[data-scroll-bottom]{
 min-width:0;white-space:normal;text-align:center;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo{
 border-width:1px;transition:border-color .15s ease,box-shadow .15s ease;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo[data-selected="1"]{
 border-color:var(--zg-accent,#d9b789)!important;
 box-shadow:0 0 0 1px var(--zg-accent,#d9b789)!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo[data-selected="-1"]{
 border-color:#8d6a60!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info{
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px!important;
 padding:10px!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>span:first-child{
 display:block;flex:none;width:100%;min-width:0;font-size:12px;font-weight:600;
 text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info .ztc-client-photo-status{
 display:block!important;align-self:flex-start;flex:none!important;
 font-size:11px!important;line-height:1.3!important;font-weight:700!important;
 padding:5px 8px!important;border-radius:5px!important;
 background:var(--zg-panel,#27231e);
 color:var(--zg-muted,#d1c5b8);
 border:1px solid var(--zg-edge,#655746);
 white-space:normal;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo[data-selected="1"] .ztc-client-photo-status{
 color:var(--zg-on,#20160d)!important;background:var(--zg-accent,#d9b789)!important;
 border-color:var(--zg-accent,#d9b789)!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo[data-selected="-1"] .ztc-client-photo-status{
 background:#4a2b28!important;border-color:#a16f66!important;color:#ffe3de!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>button.spr-pick,
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>button.spr-reject{
 width:100%!important;min-width:0!important;min-height:39px;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:6px;text-align:center!important;
 white-space:normal!important;overflow-wrap:anywhere;
 font-size:12px!important;font-weight:700!important;line-height:1.3!important;
 padding:9px 7px!important;margin:0!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>button.spr-pick.selected{
 background:var(--zg-accent,#d9b789)!important;color:var(--zg-on,#25180d)!important;
 border-color:var(--zg-accent,#d9b789)!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>button.spr-reject.rejected{
 background:#5b342f!important;color:#ffebe4!important;border-color:#a26e62!important;
}
body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>button:focus-visible,
body.spr-root.zgs-client .spr-gallery-images .spr-quickpick:focus-visible{
 outline:2px solid var(--zg-accent,#d9b789)!important;outline-offset:2px!important;
}
@media(max-width:650px){
 /* Not sticky on phones: prevents fixed-sized controls obscuring photographs. */
 body.spr-root.zgs-client .spr-client>.spr-sticky{
  position:relative!important;top:auto!important;z-index:1!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;align-items:start!important;justify-items:stretch!important;
  gap:10px 12px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0 0 17px!important;padding:12px!important;
  border-radius:9px!important;box-sizing:border-box!important;
 }
 body.spr-root.zgs-client .spr-client>.spr-sticky>div{
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;min-width:0!important;
  margin:0!important;padding:0!important;gap:2px!important;
 }
 body.spr-root.zgs-client .spr-client>.spr-sticky>div>strong{
  font-size:clamp(16px,4.4vw,20px)!important;line-height:1.24!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
 }
 body.spr-root.zgs-client .spr-client>.spr-sticky [data-price-label]{
  white-space:nowrap!important;font-size:clamp(16px,4.3vw,20px)!important;
  font-variant-numeric:tabular-nums;
 }
 body.spr-root.zgs-client .spr-client>.spr-sticky .spr-kicker{
  font-size:11px!important;line-height:1.4!important;
 }
 body.spr-root.zgs-client .spr-client>.spr-sticky>button[data-scroll-bottom]{
  grid-column:1/-1!important;grid-row:auto!important;position:relative!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  height:auto!important;min-height:41px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  font-size:12px!important;line-height:1.3!important;letter-spacing:0!important;
  padding:10px 12px!important;margin:0!important;
  white-space:normal!important;overflow:visible!important;
 }
 body.spr-root.zgs-client .spr-client>.spr-sticky>button[data-scroll-bottom]::after{
  display:none!important;content:none!important;
 }
 body.spr-root.zgs-client .spr-gallery-images .spr-photo-info{
  padding:8px!important;gap:6px!important;
 }
 body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>button.spr-pick,
 body.spr-root.zgs-client .spr-gallery-images .spr-photo-info>button.spr-reject{
  min-height:37px!important;font-size:11px!important;line-height:1.35!important;padding:8px 4px!important;
 }
}
@media(max-width:360px){
 body.spr-root.zgs-client .spr-client>.spr-sticky{gap:9px 8px!important;padding:10px!important}
 body.spr-root.zgs-client .spr-client>.spr-sticky [data-price-label]{font-size:15px!important}
}