.roll-scanner{background:#fff;border:1px solid #e1e4e7;border-radius:14px;margin-bottom:22px;padding:20px}.roll-scanner>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.roll-scanner h2{margin:0 0 8px;font-size:20px}.roll-scanner p{color:#747c86;margin:7px 0}.roll-scanner>header>span{color:#616b75;white-space:nowrap;background:#f2f3f4;border-radius:6px;padding:5px 9px;font-size:12px}.scan-input-row{gap:10px;margin:16px 0 12px;display:flex}.scan-input-row input{min-width:0;height:48px;font:inherit;border:1px solid #d8dde2;border-radius:9px;flex:1;padding:10px 12px}.scan-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scan-tools small{color:#7c848e}.scan-photo{cursor:pointer;position:relative;overflow:hidden}.scan-photo input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.scan-camera{background:#15191d;border-radius:12px;max-width:480px;margin-top:16px;position:relative;overflow:hidden}.scan-camera video{object-fit:cover;width:100%;max-height:360px;display:block}.scan-camera span{color:#fff;padding:10px;font-size:12px;display:block}.roll-scanner .scan-success{color:#216449}.roll-scanner .scan-error{color:#a13e21}.roll-picker{border:1px solid #e1e4e7;border-radius:12px;margin:18px 0;padding:16px}.roll-picker summary{cursor:pointer;font-weight:700}.roll-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.roll-pick{text-align:left;cursor:pointer;background:#fff;border:1px solid #dce0e4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex!important}.roll-pick span{gap:3px;min-width:0;display:grid}.roll-pick small{color:#737d88;font-size:12px}.roll-pick:disabled{opacity:.5;cursor:default}.roll-selected{margin:12px 16px}.roll-selected table{border-collapse:collapse;width:100%;font-size:14px}.roll-selected td,.roll-selected th{text-align:left;border-bottom:1px solid #e6e9ec;padding:8px}.roll-selected td:last-child{text-align:right}.roll-selected button{color:#9d4227;cursor:pointer;background:0 0;border:0}.outbound-tracked-meta{color:#63707a;background:#fafbfc;flex-wrap:wrap;gap:16px;padding:12px 16px;display:flex}.outbound-lines .outbound-grid.tracked{grid-template-columns:repeat(2,minmax(0,1fr))}.outbound-inline-note{color:#737d88;font-size:13px}.outbound-inventory-total{color:#fff;font-size:14px}.outbound-stock-message{color:#8e4c32;font-size:13px}.outbound-roll-status{padding:10px 0}@media (max-width:700px){.roll-scanner{padding:14px}.roll-scanner h2{font-size:18px}.scan-input-row{flex-wrap:wrap}.scan-input-row input{flex-basis:100%}.scan-input-row button{width:100%;min-height:44px}.roll-picker{padding:12px}.roll-picker-list,.outbound-lines .outbound-grid.tracked{grid-template-columns:1fr}.roll-selected{margin:8px}.roll-selected td,.roll-selected th{padding:8px 4px;font-size:13px}}.roll-selected{overflow-x:auto}.roll-selected table{min-width:720px}.roll-selected input[type=number]{width:138px;min-height:40px;font:inherit;border:1px solid #d8dde2;border-radius:8px;padding:7px 10px}.outbound-remainder{color:#a44a25}.outbound-cleared{color:#277153}.roll-correction-check{align-items:center;gap:8px;font-size:13px;display:flex!important}.roll-correction-check input{width:18px!important;min-height:18px!important}