.mud-dialog-container.mud-dialog-custom {
  position: fixed;
  inset: 0;
  padding: 0 !important;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.mud-dialog.right-panel {
  width: clamp(800px, 25%, 1200px);
  height: 100%;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto 1fr auto; 
  min-height: 0;
}

.mud-dialog.right-panel .mud-dialog-content {
  overflow: auto;
  min-height: 0;
}

@media (max-width: 600px) {
  .mud-dialog-container.mud-dialog-custom {
    justify-content: stretch;
  }

  .mud-dialog.right-panel {
    width: 100%;
    height: 100%;
  }
}

/* for iOS */
@supports (padding: max(0px)) {
  @media (max-width: 600px) {
    .mud-dialog.right-panel {
      padding-left: env(safe-area-inset-left);
      padding-right: env(safe-area-inset-right);
      padding-top: env(safe-area-inset-top);
      padding-bottom: env(safe-area-inset-bottom);
    }
  }
}