.op3-element[data-op3-element-type="memberorder"] {
    .op3-element[data-op3-element-type="memberorderitem"] {
        &:last-child {
            margin-bottom: 0 !important;
        }
    }

    .op3-element-memberorder__container {
        overflow-x: auto;
    }

    .op3-element-memberorder__children {
        min-width: 900px;
    }

    .memberorderitemlabel {
        display: none;
        font-weight: bold;
    }

    [data-op3-element-spec="memberorderitemstatus"] .op3-text-wrapper p {
        color: #fff !important;
        background-color: #22c55e !important;
        display: inline-block;
        border-radius: 3px;
        padding: 3px 6px;
        text-align: center;
        font-size: 14px;
    }

    [data-op3-element-spec="memberorderitemstatus"] .op3-text-wrapper p.opc-status-cancelled,
    [data-op3-element-spec="memberorderitemstatus"] .op3-text-wrapper p.opc-status-refunded {
        background-color: #dd2929 !important;
    }

    [data-op3-element-spec="memberorderitemstatus"] .op3-text-wrapper p.opc-status-pending {
        background-color: #ffbd21 !important;
    }

    [data-op3-element-spec="togglestatuserror"] {
        margin: 0;

        .op3-text-wrapper {
            background-color: rgb(242, 222, 222);
            padding: 1em;
        }

        p,
        h4 {
            font-weight: 400;
            text-align: center;
            color: rgb(169, 68, 66);
            font-weight: 400;
        }
    }
}

.op3-element[data-op3-element-type="memberorderitem"] {
    &:last-child {
        margin-bottom: 0 !important;
    }

    .op3-element-memberorderitem__children {
        display: grid;
        grid-template-columns: 10% 15% 35% 1fr 1fr 1fr;
        gap: 15px;
        align-items: center;

        .op3-element {
            width: auto !important;
            margin-left: 0 !important;
            margin-right: 0 !important;

            &[data-op3-element-type="text"] {
                margin-bottom: 0px;
            }

            &[data-op3-element-type="button"] {
                max-width: 100% !important;
            }
        }
    }
}

// Responsive
@media (max-width: 1024px) {
    .op3-element[data-op3-element-type="memberorderheader"] {
        display: none;
    }

    .op3-element[data-op3-element-type="memberorder"] {
        .op3-element-memberorder__container {
            overflow-x: visible;
        }

        .op3-element-memberorder__children {
            min-width: 160px;
        }

        .memberorderitemlabel {
            display: inline-block;
            margin-right: 8px;
        }
    }

    .op3-element[data-op3-element-type="memberorderitem"] .op3-element-memberorderitem__children {
        grid-template-columns: 1fr;
    }
}

.op3-element[data-op3-element-type="memberorder"] .op3-element[data-op3-element-spec="togglestatuserror"] {
    display: block;
}

html[data-op3-layer="designer"] .op3-element[data-op3-element-type="memberorder"] {
    .op3-element-memberorder__children:not([data-op3-toggle-status="error"]) {
        .op3-element[data-op3-element-spec="togglestatuserror"] {
            display: none;
        }
    }
}