/*
 * Shared non-wrapping filter layout based on the sales/cost detail table.
 * The placement slots shrink, while their controls retain compact normal widths.
 */
.pp-nowrap-filter-layout {
    max-width: 100%;
    overflow-x: clip;
    overflow-y: visible;
}

.pp-nowrap-filter-layout > .fi-fo-component-ctn {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    padding-inline: 2px;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    align-items: flex-end;
    overflow-x: clip;
    overflow-y: visible;
}

.pp-nowrap-filter-layout > .fi-fo-component-ctn > div {
    flex: 0 1 var(--pp-filter-width) !important;
    min-width: 0 !important;
}

.pp-nowrap-filter-layout > .fi-fo-component-ctn > div > * {
    width: var(--pp-filter-width) !important;
    min-width: var(--pp-filter-width) !important;
    max-width: var(--pp-filter-width) !important;
}

.pp-nowrap-filter-layout > .fi-fo-component-ctn > div:last-child:not(.hidden) {
    display: flex;
    justify-content: flex-end;
}

/* Filament's table card clips searchable-select menus by default. */
.fi-ta:has(.pp-nowrap-filter-layout .choices.is-open) > .fi-ta-ctn {
    overflow: visible;
}

.pp-nowrap-filter-layout .choices__list--dropdown {
    z-index: 100;
}

.pp-nowrap-filter-layout--estimate > .fi-fo-component-ctn > div:nth-child(1) { --pp-filter-width: 112px; }
.pp-nowrap-filter-layout--estimate > .fi-fo-component-ctn > div:nth-child(2) { --pp-filter-width: 112px; }
.pp-nowrap-filter-layout--estimate > .fi-fo-component-ctn > div:nth-child(3) { --pp-filter-width: 330px; }
.pp-nowrap-filter-layout--estimate > .fi-fo-component-ctn > div:nth-child(4) { --pp-filter-width: 160px; }
.pp-nowrap-filter-layout--estimate > .fi-fo-component-ctn > div:nth-child(5) { --pp-filter-width: 240px; }
.pp-nowrap-filter-layout--estimate > .fi-fo-component-ctn > div:nth-child(6) { --pp-filter-width: 144px; }

.pp-nowrap-filter-layout--invoice > .fi-fo-component-ctn > div:nth-child(1) { --pp-filter-width: 112px; }
.pp-nowrap-filter-layout--invoice > .fi-fo-component-ctn > div:nth-child(2) { --pp-filter-width: 330px; }
.pp-nowrap-filter-layout--invoice > .fi-fo-component-ctn > div:nth-child(3) { --pp-filter-width: 160px; }
.pp-nowrap-filter-layout--invoice > .fi-fo-component-ctn > div:nth-child(4) { --pp-filter-width: 240px; }
.pp-nowrap-filter-layout--invoice > .fi-fo-component-ctn > div:nth-child(5) { --pp-filter-width: 144px; }

.pp-nowrap-filter-layout--contract > .fi-fo-component-ctn > div:nth-child(1),
.pp-nowrap-filter-layout--supplier > .fi-fo-component-ctn > div:nth-child(1),
.pp-nowrap-filter-layout--leave > .fi-fo-component-ctn > div:nth-child(2) { --pp-filter-width: 330px; }

.pp-nowrap-filter-layout--contract > .fi-fo-component-ctn > div:nth-child(2),
.pp-nowrap-filter-layout--supplier > .fi-fo-component-ctn > div:nth-child(2),
.pp-nowrap-filter-layout--leave > .fi-fo-component-ctn > div:nth-child(3) { --pp-filter-width: 180px; }

.pp-nowrap-filter-layout--contract > .fi-fo-component-ctn > div:nth-child(3),
.pp-nowrap-filter-layout--supplier > .fi-fo-component-ctn > div:nth-child(3) { --pp-filter-width: 240px; }

.pp-nowrap-filter-layout--leave > .fi-fo-component-ctn > div:nth-child(1) { --pp-filter-width: 140px; }

.pp-nowrap-filter-layout--invoice-payment > .fi-fo-component-ctn > div:nth-child(1) { --pp-filter-width: 112px; }
.pp-nowrap-filter-layout--invoice-payment > .fi-fo-component-ctn > div:nth-child(2),
.pp-nowrap-filter-layout--invoice-payment > .fi-fo-component-ctn > div:nth-child(3) { --pp-filter-width: 330px; }
.pp-nowrap-filter-layout--invoice-payment > .fi-fo-component-ctn > div:nth-child(4) { --pp-filter-width: 160px; }
.pp-nowrap-filter-layout--invoice-payment > .fi-fo-component-ctn > div:nth-child(5) { --pp-filter-width: 240px; }
.pp-nowrap-filter-layout--invoice-payment > .fi-fo-component-ctn > div:nth-child(6) { --pp-filter-width: 144px; }

.pp-nowrap-filter-layout--company > .fi-fo-component-ctn > div:nth-child(1) { --pp-filter-width: 240px; }
.pp-nowrap-filter-layout--company > .fi-fo-component-ctn > div:nth-child(2) { --pp-filter-width: 180px; }
.pp-nowrap-filter-layout--company > .fi-fo-component-ctn > div:nth-child(3) { --pp-filter-width: 130px; }
.pp-nowrap-filter-layout--company > .fi-fo-component-ctn > div:nth-child(4) { --pp-filter-width: 150px; }

.pp-nowrap-filter-layout--incoming-payment > .fi-fo-component-ctn > div:nth-child(1),
.pp-nowrap-filter-layout--vendor-payout > .fi-fo-component-ctn > div:nth-child(1) { --pp-filter-width: 130px; }

.pp-nowrap-filter-layout--incoming-payment > .fi-fo-component-ctn > div:nth-child(2),
.pp-nowrap-filter-layout--vendor-payout > .fi-fo-component-ctn > div:nth-child(2) { --pp-filter-width: 96px; }

.pp-nowrap-filter-layout--incoming-payment > .fi-fo-component-ctn > div:nth-child(3),
.pp-nowrap-filter-layout--vendor-payout > .fi-fo-component-ctn > div:nth-child(3) { --pp-filter-width: 64px; }

.pp-nowrap-filter-layout--incoming-payment > .fi-fo-component-ctn > div:nth-child(4),
.pp-nowrap-filter-layout--incoming-payment > .fi-fo-component-ctn > div:nth-child(5),
.pp-nowrap-filter-layout--vendor-payout > .fi-fo-component-ctn > div:nth-child(4),
.pp-nowrap-filter-layout--vendor-payout > .fi-fo-component-ctn > div:nth-child(5) { --pp-filter-width: 160px; }

.pp-nowrap-filter-layout--incoming-payment > .fi-fo-component-ctn > div:nth-child(6) { --pp-filter-width: 200px; }
.pp-nowrap-filter-layout--vendor-payout > .fi-fo-component-ctn > div:nth-child(6) { --pp-filter-width: 220px; }