/* wms 4\wms_app\static\css\login.css */

/* Status Badge Styles */
.status-badge {
    display: inline-block; /* Wrap background around text */
    padding: 0.1em 1em; /* Padding for the badge */
    border-radius: 5px; /* Rounded corners */
    font-size: 0.9rem; /* Adjust font size */
    color: white; /* Default text color */
}

/* Status-specific styles */
.status-badge.pending {
    background-color: #6495ED; /* Blue background */
}

.status-badge.picked {
    background-color: rgb(0, 183, 74); /* Green background */

}

.status-badge.partially-picked {
    background-color: rgb(253, 126, 20); /* Light salmon background */
}

.status-badge.not-picked {
    background-color: rgb(220, 53, 69); /* Light coral background */
}