.modal { z-index: 20; position: fixed; inset: 0; display: none; }
.modal.open { display: block; }
.modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.modal-dialog {
  position: relative; margin: 5vh auto; background: #fff; max-width: 560px;
  border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.2);
}
.modal-header { display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px; border-bottom: 1px solid #eee; }
.modal-title { font-size: 16px; margin: 0; }
.modal-body { padding: 16px; max-height: 65vh; overflow: auto; }
.modal-close { background: transparent; border: 0; font-size: 20px; line-height: 1; cursor: pointer; }
body.modal-open { overflow: hidden; }