/* Supplier/XL controls only; stock identity and form field names stay unchanged. */
.supplier-load-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: .4rem;
  min-width: 0;
}
.supplier-load-picker { display: block; min-width: 0; margin: 0; }
.supplier-load-label { display: block; margin-bottom: .2rem; }
.supplier-load-xl { min-width: 0; }
.supplier-xl-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  min-height: 32px;
  margin: 0;
  padding: .2rem .3rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: .375rem;
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #212529);
  font-size: .8rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.supplier-xl-toggle:focus-within { outline: 2px solid rgba(13, 110, 253, .5); outline-offset: 2px; }
.supplier-xl-toggle .supplier-xl-checkbox { flex: 0 0 auto; width: 1rem; height: 1rem; margin: 0; cursor: pointer; }
.supplier-load-value[hidden] { display: none !important; }
.tyre-variant-inline {
  display: grid;
  grid-template-columns: minmax(125px, 1fr) minmax(195px, 1.25fr);
  align-items: center;
  gap: .45rem;
  min-width: 330px;
}
.tyre-variant-inline > .form-control { min-width: 0; width: 100%; box-sizing: border-box; }
.tyre-variant-inline .supplier-load-label { display: none; }
/* Narrow standalone forms keep Brand and Supplier side by side, with XL below. */
.tyre-variant-inline--form {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-width: 0;
}
.tyre-variant-inline--form .supplier-load-fields { display: contents; }
.tyre-variant-inline--form .supplier-load-xl { grid-column: 1 / -1; }
.tyre-variant-summary { display: flex; align-items: center; gap: .5rem; white-space: nowrap; }
.tyre-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
html body .table.tyre-compact-table > thead > tr > th,
html body .table.tyre-compact-table > tbody > tr > td { padding: .4rem .45rem; vertical-align: middle; }
.tyre-compact-table > thead > tr > th { white-space: nowrap; }
html body .table.tyre-compact-table .form-control,
html body .table.tyre-compact-table .form-select { box-sizing: border-box; min-width: 100px; min-height: 32px; height: 32px; font-size: .875rem; padding-top: .25rem; padding-bottom: .25rem; }
html body .table.tyre-compact-table input[name="quantity[]"],
html body .table.tyre-compact-table input[name="inv_qty[]"] { min-width: 70px; }
html body .tyre-compact-table input[name="size[]"],
html body .tyre-compact-table input[name="inv_size[]"] { min-width: 120px; }
html body .tyre-compact-table .tyre-variant-inline > .form-control { min-width: 0; width: 100%; box-sizing: border-box; }
html body .tyre-compact-table .supplier-xl-checkbox { min-width: 1rem; width: 1rem; height: 1rem; }
.tyre-compact-table .supplier-load-fields { align-items: center; }
@media (max-width: 767.98px) {
  .tyre-variant-inline:not(.tyre-variant-inline--form) { min-width: 310px; grid-template-columns: minmax(115px, 1fr) minmax(185px, 1.25fr); }
  html body .table.tyre-compact-table .form-control,
  html body .table.tyre-compact-table .form-select { min-height: 40px; height: 40px; font-size: 16px !important; padding-top: .25rem; padding-bottom: .25rem; }
  .tyre-compact-table .supplier-xl-toggle { min-height: 40px; }
}