/* Posisi konfirmasi selalu mengikuti viewport, termasuk setelah reset Tailwind. */
dialog[data-confirmation-dialog] {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(420px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  box-sizing: border-box;
}

[data-confirmation-overlay] {
  position: fixed;
  inset: 0;
  align-items: center;
  justify-content: center;
  z-index: 1100;
}

[data-confirmation-overlay][hidden] { display: none !important; }
[data-confirmation-panel] {
  margin: 0;
  max-height: calc(100dvh - 32px);
  overflow: auto;
  box-sizing: border-box;
}
:where([data-confirmation-panel]) { max-width: calc(100vw - 32px); }

#sc-confirm-modal-box[data-confirmation-panel] {
  min-width: min(320px, calc(100vw - 32px));
  max-width: calc(100vw - 32px) !important;
}

.confirmation-unblurred { backdrop-filter: none; -webkit-backdrop-filter: none; }
body.confirmation-open { overflow: hidden; }