/* Module: IMEI scanner (Kris, Oct 30). The camera icon sits inside every IMEI / serial
   field at the right; the camera opens under the field's row, full width. Same everywhere.
   One rule per part (merged in the module stress test, Nov 3k). */
.scan-wrap{position:relative;display:inline-flex;align-items:center;min-width:0;max-width:100%;vertical-align:middle}
.scan-wrap.scan-block{display:flex;width:100%}
/* text never runs under the icon, whatever the screen's own field rule says */
html body .scan-wrap > input, html body .list-top .scan-wrap > input[type=search], html body #inventoryView .scan-wrap > #invSearch,
html body .scan-wrap > #peopleDeviceSearch, #phoneModalBody .scan-wrap > input{flex:1;min-width:0;width:100%;padding-right:46px !important;box-sizing:border-box}
.scan-wrap > input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.scan-ico{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;padding:0;margin:0;
  color:var(--accent,#0F6B53);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}
.scan-ico i{display:flex;align-items:center;justify-content:center;width:32px;height:30px;border-radius:8px}
.scan-ico.on i{background:var(--accent,#0F6B53);color:#fff}
.scan-ico:focus-visible{outline:2px solid var(--accent,#0F6B53);outline-offset:-4px;border-radius:10px}
/* the viewfinder: a 130px dark band, one white frame with a red line. No × (Nov 1): the field's camera icon closes it */
.scan-view{position:relative;display:block;flex-basis:100%;width:100%;box-sizing:border-box;margin-top:10px;height:130px;border-radius:12px;overflow:hidden;background:#111}
.scan-view #icCamInner, .scan-view #icCamInner > div{width:100%;height:100% !important}
.scan-view #icCamInner video{width:100% !important;height:100% !important;display:block;object-fit:cover}
.scan-view #qr-shaded-region, .scan-view [id^="qr-shaded"]{display:none !important}
.scan-view .scan-frame{position:absolute;left:12px;right:12px;top:14px;bottom:14px;border:2px solid rgba(255,255,255,.85);border-radius:10px;pointer-events:none}
.scan-view .scan-frame i{position:absolute;left:10px;right:10px;top:50%;height:2px;background:#E5534B}
/* "Move closer" and the like: one line, the app's amber (readable on dark and light) */
.scan-view .scan-pill{position:absolute;left:12px;right:12px;bottom:22px;z-index:3;display:flex;gap:6px;align-items:center;justify-content:center;
  color:#fff;font-size:13px;line-height:1.3;padding:5px 10px;border-radius:12px;background:rgba(0,0,0,.72);white-space:normal;text-align:center}
.scan-view .scan-pill.warn{background:#9A5B00}
/* Edit phone and other sheet rows: the field fills its side of the row, room for the icon */
#phoneModalBody .iv-page .scan-wrap > input.iv-in, #phoneModalBody .scan-wrap > input{padding-right:46px !important;width:100% !important}