/* Color-coded left-edge bars on the All Orders row.
 *
 * Bar is rendered via the first <td>'s ::before pseudo-element so it
 * coexists cleanly with Bootstrap's table-striped (which sets
 * --bs-table-bg on each row). border-left on <tr> doesn't render
 * reliably in tables; this approach is robust across browsers. */

.order-row td:first-child {
    position: relative;
    padding-left: 12px;
}

.order-row td:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: transparent;
}

/* RED — active problem. Pastel-to-medium. */
.order-row.triage-red td:first-child::before              { background: #f5b5b5; }
.order-row.triage-red.triage-medium td:first-child::before { background: #e88080; }
.order-row.triage-red.triage-dark td:first-child::before   { background: #c44545; }

/* AMBER — stalled. */
.order-row.triage-amber td:first-child::before              { background: #f5d99e; }
.order-row.triage-amber.triage-medium td:first-child::before { background: #e8b85a; }
.order-row.triage-amber.triage-dark td:first-child::before   { background: #c08a1e; }

/* PURPLE — blocked waiting on inventory. */
.order-row.triage-purple td:first-child::before              { background: #d9c5e8; }
.order-row.triage-purple.triage-medium td:first-child::before { background: #b08cc8; }
.order-row.triage-purple.triage-dark td:first-child::before   { background: #7a4f9a; }

/* GREEN — ready to pack. */
.order-row.triage-green td:first-child::before              { background: #c5e8c5; }
.order-row.triage-green.triage-medium td:first-child::before { background: #8cc88c; }
.order-row.triage-green.triage-dark td:first-child::before   { background: #4f9a4f; }

/* BLUE — in motion (no intensity). */
.order-row.triage-blue td:first-child::before { background: #a8c8e8; }