:root{color:#181818;background:wheat;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:wheat}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}.app-shell{min-height:100vh;padding:max(12px,env(safe-area-inset-top)) 10px 18px;display:flex;flex-direction:column;align-items:center}.app-header{width:min(100%,680px);text-align:center}.app-header h1{margin:12px 0 8px;font-size:clamp(1.7rem,7vw,2.4rem);line-height:1.1;font-weight:500}.nav-bar{display:grid;grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr);align-items:center;gap:8px;min-height:38px;margin-bottom:10px}.nav-bar strong{color:#0784bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button{min-height:34px;border:0;border-radius:5px;background:#b7b7b7;color:#fff;font-weight:700}.nav-action{background:#3bf}.screen{width:min(100%,680px);flex:1}.login-card,.home-actions,.transport-screen,.transport-complete{width:min(100%,360px);margin:18px auto 0;display:flex;flex-direction:column;gap:10px}.login-card input,.inline-form input,.code-input,select{min-height:44px;width:100%;border:1px solid #c5bba6;border-radius:5px;background:#fff;padding:10px 12px}.primary-button,.square-button{min-height:44px;border:0;border-radius:5px;background:#d81717;color:#fff;font-weight:700;padding:10px 14px}.primary-button.accent{background:#3bf}.primary-button.dark{background:#444}.square-button{min-width:48px;font-size:1.2rem}.square-button.warning{background:#fff000;color:#000;font-size:.78rem}.list-screen{width:100%}.inline-form,.scanner-controls{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:8px}.inline-spacer{min-height:52px}.scanner-controls{grid-template-columns:minmax(76px,1fr) minmax(92px,1.4fr) auto auto}.switch-line{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem}.switch-line input{width:24px;height:24px;accent-color:#33bbff}.count-pill,.quantity{min-width:50px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:wheat;color:#111;font-weight:700;padding:5px 8px}.count-pill{background:#3bf;color:#fff}.status-line{min-height:24px}.status-line p{margin:4px 0}.error,.scanner-error{color:#c40000;font-size:.85rem}.rows{display:flex;flex-direction:column;gap:5px;padding-bottom:16px}.data-row{width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:2px solid #000;border-radius:0;background:#3bf;color:#fff;padding:10px;text-align:left}.data-row.transition,.message.transition{background:#ff6417}.data-row.success,.message.success{background:#00e68a}.data-row.product.first{background:#2aabd2}.data-row.product.second{background:#ffff4d;color:#000}.row-main{min-width:0;display:flex;flex-direction:column;gap:4px}.row-main strong,.row-main small,.row-date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-date{max-width:96px;color:#000;font-size:.9rem;text-align:right}.code-pill{min-width:72px;border-radius:5px;color:#000;font-size:.75rem;font-weight:700;padding:8px 5px;text-align:center}.dark-text{color:#000}.sort-row{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:5px}.sort-row button{min-height:44px;border:1px solid #fff;border-bottom:0;background:#c9c9c9;color:#fff;font-weight:700}.sort-row button.selected{background:#3bf}.scanner{position:relative;overflow:hidden;min-height:240px;margin:4px 0 10px;border:2px solid #222;background:#111}.scanner video{display:block;width:100%;height:min(56vh,360px);object-fit:cover}.scanner-frame{position:absolute;top:25%;right:12%;bottom:25%;left:12%;border:3px solid rgba(255,255,255,.88);border-radius:6px;box-shadow:0 0 0 999px #00000047}.scanner-error{position:absolute;left:10px;right:10px;bottom:8px;margin:0;padding:8px;border-radius:5px;background:#ffffffe6}.message{padding:12px;color:#fff;font-size:1.2rem;border-radius:5px}@media(max-width:420px){.app-shell{padding-left:8px;padding-right:8px}.scanner-controls{grid-template-columns:1fr 1fr auto}.switch-line{grid-column:1 / 2}.code-input{grid-column:2 / 3}.count-pill{grid-column:1 / -1}.data-row{grid-template-columns:minmax(0,1fr) auto}.row-date{max-width:78px;font-size:.78rem}.data-row.product{grid-template-columns:minmax(0,1fr) auto}.data-row.product .quantity{grid-column:1 / -1;justify-self:end}}