.catalog-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 12rem auto;
  align-items: center;
  gap: 0.75rem;
}

.catalog-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
}

.catalog-panel-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
}

.catalog-panel-header > p { grid-column: 1 / -1; min-height: 2.5rem; }

.catalog-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
}

.catalog-row > :first-child { grid-column: 1 / -1; }

.catalog-metadata {
  display: flex;
  align-items: start;
  gap: 1.25rem;
}

.catalog-actions { justify-content: flex-end; }
.catalog-row-readonly > :first-child { grid-column: auto; }

@media screen and (max-width: 1023px) {
  .catalog-panels { grid-template-columns: minmax(0, 1fr); }
}

@media screen and (max-width: 639px) {
  .catalog-toolbar { grid-template-columns: minmax(0, 1fr) auto; }
  .catalog-toolbar input { grid-column: 1 / -1; }
}

@media screen and (max-width: 479px) {
  .catalog-row { grid-template-columns: minmax(0, 1fr); }
  .catalog-actions { justify-content: flex-start; }
}
