/*
 * Results nobody has acknowledged.
 *
 * The colours are here rather than as Tailwind utilities for the reason the bench records: a bare
 * class on a heading or a paragraph loses to `index.css` at (1,0,1), so a `text-` utility silently
 * does nothing.
 *
 * It is marked out from the queue below it by a border and a heading, NOT by colour alone -- the
 * heading says what it is in words, and every row that needs distinguishing carries a badge. A
 * practice reading this on a cheap monitor gets the same information as one that is not.
 */

.unreviewed {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--warning);
    border-radius: 0.5rem;
}

.unreviewed-heading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--warning);
}

.unreviewed-note {
    margin: 0;
    font-size: 0.875rem;
    color: var(--muted-foreground);
}

.unreviewed-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.unreviewed-row {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--ak-card-radius);
}

.unreviewed-row-lead {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.unreviewed-patient {
    font-weight: 600;
    color: var(--foreground);
}

.unreviewed-test {
    color: var(--foreground);
}

.unreviewed-row-detail {
    margin: 0;
    font-size: 0.875rem;
    color: var(--muted-foreground);
}