/* e.store.orders.css - My Orders Page Styles */

.my-orders-container {
    padding: 20px;
}

.status-badge {
    padding: 5px 10px;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
}

.status-pending {
    background-color: #fcf8e3;
    color: #8a6d3b;
}

.status-completed {
    background-color: #dff0d8;
    color: #3c763d;
}

.status-shipped {
    background-color: #d9edf7;
    color: #31708f;
}

.status-delivered {
    background-color: #d9edf7;
    color: #31708f;
}

.status-canceled {
    background-color: #f2dede;
    color: #a94442;
}