/* PAE Modal Popup */
.pae-modal-trigger.pae-trigger-button {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 28px; background: var(--pae-primary); color: #fff;
  border: none; border-radius: 8px; font-size: 15px; font-weight: 600;
  cursor: pointer; transition: all 0.25s ease;
}
.pae-modal-trigger.pae-trigger-button:hover { background: var(--pae-primary-dark); transform: translateY(-2px); }
.pae-modal-trigger.pae-trigger-text { color: var(--pae-primary); text-decoration: underline; cursor: pointer; font-weight: 600; background: none; border: none; padding: 0; }
.pae-modal-overlay {
  position: fixed; inset: 0; z-index: 999999;
  background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center; padding: 20px;
  opacity: 0; transition: opacity 0.3s ease;
  pointer-events: none;
}
.pae-modal-overlay.pae-modal-open { opacity: 1; pointer-events: auto; }
.pae-modal-dialog {
  background: #fff; border-radius: 16px; max-width: 600px; width: 100%;
  max-height: 90vh; overflow-y: auto; position: relative;
  box-shadow: 0 24px 80px rgba(0,0,0,0.22);
  transform: translateY(20px) scale(0.97);
  transition: transform 0.32s ease, opacity 0.32s ease; opacity: 0;
}
.pae-modal-open .pae-modal-dialog { transform: none; opacity: 1; }
.pae-modal-style-slide-right .pae-modal-overlay { justify-content: flex-end; padding: 0; }
.pae-modal-style-slide-right .pae-modal-dialog { height: 100vh; max-height: 100vh; border-radius: 16px 0 0 16px; max-width: 460px; }
.pae-modal-style-fullscreen .pae-modal-dialog { max-width: 100vw; width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; }
.pae-modal-header { display: flex; align-items: center; gap: 12px; padding: 24px 28px 0; }
.pae-modal-title  { flex: 1; font-size: 19px; font-weight: 700; color: #1e1e2e; margin: 0; }
.pae-modal-close  { width: 34px; height: 34px; border-radius: 50%; border: none; background: #f1f5f9; color: #64748b; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s ease; flex-shrink: 0; }
.pae-modal-close:hover { background: #fee2e2; color: #ef4444; }
.pae-modal-body   { padding: 20px 28px 28px; font-size: 15px; line-height: 1.7; color: #374151; }