/*
 * AQUILA_POS_PAYMENT_SUMMARY_DETERMINISTIC_GRID_R1
 *
 * Browser acceptance target:
 * - Session metrics row occupies the same vertical space
 *   before and after hydration.
 * - Payment Summary starts at the same position on first paint,
 *   normal refresh, hard refresh and SPA navigation.
 *
 * No JavaScript positioning.
 * No timer.
 * No observer.
 * No Payment Summary content changes.
 */

@media (min-width: 1280px) {

  .section-page.pos-dedicated-counter-shell
  .pos-counter-page--dedicated
  .pos-operating-cockpit-v2
  > .pos-sale-transaction-section {
    --ubz-pos-stable-metrics-row: 64px;

    grid-template-rows:
      var(--ubz-pos-stable-metrics-row)
      auto
      auto
      auto
      auto
      !important;

    align-items: start !important;
    align-content: start !important;
  }

  .section-page.pos-dedicated-counter-shell
  .pos-counter-page--dedicated
  .pos-sale-transaction-section
  > .ubz-r5-session-metrics {
    grid-area: metrics !important;

    height:
      var(--ubz-pos-stable-metrics-row)
      !important;

    min-height:
      var(--ubz-pos-stable-metrics-row)
      !important;

    max-height:
      var(--ubz-pos-stable-metrics-row)
      !important;

    align-self: start !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .section-page.pos-dedicated-counter-shell
  .pos-counter-page--dedicated
  .pos-sale-transaction-section
  > .pos-payment-summary-section {
    grid-area: payment !important;

    align-self: start !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}