/*
 * The platform admin's award catalogue (D153).
 *
 * Layout only. Every colour, size and radius is a token; this file introduces
 * no new visual language and authors no component.
 */

/* Move up, move down and remove, side by side at the end of a list row. Each
   is its own small form, so the forms are laid out rather than the buttons. */
.catalogue__row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-1);
}

/* The add-an-award control: the listbox and its button on one line, the
   button sitting on the listbox's baseline rather than its label's. */
.catalogue__add {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.catalogue__add .ui-field { flex: 1 1 auto; }

/* A sentence of explanation at the head of a card. The catalogue's own, in
   place of the sign-in screen's .auth-prose (D170). */
.catalogue__intro {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-leading);
}

.catalogue__intro + * { margin-top: var(--space-4); }

/* A sport or award form: the card, then its actions, a stack apart. */
.catalogue__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}