/* Shared editor confirmation stays centered within the visible workspace. */
html body dialog.container-close-dialog {
  position: fixed; inset: 0; margin: auto;
  box-sizing: border-box; width: min(28rem, calc(100% - 2rem));
  height: fit-content; max-height: calc(100dvh - 2rem); overflow: auto;
  padding: 1.5rem; border: 1px solid #8abacb; border-radius: 1rem;
  background: #f7fbfd; color: #183b49; box-shadow: 0 20px 70px #001a3355;
}
.container-close-dialog::backdrop { background: #071c2b99; }
.container-close-dialog h2 { margin: 0 0 1.5rem; font-size: 1.3rem; line-height: 1.35; overflow-wrap: anywhere; }
.container-close-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .75rem; }
.container-close-actions button { min-height: 44px; padding: .65rem 1rem; font: inherit; }
.container-close-actions .confirm-close { background: #163c49; color: white; }
.container-close-actions button:focus-visible { outline: 3px solid #138bc5; outline-offset: 3px; }