.status-badge,
.badge-status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.6875rem;
    font-weight: 600;
    gap: var(--app-space-1);
    line-height: 1;
    min-height: 1.375rem;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
}

.status-pending,
.status-unpaid,
.status-draft {
    background: rgba(244, 106, 106, 0.14);
    color: #d84d4d;
}

.status-partial,
.status-processing,
.status-in-progress {
    background: rgba(241, 180, 76, 0.18);
    color: #a66b00;
}

.status-paid,
.status-completed,
.status-success,
.status-approved,
.status-fully-adjusted {
    background: rgba(52, 195, 143, 0.16);
    color: #1d8d66;
}

.status-cancelled,
.status-failed,
.status-overdue {
    background: rgba(244, 106, 106, 0.16);
    color: #c63e3e;
}

.status-sent,
.status-printed,
.status-confirmed {
    background: rgba(85, 110, 230, 0.14);
    color: #3d56bc;
}