/* badge.css — satu badge status per item (warna dari token --b-*) */
.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;white-space:nowrap;line-height:1}
.badge svg.ic{width:13px;height:13px;stroke-width:2.2}
.badge--draft{background:var(--b-draft-bg);color:var(--b-draft-fg)}
.badge--sent{background:var(--b-sent-bg);color:var(--b-sent-fg)}
.badge--partial{background:var(--b-partial-bg);color:var(--b-partial-fg)}
.badge--paid{background:var(--b-paid-bg);color:var(--b-paid-fg)}
.badge--overdue{background:var(--b-overdue-bg);color:var(--b-overdue-fg)}
.badge--void{background:var(--b-void-bg);color:var(--b-void-fg);text-decoration:line-through}
.badge--info{background:var(--b-info-bg);color:var(--b-info-fg)}