/* Editor */

.field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dimension-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(88px, 1fr));
  gap: 10px;
  align-items: end;
}

.objective-row,
.constraint-row,
.variable-row {
  display: grid;
  gap: 8px;
  align-items: center;
}

.objective-row {
  grid-template-columns: 92px minmax(118px, 1fr) repeat(var(--var-count), minmax(58px, 1fr));
}

.constraint-row {
  grid-template-columns: repeat(var(--var-count), minmax(52px, 1fr)) 76px
    minmax(76px, 1fr) 36px;
  margin-bottom: 8px;
}

.input-cell {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.input-cell input {
  min-width: 0;
}

.mobile-field-label {
  display: none;
}

.variable-row {
  grid-template-columns: minmax(64px, 1fr) minmax(130px, 1.4fr) 36px;
  margin-bottom: 8px;
}

.initial-basis-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 8px;
}

.basis-row {
  display: grid;
  gap: 5px;
}

.basis-row span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.matrix-head {
  display: grid;
  grid-template-columns: repeat(var(--var-count), minmax(52px, 1fr)) 76px
    minmax(76px, 1fr) 36px;
  gap: 8px;
  margin-bottom: 7px;
}

.matrix-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}