/* =========================================================
   JR Hide Share Memory Button + Center Invite (Tables)
   ========================================================= */

/* 1) Hide "Share memory" buttons everywhere */
button.jr-share-memory,
button.jr-share-memory-btn,
button.jr-share-memory-btn--compact,
.jr-share-wrap,
.jr-share-memory,
.jr-share-memory-btn,
.jr-share-memory-btn--compact {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2) Center Invite user / Connected controls inside the Invite/Actions cell */

/* The cell container is an inline-styled flex column div in your tables.
   We target it safely by matching the style fragment shown in DevTools. */
.jr-mt-scroll td > div[style*="flex-direction: column"]{
  justify-content: center !important;     /* vertical within the cell */
  align-items: center !important;         /* horizontal within the cell */
  height: 100% !important;
  width: 100% !important;
  text-align: center !important;
}

/* If the flex container is nested deeper, also center any matching divs */
.jr-mt-scroll td div[style*="flex-direction: column"]{
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

/* Make the actual buttons center themselves nicely */
.jr-mt-scroll .mi-invite-btn,
.jr-mt-scroll .mi-state-connected{
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ensure checkbox doesn't pull alignment off-center */
.jr-mt-scroll input.in-group{
  margin-left: auto !important;
  margin-right: auto !important;
}