.table-scroll {
    overflow-x: auto;
}

/* ===== MODAL COMPONENT (robust) ===== */
.modal { position: fixed; inset: 0; display: none !important; align-items: center; justify-content: center; }
.modal.is-open { display: flex !important; }
.modal::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,.5); }
.modal .modal-content {
  position:relative; z-index:10; max-width:42rem; width:100%;
  background:#fff; border-radius:.75rem; padding:1rem;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
}
.modal, .modal::before, .modal .modal-content { z-index: 99999; }