/* Behåll läsbara inmatningsfält vid fönsterzoom och smalare arbetsyta. */
@media (min-width: 901px) {
  .app-grid {
    grid-template-columns: minmax(440px, 1.08fr) minmax(360px, .92fr);
  }
}

@media (max-width: 900px) {
  .app-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 821px) {
  .top-input-row .unit-input {
    grid-template-columns: minmax(84px, 1fr) 64px;
  }

  .top-input-row .unit-input select,
  .top-input-row .unit-input span {
    width: 64px;
    min-width: 64px;
  }
}