@import 'variables';

:host {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 64vh;
}
.refund-wrapper {
    flex: 1;
    flex-direction: column;
    .order-table {
        flex: 1;
        overflow-y: auto;
        table {
            margin-top: 0;
        }
    }
    tr.ignore {
        color: var(--color-grey-300);
    }
}

::ng-deep .refund-wrapper .table-wrapper {
    max-width: initial !important;
}

.quantity-col {
    background-color: var(--color-warning-100);
}
.cancel-checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
clr-checkbox-wrapper {
    margin-top: 12px;
    margin-bottom: 12px;
    display: block;
}
.refund-details {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--space-unit);
    @media screen and (min-width: $breakpoint-medium) {
        flex-direction: row;
    }
    gap: calc(var(--space-unit) * 2);
    justify-content: space-between;
    vdr-card.unselected {
        opacity: 0.8;
    }
    vdr-card.selected {
        ::ng-deep .card-container {
            //border-color: var(--color-success-300);
        }
    }
    > * {
        flex: 1;
    }
}
.errors {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--space-unit) * 2);
    margin: calc(var(--space-unit) * 2) 0;
}
.prorated-wrapper {
    display: flex;
    justify-content: center;
}
.line-promotion {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 3px 6px;
    .promotion-amount {
        margin-inline-start: 12px;
    }
}

vdr-card.faded {
    opacity: 0.8;
}

.modal-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    gap: var(--clr-modal-footer-gap, 0.6rem);
}
