.jmp-product-input{position:relative;display:block;width:100%;min-width:0}.jmp-product-input>input{display:block;width:100%;min-width:0;box-sizing:border-box;padding-right:48px}.jmp-camera-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:0;min-height:0;padding:0;margin:0;line-height:1;border:1px solid #bfd5c7;background:#eaf6ef;color:#00563f;border-radius:8px;font-size:0;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300563f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%204h-5L7.7%206H4a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-3.7z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:19px 19px}.jmp-camera-button:hover,.jmp-camera-button:focus-visible{background-color:#d1ecd9;outline:2px solid #00694e;outline-offset:1px}.jmp-barcode-shade{display:none;position:fixed;inset:0;z-index:20000;align-items:center;justify-content:center;background:rgba(6,20,23,.75);padding:14px}.jmp-barcode-shade.open{display:flex}.jmp-barcode-panel{background:#fff;max-width:480px;width:100%;border-radius:18px;padding:20px;max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 20px 70px #0004}.jmp-barcode-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.jmp-barcode-head h2{font-size:19px;margin:0;color:#00563f}.jmp-barcode-reader{border-radius:12px;overflow:hidden;background:#101c20;min-height:110px;margin:16px 0 10px}.jmp-barcode-reader video{width:100%!important;max-height:260px;object-fit:cover}.jmp-barcode-reader:empty{display:none}.jmp-barcode-manual{display:flex;gap:8px;margin-top:12px}.jmp-barcode-manual input{width:100%;min-width:0;font-size:16px;padding:12px;border:1px solid #bccdc6;border-radius:8px}.jmp-barcode-panel button{cursor:pointer}.jmp-barcode-manual button,.jmp-barcode-choose{border:0;background:#00563f;color:#fff;padding:11px 14px;border-radius:8px;font-weight:700}.jmp-barcode-close{font-size:23px;background:transparent;border:0;padding:5px;color:#596a62}.jmp-barcode-status{font-size:13px;color:#54665e;margin:10px 0;line-height:1.5}.jmp-barcode-results{display:grid;gap:9px;margin-top:14px}.jmp-barcode-result{border:1px solid #d9e6dd;border-radius:10px;padding:12px;display:grid;gap:6px}.jmp-barcode-result strong{font-size:16px;color:#18392a}.jmp-barcode-result small{color:#667b70;overflow-wrap:anywhere}.jmp-barcode-result .jmp-barcode-choose{justify-self:start}.jmp-barcode-unmatched{padding:15px;background:#fff4e4;color:#744421;border-radius:10px;font-weight:700}.jmp-barcode-result-title{font-size:13px;font-weight:700;color:#00563f;margin:0}@media(max-width:680px){.jmp-barcode-panel{padding:16px}}
/* Keep scan controls and matches visible in the same live scanner panel. */
.jmp-barcode-next{margin-top:12px;padding:10px 15px;border:1px solid #00563f;border-radius:8px;background:#fff;color:#00563f;font-weight:700;cursor:pointer}.jmp-barcode-next:hover{background:#eaf6ef}.jmp-barcode-next[hidden]{display:none}.jmp-barcode-panel{display:flex;flex-direction:column}.jmp-barcode-reader{flex-shrink:0}.jmp-barcode-results{max-height:28vh;overflow-y:auto;overscroll-behavior:contain}.jmp-barcode-results:empty{display:none}@media(max-width:680px){.jmp-barcode-panel{max-height:calc(100dvh - 28px)}.jmp-barcode-reader video{max-height:32dvh!important}.jmp-barcode-results{max-height:25dvh}}