/* Parts: catalogue search in "Add part" and "My van stock" (fa- prefix, on the shared tokens). */

/* A list row that is a button (pick a part) looks like the link rows. */
button.fa-list__item {
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: transparent;
    color: var(--ts-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
button.fa-list__item:hover { background: var(--ts-surface-subtle); }
.fa-list > li:first-child > button.fa-list__item { border-top: 0; }

/* The picked part, with "Change". */
.fa-part-pick { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.fa-part-pick__main { min-width: 0; }
.fa-part-pick__number { font-weight: 600; }
.fa-part-pick__name { overflow-wrap: anywhere; }

/* Stock on hand in lists: tabular figures, right-aligned. */
.fa-stock { font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
.fa-stock--negative { color: var(--ts-tone-danger); font-weight: 600; }

.fa-van-note { margin-top: var(--ts-space-3); }

.fa-hint { display: flex; align-items: flex-start; gap: 8px; font-size: 0.875rem; color: var(--ts-text-secondary); }
.fa-hint i { color: var(--ts-accent-text); margin-top: 2px; }