.saem-modal-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,.45);
  display: none; align-items: center; justify-content: center; z-index: 1090;
}
.saem-modal-backdrop.is-open { display: flex; }

.saem-modal {
  width: 90%; max-width: 480px; background: #fff; border-radius: 12px;
  padding: 20px 22px 16px; box-shadow: 0 10px 30px rgba(0,0,0,.25);
  position: relative;
}
.saem-modal h3 { margin: 0 0 8px; font-size: 20px; }
.saem-modal p { margin: 0 0 16px; line-height: 1.45; }

.saem-modal-close {
  position: absolute; top: 10px; right: 14px; border: 0; background: transparent;
  font-size: 22px; cursor: pointer;
}

.saem-modal-actions { display: flex; gap: 10px; justify-content: flex-end; }
.saem-btn { padding: 10px 14px; border-radius: 8px; border: 1px solid transparent; cursor: pointer; }
.saem-btn-primary { background: #0d6efd; color: #fff; border-color: #0d6efd; }
.saem-btn-primary:hover { filter: brightness(0.95); }
.saem-btn-secondary { background: #f3f4f6; color: #111; border-color: #e5e7eb; }
.saem-btn-secondary:hover { background: #e5e7eb; }