/* V224 notification-feed spacing correction. */
#notificationsList.notifications-list {
  box-sizing: border-box !important;
  padding-inline: 12px !important;
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
  scrollbar-gutter: auto !important;
}

#notificationsList.notifications-list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

@media (max-width: 700px) {
  #notificationsList.notifications-list {
    padding-inline: 12px !important;
  }
}

/* Match the group leave/delete/remove confirmation dialogs to the established Delete Yap confirmation roundness. */
#dmGroupMemberActionModal .dm-group-member-action-modal.modal-surface,
#dmGroupExitModal .dm-group-exit-modal.modal-surface {
  border-radius: var(--ui-radius-surface, 42px) !important;
}

/* On mobile only, center the copy in the three group confirmation states (leave group, delete group, remove member) like Yapper's standard confirmation modals. Desktop keeps its existing alignment. */
@media (max-width: 700px) {
  #dmGroupMemberActionModal .dm-group-member-action-modal h2,
  #dmGroupExitModal .dm-group-exit-modal h2,
  #dmGroupMemberActionModal .dm-group-member-action-modal > p,
  #dmGroupExitModal .dm-group-exit-modal > p {
    text-align: center !important;
  }
}

/* Center the login/sign-up action pair and give the two buttons the same 10px separation used by confirmation modals. */
.auth-modal .auth-buttons {
  justify-content: center !important;
  gap: 10px !important;
}