.parts-sale-container {
    --full-height: calc(100vh - 4rem);
    
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1rem;
    height: var(--full-height);
    
    & > .card-header {
        display: flex;
        justify-content: space-between;
    }
}

.parts-sale-body-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 1rem;
    padding-inline: 1rem;
}

.parts-sale-details-container {
    display: flex;
    gap: 1rem;
}

.parts-sale-customer-search-container {
    display: block;
    gap: 1rem;
}

.parts-sale-items-container {
    display: grid;
    grid-template-rows: auto auto calc(100dvh - 450px) auto;
    gap: 1rem;
    
    & > ul {
        overflow-y: auto;
    }
}

.parts-sale-items-list-grid {
    display: grid;
    grid-template-columns: 1fr 2.5fr 4rem 6rem 8rem 4rem 1.5rem 6rem 3em;
    gap: .5rem;
    align-items: center;
    width: 100%;
    margin-block: -.7rem;

    & div:nth-child(3),
    div:nth-child(4),
    div:nth-child(5),
    div:nth-child(6),
    div:nth-child(7) {
        justify-self: center;
    }

    & div:nth-child(8) {
        justify-self: end;
    }

    & div:nth-child(3) {
        justify-self: center;
    }
}

.parts-sale-bottom-bar-container {
    display: flex;
    gap: 1rem;
}