.reminder-email-dialog {
  width: min(68rem, 96vw);
  height: 90vh;
  height: 90dvh;
  max-width: none;
  max-height: 96vh;
  padding: 0;
  margin: auto;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: white;
  overflow: hidden;
  box-shadow: 0 24px 80px rgb(0 0 0 / 25%);
}

.reminder-email-dialog::backdrop { background: rgb(17 24 39 / 55%); }
.reminder-email-shell { display: flex; flex-direction: column; height: 100%; }
.reminder-email-preview { flex: 1; min-height: 0; background: #f5f5f5; }
.reminder-email-frame { display: block; width: 100%; height: 100%; border: 0; }
.reminder-email-dialog [hidden] { display: none !important; }