/* ТСД: екран 4.3" портрет, великі кнопки, високий контраст */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fff; color: #000; font-family: sans-serif; font-size: 18px; }
body { padding: 8px; }
h1 { font-size: 20px; margin: 8px 0; }
.screen { display: none; flex-direction: column; }
.screen.active-screen { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
form { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
label { font-size: 18px; margin-top: 8px; }
input { min-height: 48px; font-size: 20px; padding: 6px 10px; border: 2px solid #000; margin: 4px 0; width: 100%; }
button { display: block; width: 100%; min-height: 48px; font-size: 18px; font-weight: bold; margin: 6px 0; padding: 8px 10px; background: #0b3d91; color: #fff; border: 2px solid #000; }
button.secondary { background: #fff; color: #000; }
button[disabled] { background: #888; color: #eee; }
#msg { display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 10; padding: 10px; font-size: 18px; font-weight: bold; background: #ffe08a; color: #000; border-bottom: 3px solid #000; }
#msg.show { display: block; }
.screen { padding-top: 4px; }
.product { border-bottom: 1px solid #000; padding: 6px 0; font-size: 18px; }
.product .name { font-weight: bold; }
#scan { position: absolute; left: -9999px; opacity: 0; width: 1px; }
#finish-step-capacity, #finish-step-weight { display: none; }
#finish-step-capacity.on, #finish-step-weight.on { display: block; }