/* A small label: grey, or .ok green, .hold amber, .flag pink. Made by status_tag. */

.tag { display: inline-block; font-family: var(--display); font-stretch: 75%; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: var(--text-2xs); padding: 2px 7px; border-radius: 4px; background: var(--panel); color: var(--muted); white-space: nowrap; }
.tag.ok { background: var(--ok-wash); color: var(--ok); }
.tag.hold { background: var(--hold-wash); color: var(--hold); }
.tag.flag { background: var(--flag-wash); color: var(--flag-ink); }

/* The marker beside a value Nate hasn't confirmed yet. */
.staff .nate-to-confirm { display: inline-block; font-size: var(--text-xs); font-weight: 600; color: var(--hold); background: var(--hold-wash); border-radius: 4px; padding: 1px 7px; }
.staff .nate-to-confirm a { color: inherit; }
.staff .nate-to-confirm.short { white-space: nowrap; font-weight: 600; }