/* V221 live corrections. Loaded after every older stylesheet. */

/* Keep Delete/Verify as plain text, aligned immediately left of the X. */
#profileModal .profile-admin-compact-actions {
  position: absolute !important;
  z-index: 120 !important;
  top: 16px !important;
  right: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  max-width: calc(100% - 142px) !important;
}
#profileModal .profile-delete-user-action,
#profileModal .profile-verification-action,
#profileModal .profile-delete-user-action:is(:hover,:focus-visible,:active),
#profileModal .profile-verification-action:is(:hover,:focus-visible,:active) {
  position: static !important;
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: none !important;
  white-space: nowrap !important;
}
#profileModal .profile-delete-user-action:is(:hover,:focus-visible),
#profileModal .profile-verification-action:is(:hover,:focus-visible) {
  text-decoration: underline !important;
}
#profileModal .profile-delete-user-action.hidden,
#profileModal .profile-delete-user-action[hidden],
#profileModal .profile-verification-action.hidden,
#profileModal .profile-verification-action[hidden] { display: none !important; }

/* Three visible actions always share one equal row, including phones. */
#profileModal .profile-main-actions[data-visible-action-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
#profileModal .profile-main-actions[data-visible-action-count="3"] > button:not(.hidden) {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  padding-inline: 6px !important;
  font-size: clamp(10px, 3.05vw, 14px) !important;
}

/* Match the roundness of the established Device Preferences cards. */
.yapper-plus-modal .plus-code-redeem-panel,
.yapper-plus-modal .plus-code-developer-panel { border-radius: 36px !important; }
.yapper-plus-modal .generated-plus-code-card { border-radius: 34px !important; }
.yapper-plus-modal .plus-code-history-item,
.yapper-plus-modal .plus-code-history-empty { border-radius: 9999px !important; }

/* The scrollable feed card must be visibly rounder than its inner pills. */
#notificationsList.notifications-list { border-radius: 36px !important; }

@media (max-width: 700px) {
  #profileModal .profile-admin-compact-actions {
    top: 14px !important;
    right: 66px !important;
  }
  #profileModal .profile-main-actions[data-visible-action-count="3"] { gap: 7px !important; }
  #profileModal .profile-main-actions[data-visible-action-count="3"] > button:not(.hidden) {
    padding-inline: 4px !important;
    font-size: clamp(10px, 3vw, 13px) !important;
  }
  .yapper-plus-modal .plus-code-redeem-panel,
  .yapper-plus-modal .plus-code-developer-panel { border-radius: 34px !important; }
  .yapper-plus-modal .generated-plus-code-card { border-radius: 32px !important; }
  #notificationsList.notifications-list { border-radius: 34px !important; }
}