/* id="mb-v11009-profile-photos" */

/* Scoped photo cards: controls remain below the image on every screen size. */
#profile-overlay #profile-photo-grid.photo-gallery{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:none!important;grid-auto-rows:auto!important;gap:12px!important;align-items:start;
}
#profile-overlay #profile-photo-grid .photo-item,
#profile-overlay #profile-photo-grid .photo-item.primary{
  display:flex!important;flex-direction:column;grid-column:auto!important;grid-row:auto!important;
  aspect-ratio:auto!important;height:auto!important;min-width:0!important;background:#fff;
}
#profile-photo-grid .photo-preview{aspect-ratio:1;overflow:hidden;width:100%}
#profile-photo-grid .photo-preview img{width:100%!important;height:100%!important;object-fit:cover}
#profile-photo-grid .photo-card-details{padding:10px;min-width:0}
#profile-photo-grid .photo-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
#profile-photo-grid .photo-badges .primary-badge,
#profile-photo-grid .photo-moderation-badge{
  position:static!important;display:inline-block;max-width:100%;box-sizing:border-box;
  padding:5px 8px!important;border-radius:12px;font-size:12px!important;line-height:1.4;
  font-weight:800;color:#fff;box-shadow:none;white-space:normal;word-break:normal;overflow-wrap:normal;
}
#profile-photo-grid .photo-overlay-actions{
  position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px!important;min-width:0;
}
#profile-photo-grid .photo-visibility-label{grid-column:1/-1;display:grid;gap:5px;font-size:14px;min-width:0}
#profile-photo-grid .photo-overlay-actions .photo-mini-btn{
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;
  height:auto!important;padding:9px 8px!important;box-sizing:border-box;flex:none!important;
  font-size:14px!important;line-height:1.4!important;word-break:normal!important;overflow-wrap:normal!important;
  white-space:normal!important;cursor:pointer;
}
#profile-photo-grid .photo-overlay-actions select.photo-mini-btn{
  background:#fff;color:#17213b;border:1px solid #d0d5dd;font-size:16px!important;
}
#profile-photo-grid .photo-mini-btn:disabled{opacity:.55;cursor:wait}
#profile-photo-grid .photo-mini-btn[data-photo-unavailable="true"]{cursor:not-allowed}
#profile-photo-grid .photo-mini-btn:focus-visible{outline:3px solid #ff654f;outline-offset:2px}
#profile-photo-grid .photo-visibility-note{grid-column:1/-1;margin:0 0 6px;color:#667085;font-size:14px;line-height:1.5}
#profile-photo-grid .photo-item.primary .danger{grid-column:1/-1}
@media(max-width:900px){
  #profile-overlay #profile-photo-grid.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #profile-photo-grid .photo-overlay-actions{grid-template-columns:minmax(0,1fr)}
  #profile-photo-grid .photo-card-details{padding:8px}
}
@media(max-width:390px){
  #profile-overlay #profile-photo-grid.photo-gallery{grid-template-columns:minmax(0,1fr)!important}
}
