/*
 * The laboratory would not take the order.
 *
 * Colours live here rather than as Tailwind utilities for the reason the bench records: a bare
 * class loses to `index.css` at (1,0,1), so a `text-` utility silently does nothing.
 */

.refusal-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.refusal-field {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

/* A native select: the options are a short fixed list, and the platform control is the one a
   keyboard and a screen reader already know. */
.refusal-select {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--border);
    border-radius: 0.375rem;
    background: var(--background);
    color: var(--foreground);
    font-size: 0.875rem;
}

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

/* An outstanding refusal on a queue row: work stopped dead, marked out by a border and a heading
   rather than by colour alone. */
.refusal-standing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem;
    margin-top: 0.375rem;
    padding: 0.5rem 0.625rem;
    border: 1px solid var(--warning);
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.refusal-standing-reason {
    font-weight: 600;
    color: var(--warning);
}

.refusal-standing-said {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8125rem;
    color: var(--foreground);
}

/* A refusal already dealt with: history, so it reads as settled rather than as a warning. */
.refusal-history {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem 0.625rem;
    border: 1px solid var(--border);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: var(--muted-foreground);
}

.refusal-history-title {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.refusal-history-reason {
    font-weight: 600;
    color: var(--foreground);
}