@media (min-width: 769px) {
    .data-grid--pledges {
        &.data-grid:not(.data-grid--member-pledges) {
            --data-grid-min-width: 1217px;
            --data-grid-columns:
                40px
                90px
                100px
                minmax(120px, 1.5fr)
                130px
                120px
                152px
                122px
                minmax(68px, 0.8fr)
                minmax(130px, 2fr)
                145px;
            width: 100%;
            min-width: var(--data-grid-min-width);
            box-sizing: border-box;
            visibility: visible;
        }

        &:not(.data-grid--member-pledges) .data-grid-cell-check { grid-column: 1; }
        &:not(.data-grid--member-pledges) .data-grid-cell-type { grid-column: 2; }
        &:not(.data-grid--member-pledges) .data-grid-cell-display_id { grid-column: 3; }
        &:not(.data-grid--member-pledges) .data-grid-cell-name { grid-column: 4; }
        &:not(.data-grid--member-pledges) .data-grid-cell-date_pledged { grid-column: 5; }
        &:not(.data-grid--member-pledges) .data-grid-cell-added_by { grid-column: 6; }
        &:not(.data-grid--member-pledges) .data-grid-cell-pledge_amount { grid-column: 7; }
        &:not(.data-grid--member-pledges) .data-grid-cell-amount_due { grid-column: 8; }
        &:not(.data-grid--member-pledges) .data-grid-cell-campaign { grid-column: 9; }
        &:not(.data-grid--member-pledges) .data-grid-cell-description { grid-column: 10; }
        &:not(.data-grid--member-pledges) .data-grid-cell-status { grid-column: 11; }

        .data-grid-body {
            width: 100%;
            align-self: stretch;
        }

        &.data-grid--member-pledges {
            --data-grid-min-width: 1082px;
            --data-grid-columns:
                40px
                90px
                100px
                115px
                120px
                152px
                122px
                minmax(68px, 0.8fr)
                minmax(130px, 2fr)
                145px;

            .data-grid-cell-check { grid-column: 1; }
            .data-grid-cell-type { grid-column: 2; }
            .data-grid-cell-display_id { grid-column: 3; }
            .data-grid-cell-date_pledged { grid-column: 4; }
            .data-grid-cell-added_by { grid-column: 5; }
            .data-grid-cell-pledge_amount { grid-column: 6; }
            .data-grid-cell-amount_due { grid-column: 7; }
            .data-grid-cell-campaign { grid-column: 8; }
            .data-grid-cell-description { grid-column: 9; }
            .data-grid-cell-status { grid-column: 10; }
        }

        &.data-grid-hide-col-type .data-grid-cell-type,
        &.data-grid-hide-col-display_id .data-grid-cell-display_id,
        &.data-grid-hide-col-name .data-grid-cell-name,
        &.data-grid-hide-col-date_pledged .data-grid-cell-date_pledged,
        &.data-grid-hide-col-added_by .data-grid-cell-added_by,
        &.data-grid-hide-col-pledge_amount .data-grid-cell-pledge_amount,
        &.data-grid-hide-col-amount_due .data-grid-cell-amount_due,
        &.data-grid-hide-col-campaign .data-grid-cell-campaign,
        &.data-grid-hide-col-description .data-grid-cell-description,
        &.data-grid-hide-col-status .data-grid-cell-status {
            display: none !important;
        }

        .data-grid-header,
        .data-grid-row,
        .data-grid-detail,
        .data-grid-detail-row {
            width: auto;
            min-width: var(--data-grid-min-width, 900px);
            max-width: none;
            box-sizing: border-box;
        }

        .data-grid-detail .data-grid-detail-cell,
        .data-grid-detail-row .data-grid-detail-cell {
            width: 100%;
            min-width: var(--data-grid-min-width, 900px);
            max-width: none;
            box-sizing: border-box;
        }

        .data-grid-item > .data-grid-row {
            align-items: stretch;
        }

        .data-grid-item > .data-grid-row .data-grid-cell-check {
            justify-content: center;
        }

        .data-grid-cell-status .pledge-status-pill {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
}

@media (max-width: 768px) {
    .data-grid-mobile-pill-line-2:has(.data-grid-pill-status) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 6px;
        min-width: 0;
        overflow: visible;
        white-space: normal;
    }

    .data-grid-mobile-pill-line-2 .data-grid-pill-status {
        flex: 0 0 auto;
    }

    .data-grid-mobile-pill-line-2 .data-grid-pill-status .pledge-status-pill {
        max-width: none;
        overflow: visible;
    }
}