/* Force fixed layout so widths apply */
.table {
    table-layout: fixed;
}


.col-id {
    width: 100px;
}

.col-address {
    width: 200px;
}

.col-actions {
    width: 130px;
    min-width: 130px;
}


.font-product {

	font-size: 15px;
	font-weight: 600;
    white-space: nowrap;        /* Prevent text from breaking */
    overflow: hidden;           /* Hide overflowing text */
    text-overflow: ellipsis;    /* Add "..." */

}

html, body {
    height: 100%;
    overflow: hidden;
}

/* ONLY table scrolls */
.table-scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;   /* 🔥 THIS IS THE FIX */
}

.table thead th {
    position: sticky;
    top: 0;
    z-index: 2;

}