.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	/* Allow this wrapper to shrink inside flex containers (prevents parent widening). */
	min-width: 0;
	max-width: 100%;
}
/* Let the table size to its content (natural width) so columns don't get squashed.
	 Keep the table able to grow wider than the wrapper (scrollable), but avoid
	 forcing the wrapper to expand due to min-width:100% on the table itself. */
.table-responsive table {
	width: max-content;
	/* Don't set min-width:100% here; allow the wrapper to control sizing and scrolling. */
	min-width: 0;
	table-layout: auto;
}
.table-responsive th,
.table-responsive td {
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
}

/* Strong override for Tailwind's .min-w-full utility when table is inside .table-responsive */
.table-responsive .min-w-full {
    min-width: 0 !important;
}