@media (max-width: 576px) {
  .modal-responsive .modal-dialog {
    max-width: 92vw;
    margin: 1rem auto;
    max-height: 85vh;
  }
}

@media (max-width: 576px) {
  .modal-responsive .modal-content {
    max-height: 100%;
    overflow-y: auto;
  }
}

@media (max-width: 576px) {
  .modal-responsive .table {
    font-size: clamp(0.8rem, 3.5vw, 0.9rem);
    word-break: break-word;
  }
}