/* 06-components/_pill.css — .c-pill: an uppercase mono label on a band fill.
   --severity (Akut / Snarast / Inom en nära framtid), --role (Admin / Användare), --ongoing. */
.c-pill { display: inline-flex; align-items: center; gap: var(--space-2xs); padding: 2px var(--space-xs); border-radius: var(--radius-sm); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.4; white-space: nowrap; color: var(--band-ink, var(--ink-muted)); background: var(--band-fill, var(--surface-sunken)); border: var(--stroke) solid var(--band-line, transparent); }
.c-pill--severity::before { content: ""; width: 0.375rem; height: 0.375rem; border-radius: 1px; background: var(--band-dot, var(--rule-strong)); }
.c-pill--role { text-transform: none; letter-spacing: 0; }
.c-pill--role[data-role="admin"] { color: var(--accent-ink); background: var(--accent-wash); }
.c-pill--ongoing { border-radius: var(--radius-pill); }
.c-pill--count { text-transform: none; letter-spacing: 0; font-variant-numeric: tabular-nums; }