.chef-deliveries {
    /*border: 1px solid #e0e0e0;*/
    border-collapse: collapse;
    font-size: 13px;
    font-weight: 500;
}
.chef-deliveries th {
    background-color: #f2f2f2;
    color: #333;
    text-align: left;
    padding: 10px;
    border: 1px solid #ddd;
}
.chef-deliveries td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
}
.chef-deliveries p {
    margin: 4px 0;
}
.chef-deliveries tr:hover {
    background-color: #f9f9f9;
}
.chef-deliveries .dishes li {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}


.delivery-status {
    background-color: #c0c0c0;
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    /*border-radius: 4px;*/
    font-size: 12px;
    margin: 2px 0 6px 0;
    width: 100%;
    text-align: center;
}
/*deliveryPending*/
.delivery-status.status_P {
    background-color: #D4AF37;
}
/*deliveryApproved*/
.delivery-status.status_A {
    background-color: #4caf50;
}
/*deliveryCanceled*/
.delivery-status.status_C {
    background-color: #ff1744;
}
/*deliveryRejected*/
.delivery-status.status_R {
    background-color: #fff0f3;
    color: #F00;
}
/*deliveryPreparing*/
.delivery-status.status_M {
    background-color: #87c5ff;
}
/*deliveryDelivering*/
.delivery-status.status_D {
    color: #1c8320;
    background-color: #eaffeb;
}
/*deliveryReady*/
.delivery-status.status_T {
    color: #1c8320;
    background-color: #eaffeb;
}
/*deliveryCompleted*/
.delivery-status.status_F {
    background-color: #9cbcdc;
}

.delivery-row td {
    border-top-width: 3px;
}

.deliveries .chef-profile-section button {
    font-size: 12px;
    margin: 0;
    margin-top: 4px;
    width: 100%;
    text-align: center;
}
.deliveries .chef-profile-section button:hover {
    background-color: #e0e0e0;
}
.deliveries .chef-profile-section textarea {
    width: 100%;
    height: 150px;
}

.message-thread-exists {
    background-color: #fcffee;
    padding: 5px;
}
.message-thread-exists-details {
    display: flex;
    align-items: center;
    gap: 10px;
}
.message-thread-exists i {
    font-size: 28px;
    color: #ebe604;

}

@media (max-width: 768px) {
    .chef-deliveries {
        display: block;
    }
    .chef-deliveries thead {
        display: none;
    }
    .delivery-row {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .delivery-row .header {
        order: -1;
        background-color: #fffdf9;
        border-top-width: 3px;
    }
    .delivery-status {
        width: unset;
    }
    .delivery-row td {
        border-top-width: 1px;
    }
}