.collection-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:1rem;align-items:start}.collection-scan-panel,.collection-slip-builder,.collection-acceptance{border-top:4px solid #df2525}.scan-panel-button{width:100%;min-height:58px;font-size:1.05rem}.collection-divider{display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:#6b7478;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.collection-divider:before,.collection-divider:after{content:"";height:1px;background:#d8dddf;flex:1}.collection-eligible-list{display:grid;gap:.45rem;max-height:430px;overflow:auto;margin-top:.7rem}.collection-eligible-list>button{display:grid;text-align:left;border:1px solid #d8dddf;background:#fff;border-radius:10px;padding:.7rem .85rem;cursor:pointer;color:#172328}.collection-eligible-list>button:hover{border-color:#df2525;background:#fff8f8}.collection-eligible-list b{font-size:1.05rem}.collection-eligible-list span,.collection-eligible-list small{display:block}.collection-client{display:grid;background:#f3f6f7;border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem}.collection-client span{font-size:.72rem;color:#657177;text-transform:uppercase}.collection-client b{font-size:1.2rem}.collection-job-group{border:1px solid #dce1e3;border-radius:12px;margin:.75rem 0;overflow:hidden}.collection-job-group h3{margin:0;padding:.65rem .85rem;background:#172328;color:#fff;font-size:.95rem}.collection-job-group h3 small{display:block;color:#d8e0e3;font-weight:400}.collection-panel-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .85rem;border-top:1px solid #e4e7e8}.collection-panel-row:first-of-type{border-top:0}.collection-panel-row div{display:grid}.collection-panel-row b{font-size:1.05rem}.collection-panel-row small{color:#647075}.collection-draft-actions{display:flex;justify-content:flex-end;margin-top:1rem}.collection-statement{font-size:1.08rem;background:#f3f6f7;border-left:4px solid #172328;padding:1rem 1.15rem}.collection-signature-label{display:block;margin-top:1rem;font-weight:700}.collection-signature-label canvas{display:block;width:100%;height:190px;margin-top:.4rem;background:#fff;border:2px dashed #9aa5aa;border-radius:10px;touch-action:none}.packing-slip-document{position:relative;overflow:hidden}.packing-slip-meta,.qr-panel-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}.packing-slip-meta>div,.qr-panel-summary>div{display:grid;background:#f4f6f7;padding:.7rem;border-radius:8px}.packing-slip-meta span,.qr-panel-summary span{font-size:.7rem;text-transform:uppercase;color:#687378}.packing-slip-meta small,.qr-panel-summary small{display:block}.packing-slip-acceptance{margin-top:1.5rem;border-top:2px solid #172328;padding-top:1rem}.packing-slip-signature{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:end;margin-top:1rem}.packing-slip-signature>div{display:grid}.packing-slip-signature img{width:240px;height:90px;object-fit:contain;object-position:left bottom;border-bottom:1px solid #172328}.packing-slip-signature span,.packing-slip-signature small{color:#657177}.packing-slip-void-watermark{position:absolute;inset:28% -10% auto;transform:rotate(-28deg);font-size:9rem;font-weight:900;color:rgba(200,0,0,.11);text-align:center;z-index:2;pointer-events:none}.packing-slip-void-banner{display:flex;justify-content:space-between;gap:1rem;background:#ffe8e8;color:#8d1111;border:2px solid #bd2020;padding:.7rem 1rem;margin-bottom:1rem}.packing-email-history{display:grid;gap:.35rem;margin-top:1rem}.packing-email-history span{background:#f4f6f7;padding:.5rem .7rem;border-radius:6px}.pill.collected{background:#e4f7ee;color:#117651}.pill.delivered{background:#e6eeff;color:#2856ae}.pill.voided{background:#fde8e8;color:#8b3b3b}
@media(max-width:900px){.collection-layout{grid-template-columns:1fr}.packing-slip-meta,.qr-panel-summary{grid-template-columns:1fr 1fr}.packing-slip-signature{grid-template-columns:1fr}.collection-acceptance .form-grid{grid-template-columns:1fr}}@media(max-width:560px){.packing-slip-meta,.qr-panel-summary{grid-template-columns:1fr}.collection-panel-row{align-items:flex-start}.collection-signature-label canvas{height:150px}}@media print{.packing-slip-document{box-shadow:none!important;border:0!important}.packing-slip-void-banner{print-color-adjust:exact;-webkit-print-color-adjust:exact}.packing-slip-void-watermark{color:rgba(200,0,0,.14)!important}.packing-slip-document .print-table thead th{background:#172328!important;color:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}