/* V222 targeted live corrections. Loaded after every older stylesheet. */

/* Keep the text actions vertically centered directly beside the close X. */
#profileModal .profile-admin-compact-actions {
  top: 16px !important;
  right: 68px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  align-items: center !important;
}

/* The owner's third action must use the reserved third column on phones. */
#profileModal .profile-main-actions.has-admin-management-action,
#profileModal .profile-main-actions[data-visible-action-count="3"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 7px !important;
}
#profileModal .profile-main-actions.has-admin-management-action > button:not(.hidden),
#profileModal .profile-main-actions[data-visible-action-count="3"] > button:not(.hidden),
#profileModal .profile-main-actions.has-admin-management-action #manageAdminButton:not(.hidden) {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Match the large rounded Device Preferences cards, including new-code UI. */
.yapper-plus-modal .plus-code-redeem-panel,
.yapper-plus-modal .plus-code-developer-panel,
.yapper-plus-modal .generated-plus-code-card {
  border-radius: 42px !important;
}
.yapper-plus-modal .plus-code-history-item,
.yapper-plus-modal .plus-code-history-empty {
  border-radius: 9999px !important;
}

@media (max-width: 700px) {
  #profileModal .profile-admin-compact-actions {
    top: 12px !important;
    right: 64px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
  #profileModal .profile-main-actions.has-admin-management-action,
  #profileModal .profile-main-actions[data-visible-action-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  #profileModal .profile-main-actions.has-admin-management-action > button:not(.hidden),
  #profileModal .profile-main-actions[data-visible-action-count="3"] > button:not(.hidden) {
    grid-column: auto !important;
    height: 46px !important;
    min-height: 46px !important;
    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,
  .yapper-plus-modal .generated-plus-code-card {
    border-radius: 38px !important;
  }
}