/* Approved 22px circle / 14px icon inside an unchanged 44px native-button target. */
button.nest-dialog-close,
.modal .admin-tool-card.manage-members-modal [data-admin-modal-body] .manage-members-head button[data-close-admin-modal].nest-dialog-close {
  position: relative;
  display: inline-grid !important;
  place-items: center;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--nest-coral, #E85D3F) !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  flex: 0 0 44px !important;
}
button.nest-dialog-close::before {
  content: '';
  position: absolute;
  inset: 11px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #FDE9E1;
  pointer-events: none;
}
button.nest-dialog-close::after {
  content: '';
  position: absolute;
  inset: 15px;
  width: 14px;
  height: 14px;
  background: var(--nest-coral, #E85D3F);
  --nest-dialog-close-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
  -webkit-mask: var(--nest-dialog-close-mask) center / contain no-repeat;
  mask: var(--nest-dialog-close-mask) center / contain no-repeat;
  pointer-events: none;
}
button.nest-dialog-close:disabled, button.nest-dialog-close[aria-disabled="true"] { opacity: .45; }
button.nest-dialog-close:focus-visible { outline: 2px solid var(--ink, #17213B); outline-offset: 2px; }
.nest-dialog-close-header.nest-dialog-close-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 8px !important;
}
.nest-dialog-close-header > :is(h2, h3, strong) { min-width: 0; overflow-wrap: anywhere; }
.nest-dialog-close-card { position: relative; }
.nest-dialog-close-title { min-height: 44px; padding-inline-end: 52px; overflow-wrap: anywhere; }
button.nest-dialog-close-floating { position: absolute; top: 16px; inset-inline-end: 16px; }
.nest-dialog-close-redundant { display: none !important; }
button.nest-dialog-close[hidden],
.modal .admin-tool-card.manage-members-modal [data-admin-modal-body] .manage-members-head button[data-close-admin-modal].nest-dialog-close[hidden] { display: none !important; }

/* Override only the legacy close/header exceptions, leaving named actions alone. */
.story-create-modal > .section-title.nest-dialog-close-header { grid-template-columns: minmax(0, 1fr) 44px !important; }
.story-create-modal > .nest-dialog-close-header h2 { grid-row: 1; }
.story-create-modal > .nest-dialog-close-header [data-close-story-create].nest-dialog-close {
  grid-row: 1; grid-column: 2; width: 44px !important;
}
.admin-tool-card .nest-dialog-close-header button[data-close-admin-modal].nest-dialog-close {
  width: 44px !important; height: 44px !important; min-height: 44px !important;
  max-height: 44px !important; padding: 0 !important; line-height: 0 !important;
}
.modal .admin-tool-card.manage-members-modal .manage-members-head.nest-dialog-close-header { display: grid !important; }
html:has(.bottom-nav.nest-large-navigation) :is([data-account-security-modal], .nest-support-dialog) .nest-dialog-close-header {
  grid-template-columns: minmax(0, 1fr) !important;
}