dialog.cc-modal-enhanced {
  opacity: 0;
  transform: translateY(10px) scale(.98);
  transition: opacity .18s ease, transform .18s ease;
}

dialog.cc-modal-enhanced[open] {
  opacity: 1;
  transform: translateY(0) scale(1);
}

dialog.cc-modal-enhanced.cc-modal-closing {
  opacity: 0;
  transform: translateY(10px) scale(.98);
}

dialog.cc-modal-enhanced::backdrop {
  background: rgb(16 27 56 / 68%);
  transition: background .18s ease;
}

dialog.cc-modal-enhanced {
  max-width: calc(100vw - 32px);
  max-height: min(85vh, 760px);
  overflow-y: auto;
}

@media (max-width: 560px) {
  dialog.cc-modal-enhanced {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    margin: 12px auto;
    border-radius: 14px;
    padding: 22px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  dialog.cc-modal-enhanced,
  dialog.cc-modal-enhanced::backdrop {
    transition: none;
  }
}