/* ============================================================
   Badges / status pills -- satu sistem visual semantic konsisten
   dipakai di seluruh modul (Approved/Received/Completed=hijau,
   Pending/Draft=kuning, Rejected/Cancelled=merah, dst)
   ============================================================ */
.badge {
    font-weight: 600;
    letter-spacing: .01em;
    font-size: .72rem;
    padding: .4em .65em;
    border-radius: 999px;
}

.badge.bg-success { background-color: var(--success-light) !important; color: var(--success) !important; }
.badge.bg-warning { background-color: var(--warning-light) !important; color: #92620A !important; }
.badge.bg-danger  { background-color: var(--danger-light) !important; color: var(--danger) !important; }
.badge.bg-info    { background-color: var(--info-light) !important; color: var(--info) !important; }
.badge.bg-secondary { background-color: var(--bg-app) !important; color: var(--ink-soft) !important; }
.badge.bg-primary { background-color: var(--brand-100) !important; color: var(--brand-700) !important; }
.badge.bg-dark    { background-color: #E9E7F7 !important; color: var(--purple) !important; }