/* =========================================
   STATUS / BADGES — SHVILIM PALETTE
========================================= */

.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--text) 12%, var(--border));
    background: color-mix(in srgb, var(--text) 4%, transparent);
    white-space: nowrap;
    font-weight: 800;
    color: var(--text);
}

.st-pending,
.status-pending {
    background: rgba(96,125,139,.18);
    border-color: rgba(96,125,139,.45);
}

.st-ordered,
.status-ordered {
    background: rgba(52,152,219,.18);
    border-color: rgba(52,152,219,.45);
}

.st-waiting,
.status-waitingforstock {
    background: rgba(243,156,18,.18);
    border-color: rgba(243,156,18,.45);
}

.st-arrived,
.status-arrived {
    background: rgba(46,204,113,.18);
    border-color: rgba(46,204,113,.45);
}

.st-collected,
.status-collected {
    background: rgba(155,89,182,.18);
    border-color: rgba(155,89,182,.45);
}

.st-cancelled,
.status-cancelled {
    background: rgba(231,76,60,.14);
    border-color: rgba(231,76,60,.42);
}

.st-reserved,
.status-reserved {
    background: rgba(26,188,156,.18);
    border-color: rgba(26,188,156,.45);
}

.st-overdue,
.status-overdue {
    background: rgba(230,126,34,.18);
    border-color: rgba(230,126,34,.45);
}

.st-deleted,
.status-deleted {
    background: rgba(45,52,54,.14);
    border-color: rgba(45,52,54,.40);
    opacity: .85;
}

.st-default {
    background: color-mix(in srgb, var(--text) 4%, transparent);
    border-color: color-mix(in srgb, var(--text) 12%, var(--border));
}