/* LotHeader — lot code / details / volume row shown atop movement lots.
   Self-scoped under .lot-header; all colors already use --pp-* tokens.
   Global file is the reliable home for print-composed components. */
.lot-header {
    display: flex;
    align-items: center;
    gap: var(--pp-spacing-md);
    padding: var(--pp-spacing-sm) var(--pp-spacing-md);
    background: var(--pp-bg-subheader);
    border-bottom: var(--pp-border-light);
}

.lot-header--highlight {
    background: var(--pp-bg-highlight);
}

.lot-code {
    font-weight: 700;
    font-size: var(--pp-font-size-md);
    color: var(--pp-text-primary);
}

.lot-details {
    display: flex;
    align-items: center;
    gap: var(--pp-spacing-sm);
    font-size: var(--pp-font-size-xs);
    color: var(--pp-text-muted);
}

.lot-details .detail::after {
    content: "·";
    margin-left: var(--pp-spacing-sm);
    color: var(--pp-text-faint);
}

.lot-details .detail:last-child::after {
    display: none;
}

.lot-volume {
    margin-left: auto;
    font-size: var(--pp-font-size-sm);
    font-weight: 600;
    color: var(--pp-text-secondary);
}

.lot-capacity {
    font-weight: 400;
    color: var(--pp-text-muted);
}

@media print {
    .lot-header--highlight {
        background: #ffeb3b !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}