/* Kept outside the compiled stylesheet so both filter declarations reach every browser. */
.modal-backdrop {
  align-items: center !important;
  background: #ebebeb4d;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.modal-backdrop:not(:has([role="dialog"])) { display: none; }
.modal-backdrop > [role="dialog"] { visibility: visible; opacity: 1; }

.modal-backdrop > :is(.modal, .room-intake) {
  background: linear-gradient(135deg, rgb(255 255 255 / .72), rgb(247 250 255 / .62) 56%, rgb(245 238 255 / .58));
  backdrop-filter: blur(32px) saturate(145%);
  -webkit-backdrop-filter: blur(32px) saturate(145%);
}