.badge {
    display: inline-block;
    padding: .2rem .6rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: capitalize;
}

.badge--done       { background: color-mix(in srgb, var(--green) 15%, transparent); color: var(--green); }
.badge--new        { background: color-mix(in srgb, var(--blue) 15%, transparent); color: var(--blue); }
.badge--stale      { background: rgba(136,136,168,.15); color: var(--text-muted); }
.badge--upload     { background: rgba(245,166,35,.15); color: var(--accent); }

a.badge--upload {
    text-decoration: none;
}
.badge--start      { background: color-mix(in srgb, var(--blue) 15%, transparent); color: var(--blue); }
.badge--discord    { background: rgba(88,101,242,.15); color: #8b94ff; }
.badge--email      { background: color-mix(in srgb, var(--green) 15%, transparent); color: var(--green); }
.badge--warning    { background: rgba(245,166,35,.15); color: var(--accent); }

.row--missing td {
    background: rgba(224,85,85,.12);
}

.icon-missing {
    color: var(--red);
    vertical-align: -0.15em;
}

.badge--pending    { background: rgba(245,166,35,.15);  color: var(--accent); }
.badge--processing { background: color-mix(in srgb, var(--blue) 15%, transparent); color: var(--blue); }
.badge--failed     { background: rgba(224,85,85,.15);   color: var(--red); }