/* Work order — page layout only: the bays beside their racks, column minimums of the item and reel
   tables, the reel lines in a cell and the small taken-out bar under its number. */
@layer page {
  .wo-late { color: var(--bad-fg); }
  .wo-cover { max-width: 820px; }
  .wo-next { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s8); align-items: start; }
  @media (max-width: 1180px) { .wo-next { grid-template-columns: minmax(0, 1fr); } }
  .wo-items td:nth-child(2) { min-width: 180px; }
  .wo-items td:nth-child(5) { min-width: 240px; }
  .wo-items td:is(:nth-child(3), :nth-child(4)), .wo-reels td { white-space: nowrap; }
  .wo-items td { vertical-align: top; }
  .wo-reel { display: block; font-size: var(--t-small); }
  .wo-qbar { display: flex; justify-content: flex-end; margin-top: 6px; }
  .wo-x { color: var(--bad-fg); }
}