/* v3 recent-activity list (event dashboards, admin redesign phase 5 step 1).
   A card with a short read-only list: name + detail on the left, amount,
   status and time on the right; phones put the right side under the text.
   Macro: core/components/_lg_feed.html. */

.lg-feed__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.lg-feed__all {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--touch-target);
  color: var(--primary);
  font-size: var(--size-label);
  text-decoration: none;
}
.lg-feed__all:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.lg-feed__list { margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.lg-feed__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block: var(--space-3);
  border-block-start: 1px solid var(--border);
}
.lg-feed__row:first-child { border-block-start: 0; }
.lg-feed__text { display: flex; flex: 1 1 auto; flex-direction: column; min-inline-size: 0; overflow-wrap: anywhere; }
.lg-feed__title { font-weight: 600; }
.lg-feed__detail,
.lg-feed__when { color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); }
/* Amount · status · time on one line beside the text (stacked under it on phones). */
.lg-feed__end { display: flex; flex: none; align-items: center; gap: var(--space-3); text-align: end; }
.lg-feed__amount { font-weight: 600; }

/* Service charges: one block per event inside the "Events and ticket types" card. */
.lg-sc__event + .lg-sc__event { border-top: 1px solid var(--border); margin-top: var(--space-4); padding-top: var(--space-4); }

@media (max-width: 39.99em) {
  .lg-feed__row { flex-direction: column; align-items: stretch; gap: var(--space-1); }
  .lg-feed__end { flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); text-align: start; }
}