.purchase-new-menu > summary {
    display: inline-flex;
    width: auto;
    height: 42px;
    align-items: center;
    flex-direction: row;
    gap: .5rem;
    list-style: none;
    padding: 0 1.15rem !important;
    white-space: nowrap;
}

.purchase-new-menu > summary::-webkit-details-marker {
    display: none;
}

.purchase-new-menu {
    position: relative;
}

.purchase-new-menu > :last-child {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    z-index: 30;
    width: 16rem;
    box-shadow: 0 18px 40px -18px rgba(20, 20, 25, .4);
}

.purchase-document-table {
    min-width: 860px;
}

.purchases-page main > header h1 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25;
}

.purchases-page main > header {
    min-height: 76px;
    padding-top: .85rem !important;
    padding-bottom: .85rem !important;
}

.purchases-page .grid > .card.p-5 {
    min-height: 132px;
    padding: 1.15rem !important;
}

.purchases-page .grid > .card.p-5 p {
    margin-bottom: 0;
}

.purchases-page .purchase-document-table th {
    padding: .7rem 1rem !important;
}

.purchases-page .purchase-document-table td {
    padding: .8rem 1rem !important;
}

.purchases-page .purchase-document-table tr {
    height: auto;
}

.purchase-filter-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 220px) minmax(160px, 190px) auto auto;
    gap: .75rem;
    align-items: end;
}

.purchase-filter-control {
    height: 42px;
}

.purchase-filter-label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .4rem;
}

.purchase-filter-caption {
    color: #141419;
    font-size: .84rem;
    line-height: 1rem;
}

.purchase-search-field {
    position: relative;
    display: block;
}

.purchase-search-icon {
    position: absolute;
    z-index: 1;
    left: .75rem;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
}

.purchase-filter-action {
    height: 42px;
    align-self: end;
}

.purchase-page-link {
    display: inline-flex;
    min-width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e7e9;
    border-radius: 9999px;
    padding: 0 .75rem;
    color: #5f5f66;
    font-size: .78rem;
    font-weight: 500;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}

.purchase-page-link:hover {
    border-color: #a9a9af;
    color: #141419;
}

.purchase-page-link--current {
    border-color: #141419;
    background: #141419;
    color: #fff;
}

.purchase-page-link--disabled {
    cursor: default;
    opacity: .42;
}

.purchase-page-link--disabled:hover {
    border-color: #e7e7e9;
    color: #5f5f66;
}

.purchase-empty {
    min-height: 13rem;
}

.purchase-stat-icon--draft {
    background: #fff7e6;
    color: #b76e00;
}

.purchase-stat-icon--value {
    background: #edf9f2;
    color: #218354;
}

.purchase-status--confirmed {
    background: #edf9f2;
    color: #218354;
}

.purchase-status--cancelled {
    background: #fff0f1;
    color: #b93846;
}

.purchase-status--draft {
    background: #fff7e6;
    color: #9a6400;
}

@media (prefers-reduced-motion: reduce) {
    .purchase-new-menu *,
    [data-purchase-row] {
        transition: none !important;
    }
}

@media (max-width: 960px) {
    .purchase-filter-row {
        grid-template-columns: 1fr 1fr;
    }

    .purchase-filter-row > :first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .purchase-filter-row {
        grid-template-columns: 1fr;
    }

    .purchase-filter-row > :first-child {
        grid-column: auto;
    }
}