/*
 * CP-06 Referral table row — app/components/ui/referral_table_component.rb
 *
 * Layout glue only: gap between the Approve/Update action buttons, and
 * the referrer-perspective mobile trailing stack (status badge over a
 * reference/date meta line). All colour/type/radius comes from the
 * composed primitives (Ui::TableComponent, Ui::BadgeComponent, etc).
 */

.ui-cp06__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.ui-cp06__trailing-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-1);
  min-width: 0;
  max-width: 100%;
}

.ui-cp06__trailing-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--space-2);
  max-width: 100%;
}