.items-table-with-row-insert {
  --items-grid-columns: 80px 88px minmax(170px, 1.45fr) minmax(190px, 1.55fr) minmax(260px, 2.2fr) 96px 120px 126px 68px;
  --items-table-min-width: 1440px;
}

.items-table-with-row-insert.items-table-sales-foc {
  --items-grid-columns: 80px 78px minmax(165px, 1.35fr) minmax(180px, 1.45fr) minmax(245px, 2fr) 86px 116px 118px 88px 68px;
  --items-table-min-width: 1478px;
}

.items-row-insert-controls {
  display: grid;
  grid-template-rows: 1fr 1fr;
  min-width: 0;
  height: 52px;
  background: var(--skin-surface, #fff7f0);
}

.items-row-insert-controls > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 26px;
  margin: 0;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  color: var(--skin-accent, #b94619);
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: none;
  transform: none;
}

.items-row-insert-controls > button + button { border-top: 1px solid rgba(var(--skin-line-rgb, 203, 171, 145), 0.3); }
.items-row-insert-controls > button:hover { color: #fff; background: var(--skin-primary, #c84f1e); transform: none; }
.items-row-insert-controls > button:focus-visible { outline: 2px solid var(--skin-accent, #96350e); outline-offset: -2px; }
.items-table-with-row-insert .items-part-label { grid-column: 2 / -2; }

@media (max-width: 860px) {
  .items-table-with-row-insert:not(.items-table-sales) > .items-table-head,
  .items-table-with-row-insert:not(.items-table-sales) > .items-row {
    grid-template-columns: var(--items-grid-columns);
    min-width: var(--items-table-min-width);
  }

  .sales-order-compact .items-table-with-row-insert .items-row:not(.items-part-row) {
    grid-template-areas:
      "add add add add"
      "serial serial part model"
      "feature feature feature feature"
      "qty qty price total"
      "delete delete delete delete";
  }

  .sales-order-compact .items-table-with-row-insert .items-row.items-row-sales-foc:not(.items-part-row) {
    grid-template-areas:
      "add add add add"
      "serial serial part model"
      "feature feature feature feature"
      "qty qty price total"
      "foc foc foc foc"
      "delete delete delete delete";
  }

  .sales-order-compact .items-row-insert-controls {
    grid-area: add;
    display: flex;
    gap: 8px;
    height: 42px;
    background: transparent;
  }

  .sales-order-compact .items-row-insert-controls > button {
    flex: 1;
    min-height: 42px;
    border: 1px solid rgba(var(--skin-line-rgb, 203, 171, 145), 0.45);
    border-radius: 8px;
    background: var(--skin-surface, #fff7f0);
    font-size: 13px;
  }

  .sales-order-compact .items-row-insert-controls > button:hover { background: var(--skin-primary, #c84f1e); }

  .sales-order-compact .items-table-with-row-insert .items-part-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-areas: "add add add add" "heading heading heading heading" "delete delete delete delete";
  }

  .sales-order-compact .items-table-with-row-insert .items-part-row .items-part-label {
    grid-area: heading;
    grid-column: 1 / -1 !important;
  }
}