/* Sticky table wrapper for vertical + horizontal scrolling */
.table-container {
  max-height: 460px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Keep table width safe on narrow screens */
.table-container > .sticky-header {
  width: 100%;
  min-width: max-content;
  border-collapse: separate;
  border-spacing: 0;
}

/* Freeze table header cells */
.sticky-header thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
}

/* Add stronger shadow while table container is scrolled */
.sticky-header thead.scrolled th {
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.16);
}

/* Responsive table container height */
@media (max-width: 768px) {
  .table-container {
    max-height: 62vh;
  }
}