/* Vendor Board 376DG — isolated dashboard thumbnail restoration. */
#vendorDashboard .flyer-pills{align-items:stretch}
#vendorDashboard .flyer-pill.vb376-flyer-choice{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:start!important;
  column-gap:9px!important;
  row-gap:9px!important;
  min-width:0!important;
  position:relative!important;
}
#vendorDashboard .flyer-pill.vb376-flyer-choice>input{grid-column:1;grid-row:1;margin-top:2px!important}
#vendorDashboard .flyer-pill.vb376-flyer-choice>.flyer-pill-copy{grid-column:2;grid-row:1;min-width:0}
#vendorDashboard .vb376-flyer-status{
  grid-column:3;grid-row:1;
  align-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:150px;
  padding:4px 7px;
  border-radius:999px;
  background:#e5e8e3;
  color:#34464a;
  font-size:.61rem;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.045em;
  text-align:center;
}
#vendorDashboard .vb376-is-public .vb376-flyer-status{background:#dcebd8;color:#28402d}
#vendorDashboard .vb376-is-held .vb376-flyer-status{background:#f3dfe1;color:#7e2d36}
#vendorDashboard .vb376-flyer-preview{
  grid-column:1/-1;
  grid-row:2;
  display:grid;
  place-items:center;
  width:min(100%,190px);
  min-width:0;
  min-height:0;
  aspect-ratio:4/5.4;
  justify-self:center;
  overflow:hidden;
  border-radius:10px;
  background:#171417;
  border:1px solid rgba(39,63,65,.16);
  pointer-events:none;
}
#vendorDashboard .vb376-flyer-preview>.vb284-smart-flyer{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:9px!important;
}
#vendorDashboard .vb376-upload-frame{display:grid;place-items:center;width:100%;height:100%;background:#151515}
#vendorDashboard .vb376-upload-frame img{display:block;width:100%;height:100%;object-fit:contain}
#vendorDashboard .vb376-empty-preview,#vendorDashboard .vb376-preview-loading{
  display:grid;place-items:center;width:100%;height:100%;padding:18px;text-align:center;color:#d8d1d7;font-size:.78rem;line-height:1.35
}
@media(max-width:680px){
  #vendorDashboard .flyer-pills{grid-template-columns:1fr!important}
  #vendorDashboard .flyer-pill.vb376-flyer-choice{max-width:360px;width:100%;margin-inline:auto}
  #vendorDashboard .vb376-flyer-preview{width:min(100%,210px);min-height:0}
  #vendorDashboard .vb376-flyer-status{max-width:122px;font-size:.57rem;padding:4px 6px}
}
/* 376DG coexistence with the older Admin-hold marker/controller. The new status pill
   replaces the duplicate visual flag, but the hidden DOM flag remains available to
   Rescue 287 so its correction-ready button still works. */
#vendorDashboard .vb376-flyer-choice .flyer-hold-flag{display:none!important}
#vendorDashboard .vb376-flyer-choice.has-admin-hold .flyer-pill-copy{padding-top:0!important}
#vendorDashboard .vb376-flyer-choice>.held-ready-button-287{grid-column:1/-1;grid-row:3;margin:0!important;width:100%!important}