@include export-module('cc-transaction-invoice-line-layout') {
  .co-transaction-invoice-line {

    .transaction-line-buttons-grid {
      display: grid;
      grid-template-columns: $tp-transaction-default-button-width $tp-transaction-default-button-width-big auto;
      grid-template-rows: $tp-transaction-default-button-height;
      gap: 5px 15px;
      grid-template-areas:
      ". . .";
    }

    .transaction-line-totals-custom-grid {
      display: grid;
      grid-template-columns: 100px 100px 100px 100px;
      grid-template-rows: $tp-transaction-default-button-height;
      gap: 5px 15px;
      grid-template-areas:
      ". . . .";
    }

    .discount {
      background-color: #f5f5fc;
    }

    .status-bar {
      display: flex;
      align-items: center;
    }
  }
}
