/* PrepStock mobiel — © 2026 BAMAC */
#scanner-reader{width:100%;min-height:210px;overflow:hidden;border-radius:14px;background:#142e25}
#scanner-reader video{width:100%!important;max-height:360px;object-fit:cover;border-radius:12px}
#scanner-reader button{min-height:44px}
#scanner-reader img{max-width:100%}
.scan-photo-label{display:block;border:1px dashed #8da995;background:#f2f7ef;border-radius:12px;padding:13px;margin-top:14px;font-weight:700;text-align:center}
.scan-photo-label input{margin-top:9px;max-width:100%}
#device-summary{font-size:.77rem;overflow-wrap:anywhere}
.help-knowledge p{line-height:1.65;margin:0 0 14px}
.help-knowledge strong{color:#194d3a}
@media(max-width:700px){
 html{font-size:16px;-webkit-text-size-adjust:100%}
 body,.app,.content,.panel,.split,.grid{min-width:0}
 .content{padding:14px 12px calc(105px + env(safe-area-inset-bottom))}
 .panel{padding:16px}
 .scanner-area{order:-1;width:100%;max-width:none;margin:0}
 .scanner-area .btn{min-height:46px}
 .split{display:flex;flex-direction:column;gap:13px}
 .page-head h1{font-size:1.55rem}
 input,select,textarea{font-size:16px;min-height:44px}
 .row{gap:9px}
 .row .btn{white-space:normal;min-height:44px}
 .bottomnav button{min-height:48px}
 .modal{max-width:100%;padding:18px 14px;max-height:calc(100dvh - 18px)}
 .overlay{padding:8px}
 .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .data-table{min-width:550px}
}
@media(max-width:390px){
 .grid{grid-template-columns:1fr}
 .metric{min-height:98px}
 .metric .num{font-size:1.6rem}
 .topline{align-items:flex-start}
 .topline .row{justify-content:flex-end}
 .btn-small{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}