/* File: assets/css/components/modal.css */
/* Modal (system). */

.dag-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:var(--dag-gap);
  z-index:9999;
}

.dag-modal.is-open{display:flex}

.dag-modal__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(6px);
}

:where(.dag-modal__panel,.dag-modal__content){
  position:relative;
  width:min(720px, 100%);
  max-height:min(82vh, 760px);
  overflow:auto;
  background:var(--dag-surface);
  border:1px solid var(--dag-border);
  border-radius:var(--dag-radius-lg);
  padding:var(--dag-gap);
  box-shadow:var(--dag-shadow-md);
}

@media (prefers-reduced-motion: reduce){
  .dag-modal__overlay{backdrop-filter:none}
}