/* London Baby 2026 — global subcard action-button vertical rhythm
   Surgical CSS-only refinement.
   Purpose: normalize spacing between action buttons inside the expanded daily-card detail modal.
   Does not alter button styling, sizing, colors, icons, shadows, destinations, overlays, or functionality. */

html body #detailActions {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 14px !important;
  row-gap: 14px !important;
  column-gap: 0 !important;
  padding-top: 16px !important;
}

/* Remove legacy one-off margins so the shared gap controls the rhythm. */
html body #detailActions > a,
html body #detailActions > button,
html body #detailActions > .lb-sg-action,
html body #detailActions > .action-link,
html body #detailActions > .action-btn,
html body #detailActions > .detail-action-button,
html body #detailActions > .action-confirmation {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Preserve Memory Moment as the larger final visual anchor, with a slightly calmer break above it. */
html body #detailActions > .lb-memory-action,
html body #detailActions > [data-lb-memory-open] {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* Keep mobile behavior consistent without changing any button treatment. */
@media (max-width: 640px) {
  html body #detailActions {
    gap: 14px !important;
    row-gap: 14px !important;
    padding-top: 16px !important;
  }

  html body #detailActions > .lb-memory-action,
  html body #detailActions > [data-lb-memory-open] {
    margin-top: 8px !important;
  }
}
