/* Styles for src/components/status-pill.js and nothing else. Plain text in a grid, as on
   the desktop; only the colour hints at the state. */

.status-pill { display: inline-block; white-space: nowrap; color: var(--c-text); }
.status-pill--info { color: var(--c-text); }
.status-pill--success { color: var(--c-success); }
.status-pill--warning { color: var(--c-warning); }
.status-pill--danger { color: var(--c-error); font-weight: 600; }