.customer-order-section.receipt {
    border-top: 4px solid #8c7290
}

.customer-receipt-current {
    display: grid;
    gap: 6px;
    padding: 13px;
    border: 1px solid #e9dfe9;
    border-radius: 12px;
    background: #fbf8fb
}

    .customer-receipt-current strong {
        overflow-wrap: anywhere
    }

    .customer-receipt-current small {
        color: var(--cs-muted)
    }

    .customer-receipt-current a {
        display: flex;
        justify-content: center;
        margin-top: 5px;
        padding: 9px;
        border: 1px solid #cebccf;
        border-radius: 10px;
        color: #735d77;
        text-decoration: none;
        font-weight: 700
    }

.receipt-status {
    width: max-content;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700
}

.receipt-status-pendiente {
    background: #fff0c2;
    color: #785d00
}

.receipt-status-rechazado {
    background: #f6e6e3;
    color: #9b4e45
}

.customer-receipt-rejected {
    margin: 11px 0 0;
    padding: 10px;
    border-radius: 10px;
    background: #f6e6e3;
    color: #87443d;
    font-size: 11px
}

.customer-receipt-form {
    display: grid;
    gap: 8px;
    margin-top: 14px
}

    .customer-receipt-form label {
        font-size: 12px;
        font-weight: 700
    }

    .customer-receipt-form input[type=file] {
        width: 100%;
        padding: 10px;
        border: 1px dashed #cdbbc8;
        border-radius: 11px;
        background: #fff
    }

    .customer-receipt-form small {
        color: var(--cs-muted);
        font-size: 10px
    }

    .customer-receipt-form > span, .customer-receipt-errors {
        color: #a64242;
        font-size: 11px
    }

        .customer-receipt-errors:empty {
            display: none
        }

    .customer-receipt-form button {
        height: 44px;
        border: 0;
        border-radius: 11px;
        background: var(--cs-ink);
        color: #fff;
        font-weight: 700
    }
.receipt-status-aceptado {
    background: #e6f2ea;
    color: #38664d;
}