.modal-dialog {
  margin-top: 150px;  /* Adjust this value to move the modal lower */
}

.modal-backdrop.show:nth-of-type(2) {
  z-index: 1055; /* higher than first modal (1050) */
}

.modal.show:nth-of-type(2) {
  z-index: 1060;
}
.modal-backdrop + .modal-backdrop {
  opacity: 0 !important;
}
/* =========================================
   MODALS (Dark Surface System)
========================================= */

/* ================= MODALS ================= */


.modal-content {
  background-color: var(--color-bg-main);
  color: var(--color-text-on-dark);
  border: 1px solid var(--color-border-primary);
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.6);
  backdrop-filter: none;
  opacity: 1;
}

.modal-header {
  background-color: var(--color-black);
  border-bottom: 1px solid var(--color-border-subtle);
}

.modal-title {
  color: var(--color-text-on-dark);
}

.modal-backdrop {
  background-color: rgba(0,0,0,0.65);
}

.modal-footer {
  background-color: var(--color-bg-main);
  border-top: 1px solid var(--color-border-subtle);
}