.rx-lot-scroll{max-height:min(46vh,520px);overflow:auto;margin:.75rem 0}
.rx-lot-scroll table{min-width:760px}
.rx-current,.rx-import-box,.rx-reconciliation{border:1px solid var(--line,#d7e0e7);border-radius:12px;padding:1rem;margin:1rem 0;background:var(--surface,#fff)}
.rx-reconciliation ul{margin:.6rem 0;padding-left:1.25rem}
.rx-reconciliation li{margin:.3rem 0}
.rx-progress{margin:1rem 0}
.rx-progress-track{height:8px;border-radius:999px;background:#e8eef2;overflow:hidden;margin:.5rem 0}
.rx-progress-track span{display:block;height:100%;background:#00736d;transition:width .2s ease}
#rx-camera{width:min(100%,680px);min-height:120px;margin:1rem auto;border-radius:12px;overflow:hidden;background:#101a20;color:white}
#rx-camera video{width:100%!important;max-height:58vh;object-fit:cover}
#rx-camera img{max-width:100%}
#rx-camera__dashboard_section_csr button,#rx-camera button{min-height:40px}
.rx-match{border-left:4px solid #00736d}
.rx-manual{margin:1rem 0;padding:.75rem;border:1px solid var(--line,#d7e0e7);border-radius:10px}
.rx-manual form{margin-top:.75rem}
.rx-mode-picker,.rx-camera-setup,.rx-manual-screen{border:1px solid var(--line,#d7e0e7);border-radius:12px;padding:clamp(16px,3vw,28px);margin:12px auto;width:min(100%,900px);box-sizing:border-box;background:var(--surface,#fff)}
.rx-mode-picker h3,.rx-camera-setup h3,.rx-manual-screen h3{margin-top:0}
.rx-mode-actions{display:flex;gap:12px;flex-wrap:wrap;margin:1rem 0}
.rx-mode-actions button{min-width:180px;min-height:52px}
.rx-camera-setup>.td-actions{margin-top:1rem}
.rx-manual-screen form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:1rem 0}
.rx-manual-screen form label{margin:0}
#rx-status{margin:8px 0}
@media(max-width:640px){.rx-lot-scroll{max-height:38vh}#rx-camera video{max-height:48vh}.rx-current,.rx-import-box{padding:.75rem}}

/* A importação pode trazer centenas de bobinas; use toda a viewport para revisar a prévia. */
.rx-import-fullscreen[open]{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;box-sizing:border-box;border:0;border-radius:0;padding:clamp(12px,1.5vw,24px);display:flex;flex-direction:column;gap:8px;overflow:hidden}
.rx-import-fullscreen[open]>h2,.rx-import-fullscreen[open]>p{flex:none;margin:0}
.rx-import-fullscreen[open]>.rx-current{flex:0 1 min(22dvh,220px);min-height:72px;min-width:0;display:flex;flex-direction:column;overflow:hidden;margin:0}
.rx-import-fullscreen[open]>.rx-current h3{flex:none;margin:0}
.rx-import-fullscreen[open]>.rx-current .rx-lot-scroll{flex:1;min-height:0;max-height:none;overflow:auto}
.rx-import-fullscreen[open]>.rx-import-box{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;margin:0}
.rx-import-fullscreen[open]>.rx-import-box h3,.rx-import-fullscreen[open]>.rx-import-box>label,.rx-import-fullscreen[open]>.rx-import-box>.td-actions{flex:none}
.rx-import-fullscreen[open] #rx-preview-items{flex:1;min-height:0;overflow:auto}
.rx-import-fullscreen[open] #rx-preview-items>.rx-lot-scroll{max-height:none;overflow:visible}
.rx-import-fullscreen[open]>.td-note,.rx-import-fullscreen[open]>[role=status],.rx-import-fullscreen[open]>#rx-close{flex:none;margin:0}
.rx-import-fullscreen[open]>#rx-close{align-self:flex-end}
@media(max-width:640px){.rx-import-fullscreen[open]{gap:6px;padding:10px}.rx-import-fullscreen[open]>.rx-current{flex-basis:min(18dvh,150px);min-height:56px}.rx-import-fullscreen[open]>.rx-current,.rx-import-fullscreen[open]>.rx-import-box{padding:.65rem}.rx-import-fullscreen[open]>.rx-import-box>label{margin:4px 0}.rx-import-fullscreen[open]>.td-note{font-size:11px;line-height:1.3}}

/* Leitura de etiquetas em tela cheia para manter o código grande e os comandos acessíveis. */
.rx-scanner-fullscreen[open]{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;box-sizing:border-box;border:0;border-radius:0;padding:clamp(12px,2vw,24px);display:flex;flex-direction:column;gap:10px;overflow:auto}
.rx-scanner-fullscreen[open] #rx-shell{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;overflow:auto}
.rx-scanner-fullscreen[open]>#rx-status{flex:none;margin:0}
.rx-scanner-heading,.rx-scanner-settings{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rx-scanner-heading h2,.rx-scanner-heading p{margin:0}
.rx-scanner-heading p{margin-top:4px}
.rx-scanner-settings>label{flex:0 1 340px;margin:0}
.rx-scanner-settings .rx-progress{flex:1;min-width:220px;margin:0}
#rx-camera{flex:1;width:100%;max-width:none;min-height:42vh;height:calc(100dvh - 300px);margin:0;border-radius:12px;display:flex;align-items:center;justify-content:center}
#rx-camera>div{max-width:100%!important}
#rx-camera video{width:100%!important;height:100%!important;max-height:calc(100dvh - 300px);object-fit:contain}
#rx-candidate:empty{display:none}
#rx-candidate:not(:empty){max-height:14vh;overflow:auto}
.rx-manual-screen #rx-candidate:not(:empty){max-height:none;overflow:visible}
.rx-scanner-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rx-scanner-footer>[role=status]{margin:0;flex:1 1 240px}
.rx-scanner-footer .rx-manual{margin:0}
.rx-scanner-footer .rx-manual form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.rx-scanner-footer .rx-manual form label{margin:8px 0}
.rx-lot-list{font-size:12px}
.rx-lot-list .rx-lot-scroll{max-height:32vh}
.rx-pre-picking:not(.rx-scanner-fullscreen)[open]{position:fixed;inset:3vh 2vw;margin:0;width:96vw;max-width:none;height:94vh;height:94dvh;max-height:none;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
.rx-pre-picking[open] #rx-shell{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;overflow:auto}
.rx-pre-picking[open] #rx-status{flex:none;margin:0}
.rx-pre-picking .rx-mode-picker,.rx-pre-picking .rx-camera-setup,.rx-pre-picking .rx-manual-screen{width:100%;max-width:none;margin:0}
.rx-pre-picking .rx-lot-list{font-size:14px}
.rx-pre-picking .rx-lot-list .rx-lot-scroll-pre-picking{max-height:min(48vh,620px);overflow:auto}
.rx-pre-picking .rx-lot-scroll-pre-picking table{width:100%;min-width:0;table-layout:fixed}
.rx-pre-picking .rx-lot-scroll-pre-picking th,.rx-pre-picking .rx-lot-scroll-pre-picking td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(1),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(1){width:17%}
.rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(2),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(2){width:39%}
.rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(3),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(3){width:26%}
.rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(4),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(4){width:9%}
.rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(5),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(5){width:9%}
.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(2) .td-small{white-space:normal;overflow-wrap:anywhere;line-height:1.35;margin-top:3px}
.rx-scanner-fullscreen.rx-material-required #rx-camera{display:none}
.rx-scanner-fullscreen.rx-material-required #rx-candidate{flex:1;max-height:none;overflow:auto}
.rx-scanner-fullscreen.rx-material-required .rx-scanner-footer .td-actions,.rx-scanner-fullscreen.rx-material-required .rx-manual{display:none}
.rx-scanner-fullscreen.rx-label-candidate #rx-camera{display:none}
.rx-scanner-fullscreen.rx-label-candidate #rx-candidate{flex:1;max-height:none;overflow:auto}
.rx-material-card{max-width:720px;margin:0 auto}
.rx-material-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.rx-material-card form label{margin:8px 0}
.rx-material-card form [role=status],.rx-material-card form button{grid-column:1/-1}
@media(max-width:640px){
 .rx-pre-picking:not(.rx-scanner-fullscreen)[open]{inset:0;width:100vw;height:100vh;height:100dvh;padding:10px;border:0;border-radius:0}
 .rx-pre-picking .rx-lot-list{font-size:12px}
 .rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(1),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(1){width:24%}
 .rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(2),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(2){width:42%}
 .rx-pre-picking .rx-lot-scroll-pre-picking th:nth-child(3),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-child(3){width:34%}
 .rx-pre-picking .rx-lot-scroll-pre-picking th:nth-last-child(-n+2),.rx-pre-picking .rx-lot-scroll-pre-picking td:nth-last-child(-n+2){display:none}
 .rx-scanner-fullscreen[open]{gap:8px;padding:10px}
 .rx-scanner-heading{align-items:flex-start}
 .rx-scanner-heading h2{font-size:1.15rem}
 .rx-scanner-settings{align-items:stretch;flex-direction:column;gap:8px}
 .rx-scanner-settings>label,.rx-scanner-settings .rx-progress{flex:initial;min-width:0;width:100%}
 #rx-camera{flex:1;min-height:38vh;height:calc(100dvh - 330px)}
 #rx-camera video{max-height:calc(100dvh - 330px)}
 .rx-scanner-footer{align-items:flex-start;gap:8px}
 .rx-scanner-footer>[role=status]{flex-basis:100%}
 .rx-manual-screen form{grid-template-columns:1fr}
 .rx-mode-actions{flex-direction:column}
 .rx-mode-actions button{width:100%}
 .rx-material-card form{grid-template-columns:1fr}
 .rx-material-card form [role=status],.rx-material-card form button{grid-column:1}
}