/* THE LOT TAG (30 Oct: B's 4 x 6 tag kept with the Spurs packing queue;
   spurs/packing_lists/_lot_tags, SpursPortal::LotTag). One tag a piece: on
   paper each is its own 4 x 6 page (a named page, so no other printout in the
   app changes size), on a screen a tag-shaped card. Black on white, big
   enough to read across a dock. The PDF reads this same file. */

.lt-document, .lt-document * { box-sizing: border-box; }
.lt-document { margin: 0; background: #fff; color: #111; font: 12px/1.35 Arial, sans-serif; }

@page lot-tag { size: 4in 6in; margin: 0; }

.lt-sheet { display: grid; justify-content: center; gap: 1rem; }
.lt-tag {
  page: lot-tag;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: min(4in, 100%);
  aspect-ratio: 4 / 6;
  padding: 0.28in 0.3in;
  overflow: hidden;
  color: #111;
  background: #fff;
  border: 2px solid #111;
  border-radius: 6px;
  font-family: Arial, Helvetica, sans-serif;
  break-inside: avoid;
}
.lt-top { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.lt-brand { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
.lt-piece { flex: none; padding: 0.15rem 0.5rem; font-size: 1rem; font-weight: 700; border: 2px solid #111; border-radius: 4px; }
.lt-name { margin: 0.6rem 0 0; font-size: 1.85rem; font-weight: 800; line-height: 1.05; text-transform: uppercase; overflow-wrap: anywhere; }
.lt-town { margin: 0; font-size: 1.05rem; font-weight: 600; }
.lt-kind { margin: 0.5rem 0 0; font-size: 1rem; }
.lt-lines { margin: 0; padding-left: 1.1rem; font-size: 0.82rem; line-height: 1.3; }
.lt-lines li { overflow-wrap: anywhere; }
.lt-more { list-style: none; margin-left: -1.1rem; color: #444; }
.lt-foot { margin-top: auto; padding-top: 0.5rem; border-top: 2px solid #111; }
.lt-foot p { margin: 0; }
.lt-truck { font-size: 1.15rem; font-weight: 800; }
.lt-install { font-size: 0.9rem; }
.lt-code { margin-top: 0.3rem !important; font-size: 1.3rem; font-weight: 800; letter-spacing: 0.06em; font-family: "Courier New", Courier, monospace; }

@media print {
  .lt-sheet { display: block; }
  .lt-tag { width: 4in; height: 6in; aspect-ratio: auto; border: 0; border-radius: 0; break-after: page; }
  .lt-tag:last-child { break-after: auto; }
}