.barcode-page,.barcode-body { display:flex; flex-direction:column; gap:16px; min-width:0; max-width:100%; }
.barcode-page h2,.barcode-body h3,.barcode-embedded h3 { margin:0; color:var(--wsg-ink); font:700 16px/1.7 var(--wsg-font-display); }
.barcode-panel { display:flex; flex-direction:column; gap:16px; padding:20px; min-width:0; background:var(--wsg-white); }
.barcode-note,.barcode-error { margin:0; padding:12px 16px; border:1px solid var(--border); border-radius:8px; background:var(--wsg-background); color:var(--wsg-body); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.barcode-error { background:var(--danger-bg); color:var(--danger); }
.barcode-recognize,.barcode-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; }
.barcode-recognize > label,.barcode-filters > label,.barcode-field { display:flex; flex-direction:column; gap:6px; color:var(--wsg-body); font-size:11px; min-width:150px; }
.barcode-recognize > label,.barcode-filters > label:first-child { flex:1; min-width:220px; }
.barcode-page input,.barcode-page select,.barcode-body input,.barcode-body textarea { width:100%; min-width:0; border:1px solid var(--border); border-radius:8px; padding:10px 12px; color:var(--wsg-ink); background:var(--wsg-white); font:400 12px/1.7 var(--wsg-font-body); }
.barcode-page #barcode-recognize-input,.barcode-body [name="code"],.barcode-page code,.barcode-body code,.barcode-code { font-family:var(--wsg-font-mono); overflow-wrap:anywhere; }
.barcode-code { padding:12px 16px; border:1px solid var(--border); border-radius:8px; color:var(--wsg-ink); background:var(--wsg-background); font-size:16px; line-height:1.8; white-space:pre-wrap; }
.barcode-result { display:flex; flex-direction:column; gap:12px; }
.barcode-result > div:first-child { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.barcode-result > div:first-child code { color:var(--wsg-ink); font-size:18px; }
.barcode-product { padding:16px; border:1px solid var(--border); border-radius:12px; display:flex; flex-direction:column; gap:8px; color:var(--wsg-body); font-size:12px; }
.barcode-product strong { color:var(--wsg-ink); overflow-wrap:anywhere; font:700 16px/1.7 var(--wsg-font-display); }
.barcode-product p { margin:0; }
.barcode-badge { display:inline-flex; width:fit-content; padding:5px 9px; border:1px solid var(--border); border-radius:6px; color:var(--wsg-body); font-size:11px; line-height:1.7; }
.barcode-badge.active { color:var(--success); background:var(--success-bg); border-color:transparent; }
.barcode-badge.retired { color:var(--danger); background:var(--danger-bg); border-color:transparent; }
.barcode-scroll { min-width:0; max-width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:8px; }
.barcode-scroll table { min-width:760px; }
.barcode-scroll td { vertical-align:top; }
.barcode-scroll td:first-child { min-width:180px; max-width:260px; }
.barcode-scroll td:nth-child(2) { min-width:240px; }
.barcode-scroll td:nth-child(3) { min-width:170px; }
.barcode-body { font-size:12px; color:var(--wsg-body); line-height:1.85; }
.barcode-body > * { flex-shrink:0; min-width:0; }
.barcode-body textarea { min-height:90px; resize:vertical; }
.barcode-form { display:flex; flex-direction:column; max-height:calc(100dvh - 160px); }
.barcode-form > .dialog-body { min-height:0; max-height:none; flex:1 1 auto; }
.barcode-form > .dialog-foot { flex-shrink:0; flex-wrap:wrap; }
.barcode-form .btn,.barcode-body .btn { white-space:normal; }
.barcode-consent { display:flex; gap:10px; align-items:flex-start; color:var(--wsg-ink); }
.barcode-consent input { width:16px; height:16px; flex-shrink:0; margin-top:4px; accent-color:var(--primary); }
.barcode-history ol { padding-left:20px; }
.barcode-history li { padding:8px 0; }
.barcode-history p,.barcode-retained { white-space:pre-wrap; overflow-wrap:anywhere; }
.barcode-history details { border-top:1px solid var(--border); padding-top:12px; }
.barcode-history summary { cursor:pointer; color:var(--primary); }
.barcode-history code { display:block; font-size:10px; }
.barcode-stock-scroll { min-width:0;max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:8px; }
.barcode-stock-scroll table { width:100%;min-width:1000px;border-collapse:collapse; }
.barcode-stock-scroll th,.barcode-stock-scroll td { padding:12px;vertical-align:top; }
.barcode-stock-scroll th:not(:first-child),.barcode-stock-scroll td:not(:first-child) { text-align:right;font-variant-numeric:tabular-nums; }
.barcode-stock-scroll td:first-child { min-width:170px; }
.barcode-stock-scroll tfoot { border-top:1px solid var(--border);background:var(--wsg-background);font-weight:600; }
.barcode-stock-scroll .barcode-badge { margin-top:6px; }
.barcode-stock-shortage { color:var(--danger); }
.barcode-stock-basis { border-top:1px solid var(--border);padding-top:12px; }
.barcode-stock-basis summary { color:var(--primary);cursor:pointer; }
.barcode-stock-basis code { display:block;font-size:10px;overflow-wrap:anywhere; }
.barcode-stock-scroll:focus-visible { outline:2px solid var(--primary);outline-offset:3px; }
.barcode-pick { display:flex; flex-direction:column; gap:8px; }
.barcode-pick .btn { justify-content:flex-start; text-align:left; }
.barcode-embedded { padding:16px; margin-top:20px; border:1px solid var(--border); border-radius:12px; background:var(--wsg-white); font-size:12px; line-height:1.8; }
.barcode-embedded .btn { margin:4px 8px 4px 0; }
.barcode-page input:focus-visible,.barcode-page select:focus-visible,.barcode-body input:focus-visible,.barcode-body textarea:focus-visible,.barcode-scroll:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
@media(max-width:680px) { .barcode-panel { padding:16px; } .barcode-recognize > label,.barcode-filters > label,.barcode-filters > label:first-child { flex-basis:100%; min-width:0; } .barcode-page .segmented { flex-wrap:wrap; } }
.shipment-body .receipt-intent { align-items:flex-start; }
.shipment-body .receipt-intent strong,.shipment-body .receipt-intent span { display:block; }
.shipment-body .receipt-field { margin:0; }
.shipment-body .receipt-facts dd { font-variant-numeric:tabular-nums; }
.shipment-body [disabled] { cursor:not-allowed;opacity:.65; }
#barcode-start-shipment { margin-top:12px; }