/*
 * The feedback modal (D130) and the platform admin's inbox (D129).
 *
 * Layout only. Every colour, size, radius and duration is a token; this file
 * introduces no new visual language and authors no component.
 */

/* The status control on a single message — one button per status the message
   is not currently in, plus a pill for the one it is. */
.feedback-status {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

/* The message as written. simple_format gives each paragraph its own <p>, and
   the preflight zeroes their margins, so a blank line the writer typed would
   otherwise vanish. */
.feedback-message {
  color: var(--text-secondary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-leading);
}

.feedback-message p + p { margin-top: var(--space-3); }

/* The line under the message in the feedback modal, in both shells. Its own
   class: the modal opens over admin pages, and the sign-in screen's prose
   class does not belong there (D170). */
.feedback-form__note {
  color: var(--text-secondary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-leading);
}