@import "../../../style/mixin";

@include export-module('co-transaction-line-activities-layout') {
  .co-transaction-line-activities {
    .activities-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      align-items: start;
    }

    // Right column
    .historic-activities-wrapper {
      grid-column: 2;
      grid-row: 1 / span 10; // keeps it stacked on the right
    }

    // Left column
    .contact-moments-wrapper,
    .component-activity-list-wrapper,
    .task-creator-wrapper {
      grid-column: 1;
    }
  }
}
