/* ============================================================================
   Pace pill - the small uppercase tone label on a long-horizon row
   ============================================================================
   `.horizon-pill` (student landing, project doorway) and `.lr-pill` (parent
   inbox long-range) were byte-identical blocks in two stylesheets, so every
   fix had to be made twice and the parent copy kept drifting a release behind.
   One rule, both names.

   Tones come from StruxPace. `--ok` is green and belongs to `complete` alone:
   "On track" used to wear it too, so a project still in progress looked
   finished.
   ========================================================================= */

.horizon-pill,
.lr-pill {
    display: inline-block;
    padding: 1px var(--space-2);
    border-radius: var(--radius-full);
    font-size: var(--text-2xs);
    font-weight: var(--font-semibold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    background: var(--bg-white-5);
    color: var(--text-secondary);
}

.horizon-pill--ok,
.lr-pill--ok {
    color: var(--success);
    background: var(--success-bg);
}

.horizon-pill--warn,
.lr-pill--warn {
    color: var(--warning);
    background: var(--warning-bg);
}

.horizon-pill--muted,
.lr-pill--muted {
    color: var(--text-tertiary);
}