/* PhotoBridge v769 — one album spread per row, independent header colors, admin appearance dialog. */
@media (max-width:820px){
  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{
    background:var(--pb718-subbar,#dff2f6)!important;
    background-color:var(--pb718-subbar,#dff2f6)!important;
    color:var(--pb769-subbar-ink,#101828)!important;
  }
  html body #pb711PhotographerContextBar *,
  html body #pb698PhotographerContextBar *,
  html body #pb673PhotographerLabIdentityBar *,
  html body #photographerStoreIdentityBar.photographerStoreIdentityBar *,
  html body #root .photographerMain>.photographerLabContextRail *,
  html body #root .photographerMain .photographerCreateContextBar *,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintTopLab *{
    color:var(--pb769-subbar-ink,#101828)!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintTopLab #pb765-back,
  html body #root .photographerMain.photographerPrintWorkspace .photographerPrintTopLab #pb765-back *{
    color:var(--pb769-subbar-ink,#101828)!important;
  }
  html body #root .photographerMain .unifiedRoleHeader.photographerHeaderRefined .photographerHeaderIdentity,
  html body #root .photographerMain .unifiedRoleHeader.photographerHeaderRefined .photographerHeaderIdentity *{
    color:var(--pb769-header-ink,#101828)!important;
  }
}
/* Keep each design sheet as one readable row on phones and wider screens. */
html body #root .photographerMain .albumPrintPhotoGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  counter-reset:pb769Sheet;
}
html body #root .photographerMain .albumPrintPhotoCard{
  width:100%!important;min-width:0!important;max-width:none!important;
  display:grid!important;grid-template-columns:105px minmax(0,1fr) 155px 75px!important;
  grid-template-areas:'thumb info paper delete'!important;
  grid-template-rows:minmax(88px,auto)!important;align-items:center!important;
  gap:12px!important;padding:10px 12px!important;margin:0!important;
  border-radius:13px!important;overflow:visible!important;
  counter-increment:pb769Sheet;
}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintThumb{
  grid-area:thumb!important;width:105px!important;height:78px!important;min-height:78px!important;
  max-height:78px!important;aspect-ratio:auto!important;margin:0!important;
  overflow:hidden!important;object-fit:contain!important;
}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintThumb img{
  width:100%!important;height:100%!important;object-fit:contain!important;
}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoInfo{
  grid-area:info!important;width:100%!important;min-width:0!important;margin:0!important;
  display:block!important;overflow-wrap:anywhere!important;
}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoInfo::before{
  content:'برگ ' counter(pb769Sheet);display:block;font-size:11px;font-weight:900;
  color:#3157c8;margin-bottom:4px;
}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoPaper{
  grid-area:paper!important;width:100%!important;min-width:0!important;
  display:block!important;margin:0!important;padding:0!important;
}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoPaper>span{display:none!important}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoActions{
  grid-area:delete!important;display:flex!important;width:100%!important;min-width:0!important;
  align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;
}
html body #root .photographerMain .albumPrintPhotoCard .albumReplacePhotoAction,
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoSelect,
html body #root .photographerMain .albumRecordOpenToolsClean{
  display:none!important;
}
html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoActions>.dangerAction{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;min-height:38px!important;
  height:38px!important;margin:0!important;padding:0 5px!important;
}
html body #root .photographerMain .albumPrintPhotoCard.selected{box-shadow:none!important}
html body #root .photographerMain .albumPrintPhotoCard>.simplePrintPhotoTransferText,
html body #root .photographerMain .albumPrintPhotoCard>.simplePrintPhotoProgress{
  grid-column:1/-1!important;grid-row:auto!important;
}
@media (max-width:760px){
  html body #root .photographerMain .albumPrintPhotoCard{
    grid-template-columns:72px minmax(0,1fr) 105px 53px!important;
    gap:6px!important;padding:7px!important;grid-template-rows:minmax(68px,auto)!important;
  }
  html body #root .photographerMain .albumPrintPhotoCard>.albumPrintThumb{
    width:72px!important;height:62px!important;min-height:62px!important;max-height:62px!important;
  }
  html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoInfo{font-size:10px!important}
  html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoInfo::before{font-size:9px!important}
  html body #root .photographerMain .albumPrintPhotoCard>.albumPrintPhotoActions>.dangerAction{
    height:32px!important;min-height:32px!important;font-size:9px!important;
  }
  html body #root .photographerMain .albumPrintPhotoCard .albumPrintPhotoPaper .pbSelectTrigger,
  html body #root .photographerMain .albumPrintPhotoCard .albumPrintPhotoPaper .pbSelectButton{
    font-size:9px!important;min-height:34px!important;height:34px!important;padding:0 4px!important;
  }
}
@media (max-width:390px){
  html body #root .photographerMain .albumPrintPhotoCard{
    grid-template-columns:62px minmax(0,1fr) 91px 44px!important;gap:4px!important;padding:5px!important;
  }
  html body #root .photographerMain .albumPrintPhotoCard>.albumPrintThumb{
    width:62px!important;height:60px!important;min-height:60px!important;max-height:60px!important;
  }
}
#pb769ThemeButton{position:fixed;bottom:22px;left:18px;z-index:2147480000;border:1px solid #a9c3db;
  border-radius:12px;padding:10px 15px;background:#e7f4fa;color:#203b64;box-shadow:0 5px 18px #1834542e;
  font:700 13px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
#pb769ThemeModal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
  padding:16px;background:#14213a99;direction:rtl;font:13px Vazirmatn,Tahoma,sans-serif}
#pb769ThemeModal .pb769ThemeCard{width:min(470px,100%);padding:22px;background:#fff;color:#172554;
  border-radius:18px;box-shadow:0 18px 50px #10182845}
#pb769ThemeModal header{position:static;height:auto;display:flex;align-items:flex-start;gap:12px;
  justify-content:space-between;padding:0 0 16px;margin:0 0 14px;border-bottom:1px solid #e4eaf3;background:none}
#pb769ThemeModal header strong{display:block;font-size:17px}#pb769ThemeModal header small{display:block;color:#64748b;margin-top:6px}
#pb769ThemeModal header button{border:0;background:#f1f5f9;border-radius:9px;padding:4px 11px;font-size:22px}
#pb769ThemeModal .pb769ThemeSamples{display:flex;border:1px solid #dae4ef;border-radius:10px;overflow:hidden;margin-bottom:16px}
#pb769ThemeModal .pb769ThemeSamples span{flex:1;text-align:center;padding:12px 6px;font-weight:800}
#pb769ThemeModal label{display:flex;align-items:center;justify-content:space-between;margin:11px 0;color:#293d5d;font-weight:750}
#pb769ThemeModal input[type=color]{width:90px;height:39px;padding:3px;border:1px solid #c6d2e1;border-radius:8px;cursor:pointer}
#pb769ThemeModal .pb769ThemeMessage{min-height:20px;color:#be123c}
#pb769ThemeModal footer{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
#pb769ThemeModal footer button{border:1px solid #cbd5e1;border-radius:9px;padding:9px 12px;background:#f8fafc;color:#284469;font:inherit;cursor:pointer}
#pb769ThemeModal footer [data-save]{background:#315efb;color:#fff;border-color:#315efb;font-weight:900}
#pb769ThemeModal footer button:disabled{opacity:.55}