.patient-tool-modal-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.page__bg--bricks {
  background: url('/modules/custom/patient_tool_v2/img/lab-background.jpg') lightgray 50% / cover repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: unset;
  z-index: -1;
}

#drupal-modal {
  border-radius: 16px;
}

.ui-dialog {
  background-color: lightgray;
}

.ui-dialog.patient-tool-modal {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 16px;
  padding: 0;
  border: unset;
}

.ui-dialog-titlebar,
.ui-dialog-buttonpane {
  display: none;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .ui-dialog.patient-tool-modal {
    max-width: 95vw;
    max-height: 95vh;
  }

  .patient-tool-modal-content .patient-tool-layout {
    flex-direction: column;
  }

  .patient-tool-modal-content .patient-tool-left,
  .patient-tool-modal-content .patient-tool-right {
    padding: 15px;
  }
}

/* Ensure proper z-index for modal */
.ui-dialog.patient-tool-modal {
  z-index: 1050;
}

.ui-widget-overlay {
  z-index: 1040;
}