/* Request339: keep purchase request identity and statuses in normal flow. */
:root[data-design] #page .r278-row > .r278-request {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 8px !important;
  min-width: 0;
  height: auto !important;
  max-height: none;
}
:root[data-design] #page .r278-request > span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}
:root[data-design] #page .r278-request .r223-number strong {
  white-space: normal;
  overflow-wrap: anywhere;
}
:root[data-design] #page .r278-request .r223-stage-caption {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
}
:root[data-design] #page .r278-request .r223-stage-caption > :is(.r216-badge, .r216-late) {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
  margin: 0;
}