.product-inline-compact .v-data-table__wrapper > table { width: 100%; min-width: 1295px; table-layout: fixed; }


.product-inline-compact.v-data-table > .v-data-table__wrapper > table > thead > tr > th { font-size: 16px; font-weight: 700; padding: 6px 5px; white-space: nowrap; vertical-align: middle; line-height: 24px; }


.product-inline-compact.v-data-table > .v-data-table__wrapper > table > tbody > tr > td { padding: 6px 5px; overflow-wrap: anywhere; }


.product-inline-compact thead th > span, .product-inline-compact .v-data-table-header__icon { vertical-align: middle; }


.product-inline-compact .form-control { min-width: 0; width: 100%; padding-left: 5px; padding-right: 5px; }


.product-inline-compact [data-draft-field] { min-width: 0; }


.product-inline-compact [data-draft-actions] .btn { margin: 3px 0 !important; padding-left: 7px; padding-right: 7px; }


.product-inline-compact [data-draft-actions] strong { font-size: 12px; }


.product-inline-compact [data-inline-image] { padding: 2px !important; }


.product-inline-compact [data-inline-image] img { max-width: 100% !important; height: auto; max-height: 80px; object-fit: contain !important; }


.product-inline-compact [data-draft-field] { font-size: 12px; }


@media (max-width: 991.98px) {


  .product-inline-compact .v-data-table__wrapper > table { min-width: 1295px; }


}





/* Anchor draft fields to the first quote input, independently of row height. */


.product-inline-compact tbody tr:has([data-draft-actions]) > td { vertical-align: top; padding-top: 30px !important; }


.product-inline-compact tbody tr:has([data-draft-actions]) > td:first-child { padding-top: 6px !important; }


.product-inline-compact tbody td > div:has(> [data-draft-field]) { padding: 0 !important; min-width: 0 !important; }


.product-inline-compact [data-draft-group] { align-items: flex-start !important; padding: 0 0 6px !important; margin-bottom: 22px; }


.product-inline-compact [data-draft-group] > label { position: relative; display: block; margin: 0 2px !important; }


.product-inline-compact [data-draft-group] > label > span { position: absolute; bottom: calc(100% + 3px); left: 0; line-height: 16px; white-space: nowrap; }


.product-inline-compact tbody tr:has([data-draft-actions]) input:not([type=checkbox]):not([type=file]),


.product-inline-compact tbody tr:has([data-draft-actions]) select { height: 34px !important; box-sizing: border-box; }





/* Keep quote editor fields independent from action button widths. */


.product-inline-compact [data-group-form] { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 65px 85px; gap: 8px 6px; align-items: end !important; min-width: 0; }


.product-inline-compact [data-group-form] > label { grid-row: 1; min-width: 0; margin: 0 !important; }


.product-inline-compact [data-group-form] > label > span { display: block; white-space: nowrap; line-height: 18px; }


.product-inline-compact [data-group-form] > label > input { height: 34px; min-width: 0; width: 100%; }


.product-inline-compact [data-group-form] > datalist { display: none; }


.product-inline-compact [data-group-form] > button { grid-row: 2; margin: 0 !important; white-space: nowrap; }


.product-inline-compact [data-group-form] > button:first-of-type { grid-column: 1 / 3; justify-self: start; }


.product-inline-compact [data-group-form] > button:last-of-type { grid-column: 4; }


.product-inline-compact [data-group-form] > p { grid-column: 1 / -1; }





/* Product columns: selection, category, image, name, code, quotes, color, size summary, status, updated. */


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(1) { width: 40px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(2) { width: 185px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(3) { width: 115px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(4) { width: 120px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(5) { width: 110px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(6) { width: 360px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(7) { width: 70px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(8) { width: 105px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(9) { width: 70px !important; }


.product-inline-compact > .v-data-table__wrapper > table > thead > tr > th:nth-child(10) { width: 120px !important; }





.product-inline-compact > .v-data-table__wrapper > table > tbody > tr > td { vertical-align: middle; }


.product-inline-compact [data-category-select] { width: 100% !important; max-width: 100%; box-sizing: border-box; }


.product-inline-compact [data-grouped-options] { width: 100%; min-width: 0; }


.product-inline-compact [data-group-row] { flex-wrap: nowrap !important; }


.product-inline-compact [data-group-row] > [data-delete-confirm] { flex-basis: 100%; }


.product-inline-compact [data-group-row]:has([data-delete-confirm]) { flex-wrap: wrap !important; }


.product-inline-compact [data-grouped-options] > .btn,


.product-inline-compact [data-grouped-draft] > .btn { white-space: nowrap; max-width: 100%; }





.product-inline-compact [data-draft-actions] .btn { width: 100%; padding: 5px 2px; font-size: 12px; white-space: normal; overflow-wrap: anywhere; }




/* Keep short quote fields close together; reserve remaining space for sizes. */

.product-inline-compact [data-price-group] { grid-template-columns: 90px 60px 75px minmax(0, 1fr) !important; gap: 8px !important; }

.product-inline-compact [data-price-group] > span { min-width: 0; overflow-wrap: anywhere; }