:host {
  @apply box-border grid h-split-screen-tablet desktop-small:h-split-screen-desktop;
  grid-template-rows: auto auto 1fr;
}

.page-customer-orders-results__filter {
  &.active {
    @apply bg-[#596470] text-white ml-px-5;
  }
}

.page-customer-orders-results__result-item-main {
  @apply mb-[0.125rem];
}

.empty-message {
  @apply bg-white text-center font-semibold text-inactive-customer py-10 rounded;
}

shared-goods-in-out-order-group-item {
  @apply cursor-pointer;
}

.actions {
  @apply fixed bottom-16 inline-grid grid-flow-col gap-7;
  left: 50%;
  transform: translateX(-50%);

  .cta-cart {
    @apply border-2 border-solid border-brand rounded-full py-3 px-6 font-bold text-lg outline-none self-end whitespace-nowrap no-underline;

    &:disabled {
      @apply bg-inactive-branch border-inactive-branch text-white;
    }
  }

  .cta-action-primary {
    @apply bg-brand text-white;
  }
}

::ng-deep .desktop page-customer-order-search-results ui-scroll-container {
  .scrollbar-gap::-webkit-scrollbar-track {
    margin-bottom: 7.25rem;
  }
}

::ng-deep page-customer-order-search-results ui-scroll-container {
  @apply h-full overflow-hidden #{!important};

  .scroll-container {
    @apply h-full gap-[0.625rem] max-h-full #{!important};
  }
}
