/* Shared modal dismissal control. Footer actions retain their normal button style. */
dialog button.modal-close {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  flex: 0 0 auto; width: auto; min-width: 44px; height: 44px; min-height: 44px;
  margin: 0; padding: 0 14px; border: 1px solid #bbccd9; border-radius: 12px;
  background: #edf4f8; color: #164568; font: 600 15px/1 system-ui, sans-serif;
  cursor: pointer; box-shadow: 0 1px 2px #153e5810;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
dialog button.modal-close:hover { background: #dcebf5; border-color: #6a9cbd; color: #073655; }
dialog button.modal-close:focus-visible { outline: 3px solid #0879ba; outline-offset: 3px; }
dialog button.modal-close:active { background: #cbdfea; }
[data-theme="dark"] dialog button.modal-close { background: #243e50; color: #edf6ff; border-color: #527087; }
[data-theme="dark"] dialog button.modal-close:hover { background: #34566e; }