.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:20px}.controls label{flex:1;min-width:180px}label{display:block;font-size:14px;color:#74747f}input,select{width:100%;margin-top:7px;padding:12px;border:1px solid #dddde6;border-radius:10px;background:white;color:#27272e;font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}#status{font-size:14px;color:#74747f;min-height:22px}.scanner{padding:22px;margin:20px 0}.scan-row{display:flex;gap:10px}.scan-row input{margin:8px 0}#feedback{margin:12px 0 0;font-size:16px;min-height:24px}#feedback.error,#status.error{color:#b42335;font-weight:600}#feedback.success{color:#20816b}.packing-layout{display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start}.package-list,.current-package{padding:24px}.package-list h2 span{display:block;font-size:13px;color:#777;margin-top:8px}.package-list label{margin:14px 0}#packages{max-height:650px;overflow:auto}.package-button{width:100%;text-align:left;background:white;border:1px solid #e6e5ec;border-radius:12px;padding:14px;margin:5px 0;display:block;color:#282832}.package-button small{display:block;color:#777;margin-top:6px}.package-button.selected{border-color:#e83892;background:#fff3f9}.package-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.package-address{white-space:pre-line;color:#70707a;font-size:14px}.tracking{font-size:13px;overflow-wrap:anywhere}.packing-progress{display:block;font-size:25px;margin:20px 0;color:#207e68}.item-line{border:1px solid #e7e6ec;border-radius:12px;padding:16px;margin:12px 0}.item-line.complete{border-color:#8ac9b9;background:#f4fcf8}.item-line h3{margin:5px 0;font-size:17px}.auction-label{display:block;color:#bd2875;font-size:clamp(32px,4vw,44px);line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums;margin-bottom:10px}.item-qty{float:right;font-weight:700}.item-actions,.package-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.item-actions button{font-size:13px;padding:8px 12px}.warning{background:#fff3e6;color:#86541d;padding:14px;border-radius:10px}.package-actions .primary-button{margin:0}dialog{border:1px solid #e2dfe8;border-radius:18px;max-width:500px;width:90%;padding:25px}dialog::backdrop{background:#25203066}#choices button{display:block;width:100%;margin:10px 0;text-align:left}.hidden{display:none!important}.sidebar>button{margin:30px 15px}.current-package h2{margin:0 0 10px}.current-package p{line-height:1.5}@media(max-width:900px){.packing-layout{grid-template-columns:1fr}.package-list #packages{max-height:220px}.controls{padding:16px}.scan-row{flex-wrap:wrap}.scan-row input{min-width:190px;flex:1}.current-package{padding:18px}}

/* Keep the large auction numbers; use width and secondary-detail disclosure. */
.packing-layout{grid-template-columns:250px minmax(0,1fr)}
.current-package{min-width:0;padding:18px}
.package-head{align-items:center;justify-content:flex-start;gap:8px}
.package-head h2{flex:1;margin:0;min-width:180px}
.package-head button{padding:8px 12px;min-height:40px}
.package-meta{margin:8px 0;font-size:14px;color:#70707a}
.package-meta summary,.item-tools summary{cursor:pointer;padding:4px 0}
.current-package .package-stage{margin:6px 0}
.packing-progress{margin:10px 0 12px}
.packing-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;align-items:start}
.packing-items .item-line{margin:0;padding:12px;min-width:0}
.packing-items .auction-label{font-size:44px;margin:0 0 6px}
.packing-items h3{font-size:17px;line-height:1.3;margin:4px 0;overflow-wrap:anywhere}
.packing-items .item-qty{font-size:16px}
.item-tools{font-size:13px;color:#70707a;margin-top:4px}
.item-tools small{overflow-wrap:anywhere}
.item-tools .item-actions{margin-top:6px;gap:6px}
.item-line.complete .item-qty{color:#207e68}
.item-line>.warning{display:block;padding:6px;margin:4px 0;font-size:14px}
body:has(#detail.has-package) .page-heading,body:has(#detail.has-package) .topbar{display:none}
body:has(#detail.has-package) .controls{padding:8px 14px;gap:8px}
body:has(#detail.has-package) .controls input,body:has(#detail.has-package) .controls select{padding:8px;margin-top:3px}
body:has(#detail.has-package) #status{margin:6px 0;min-height:0}
body:has(#detail.has-package) .scanner{padding:10px 16px;margin:8px 0 12px;position:sticky;top:0;z-index:5;background:#fff}
body:has(#detail.has-package) #feedback{margin-top:5px;min-height:20px}
body:has(#detail.has-package) .scan-row input{padding:9px;margin:4px 0}
body:has(#detail.has-package:not(.show-packages)) .package-list{display:none}
body:has(#detail.has-package:not(.show-packages)) .packing-layout{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.packing-layout{grid-template-columns:1fr}.packing-items{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media(max-width:560px){.packing-items{grid-template-columns:1fr}.packing-items .auction-label{font-size:44px}body:has(#detail.has-package) .scanner{position:static}}

/* Session count remains visible when the package list is hidden during scanning. */
.packing-session-progress{margin:0 0 8px;color:#60606d;font-size:14px}.packing-session-progress strong{color:#207e68;font-size:16px;font-variant-numeric:tabular-nums}

.packing-sound-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}.packing-sound-controls button{padding:6px 10px;font-size:13px;min-height:36px}.packing-sound-controls span{font-size:13px;color:#676773}#feedback.package-complete{background:#dff7eb;border:2px solid #21825f;border-radius:10px;padding:14px 16px;font-size:22px;font-weight:800;line-height:1.35;color:#115d41}#feedback.picking-complete{background:#edf8f2;border-left:5px solid #21825f;border-radius:8px;padding:10px;font-weight:700}#feedback.error{background:#fff0f1;border-left:5px solid #b42335;border-radius:8px;padding:10px}

/* Make the customer bin destination easier to read without enlarging item cards. */
.current-package > p.warning{font-size:20px;line-height:1.4}

/* Bin destination takes visual priority over auction identifiers. */
.packing-bin-destination{background:#e8f6f1;border:2px solid #20816b;border-left-width:8px;border-radius:12px;padding:14px 18px;margin:0 0 16px;color:#115d49}
.packing-bin-caption{display:block;font-size:14px;font-weight:800;letter-spacing:.06em;margin-bottom:4px}
.packing-bin-destination strong{display:block;font-size:clamp(48px,6vw,64px);font-weight:850;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

/* Excluded bin contents are warnings, never verification cards. */
.packing-excluded{margin:18px 0;border-top:3px solid #c21f32;padding-top:14px}
.packing-excluded>h3{color:#9f1324;margin:0 0 6px;font-size:20px}
.packing-excluded>p{font-size:14px}
.excluded-item{background:#b5162b;color:white;border:3px solid #e43b4c;border-radius:12px;padding:14px}
.excluded-item .do-not-pack{display:block;color:#ffe082;font-size:30px;font-weight:900;line-height:1.15}
.excluded-item .excluded-status{display:block;font-weight:800;color:#ffe082;margin:8px 0}
.excluded-item .excluded-auction{display:block;font-size:23px}
.excluded-item h3,.excluded-item p,.excluded-item small{color:white}
.excluded-item p{margin:5px 0}.excluded-item small{font-size:12px}