/* Transfers and shipments: the item picker's columns (part number, name, serial or lot, site, status), the note about
   transfers waiting to be taken in and the days left of a shipment. The picker otherwise looks like the part picker. */

.partpick--items .partpick__head,
.partpick--items .partpick__row {
    grid-template-columns: minmax(120px, 1fr) minmax(150px, 1.4fr) minmax(110px, 1fr) minmax(90px, 0.8fr) 130px;
}

.partpick--items .partpick__row:not(.is-locked):hover {
    background: rgba(47, 127, 184, 0.09);
    box-shadow: inset 3px 0 0 var(--ft-caution);
}

.tr-incoming {
    margin-bottom: 12px;
}

@media (max-width: 600px) {
    .partpick--items .partpick__row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 2px 10px;
    }

    .partpick--items .partpick__row > :nth-child(2) {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .partpick--items .partpick__row > :nth-child(4) {
        display: none;
    }
}

/* Days left of a shipment's promised delivery, in the legacy colours (yellow, orange, red); only open shipments are coloured. */
.sh-days {
    font-variant-numeric: tabular-nums;
}

.sh-days--soon {
    padding: 1px 8px;
    border-radius: var(--ft-radius-pill);
    background: rgba(227, 179, 65, 0.2);
    color: #7A5A00;
}

.sh-days--very-soon {
    padding: 1px 8px;
    border-radius: var(--ft-radius-pill);
    background: rgba(230, 126, 34, 0.18);
    color: #A04A00;
}

.sh-days--late {
    padding: 1px 8px;
    border-radius: var(--ft-radius-pill);
    background: rgba(200, 16, 46, 0.1);
    font-weight: 600;
    color: var(--ft-streamer);
}

/* Links under an item's transfer and shipment history. */
.mv-links {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}