/* React-only dialog animation layer */

.react-ngdialog {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.react-ngdialog.react-ngdialog-open {
  opacity: 1;
}

.react-ngdialog.react-ngdialog-closing {
  opacity: 0;
}

/* Animate ONLY the dialog box, not layout */
.react-ngdialog .ngdialog-content {
  transform: scale(0.96);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.react-ngdialog.react-ngdialog-open .ngdialog-content {
  transform: scale(1);
}

.react-ngdialog.react-ngdialog-closing .ngdialog-content {
  transform: scale(0.96);
}