/*
 * The laboratory's own report on an order in the chart.
 *
 * The colours live here rather than as Tailwind text utilities for the reason the bench records:
 * `index.css` wins at (1,0,1) against a bare class on a `p`, so a `text-` utility silently does
 * nothing.
 */

.lab-reports {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.lab-reports-heading {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Wraps rather than truncating: the name of a report is how somebody tells two of them apart. */
.lab-report-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.lab-report-name {
    font-size: 0.875rem;
    color: var(--muted-foreground);
}