/* ============================================




/* Base status tag styling */
.status-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Status: Confirmed */
.status-tag.Confirmed {
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

/* Status: Pending */
.status-tag.Pending {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ff9800;
}

/* Status: Processing */
.status-tag.Processing {
    background-color: rgba(0, 123, 255, 0.1);
    color: #007bff;
}

/* Status: Shipped */
.status-tag.Shipped {
    background-color: rgba(23, 162, 184, 0.1);
    color: #17a2b8;
}

/* Status: Delivered */
.status-tag.Delivered {
    background-color: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

/* Status: Canceled */
.status-tag.Canceled {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

/* Status: Cancellation request placed */
.status-tag.Cancellation-request-placed {
    background-color: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

/* Status: Initiated Return */
.status-tag.Initiated-return,
.status-tag.Initiated.Return {
    background-color: rgba(156, 39, 176, 0.1);
    color: #9c27b0;
}

/* Status: Returned */
.status-tag.Returned {
    background-color: rgba(156, 39, 176, 0.1);
    color: #9c27b0;
}

/* Status: Refunded */
.status-tag.Refunded {
    background-color: rgba(103, 58, 183, 0.1);
    color: #673ab7;
}

/* Status: Exchanged */
.status-tag.Exchanged {
    background-color: rgba(0, 150, 136, 0.1);
    color: #009688;
}

/* Status: Exchange Initiated */
.status-tag.Exchange.Initiated {
    background-color: rgba(0, 150, 136, 0.1);
    color: #009688;
}