[hidden] {
  display: none !important;
}

.catalog-add {
  margin-bottom: 12px;
}

.catalog-row > div {
  display: grid;
  gap: 2px;
}

.catalog-row small {
  color: #687d87;
}

.catalog-actions {
  display: flex;
  gap: 6px;
}

.catalog-actions button {
  padding: 7px 9px;
}

.catalog-actions .danger {
  color: #a6302a;
  border-color: #e4aaa6;
}

@media (max-width: 600px) {
  .catalog-row {
    align-items: flex-start;
    flex-direction: column;
  }
}