/**
 * Per-column width hints for the product list bulk-edit grid.
 *
 * Default DataTables widths give every column the same generous
 * slice, which is wasted real estate for short identifier columns
 * (stock fits in 5 digits, sku/upc are short codes) and starves
 * the Name column where long product names actually live. The
 * rules below squeeze the short columns so Name claims the
 * remaining width.
 *
 * Scope is keyed off Backpack v6's `data-column-name` attribute
 * on the <th> (the JS bulk-edit layer builds a column-index map
 * from those same attributes). The matching <td> on the same
 * column inherits width from the header in DataTables layouts.
 */

th[data-column-name="picture"] {
    width: 60px;
}

th[data-column-name="sku"],
th[data-column-name="upc"] {
    width: 110px;
}

th[data-column-name="stock"] {
    width: 80px;
}

th[data-column-name="variants_count"] {
    width: 80px;
}