/* =========================
   ORDER STATUS BADGES
   Class format: .status-{value}
   ========================= */

.status-pending {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background-color: #fff8e1;
    color: #b78103;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ffe082;
}

.status-confirmed {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background-color: #eaf2ff;
    color: #0d6efd;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #b6d4fe;
}

.status-delivering {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background-color: #f3ecff;
    color: #6f42c1;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #d6c2ff;
}

.status-shipped {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background-color: #e9f9ef;
    color: #198754;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #b7ebc6;
}

.status-completed {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background-color: #e6f7ed;
    color: #157347;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #a3dfb8;
}

.status-cancelled {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background-color: #fdecee;
    color: #dc3545;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #f5b5bc;
}

.status-rejected {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    background-color: #f8d7da;
    color: #842029;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #f1aeb5;
}