:root{color:#1a1a1a;-webkit-text-size-adjust:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#fff;margin:0}[hidden]{display:none!important}.picker{flex-direction:column;gap:10px;display:flex}.product-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.product-list button{text-align:left;width:100%}.field-error{color:#8a1c13;font-size:14px}.field-help{color:#666;font-size:13px;line-height:1.35}.message-warning{color:#6b3a00;background:#fff4e5;flex-direction:column;gap:8px;display:flex}.message-warning p{margin:0}.count-fields{flex-direction:column;gap:10px;display:flex}.count-total{color:#1d4ed8;margin:0;font-size:20px;font-weight:700}.card.correct-stock{border-left:6px solid #1d4ed8}.scanner{--mode-in:#1f6f3f;--mode-out:#b45309;--mode-inv:#1d4ed8;flex-direction:column;gap:12px;display:flex}.viewfinder{background:#000;border-radius:14px;height:min(45vh,420px);position:relative;overflow:hidden}.viewfinder video{object-fit:contain;width:100%;height:100%;display:block}.viewfinder .aim{pointer-events:none;border:2px solid #ffffffe6;border-radius:8px;height:24%;position:absolute;top:38%;left:8%;right:8%;box-shadow:0 0 0 9999px #00000040}.camera-problem{flex-direction:column;gap:8px;display:flex}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.modes .mode{white-space:nowrap;padding:0 4px;font-size:16px;font-weight:600}.modes .mode-in{color:var(--mode-in);border-color:var(--mode-in)}.modes .mode-out{color:var(--mode-out);border-color:var(--mode-out)}.modes .mode-in[aria-pressed=true]{background:var(--mode-in);color:#fff}.modes .mode-out[aria-pressed=true]{background:var(--mode-out);color:#fff}.modes .mode-inv{color:var(--mode-inv);border-color:var(--mode-inv)}.modes .mode-inv[aria-pressed=true]{background:var(--mode-inv);color:#fff}.panel{flex-direction:column;gap:10px;display:flex}.card{border:1px solid #ddd;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.card-title{margin:0;font-size:20px}.confirm[data-mode=in]{border-left:6px solid var(--mode-in)}.confirm[data-mode=out]{border-left:6px solid var(--mode-out)}.confirm[data-mode=inventory]{border-left:6px solid var(--mode-inv)}.confirm-line{margin:0;font-size:22px;font-weight:700}.confirm[data-mode=in] .confirm-line{color:var(--mode-in)}.confirm[data-mode=out] .confirm-line{color:var(--mode-out)}.quantity{align-items:center;gap:8px;display:flex}.quantity label{margin-right:auto}.quantity button{min-width:48px;padding:0;font-size:22px}.quantity input{width:72px;min-height:48px;font:inherit;text-align:center;border:1px solid #c8c8c8;border-radius:10px;font-size:20px}.card-actions{grid-template-columns:2fr 1fr;gap:8px;display:grid}.notice{justify-content:space-between;align-items:center;gap:8px;display:flex}.notice button{flex:none}.shopping{flex-direction:column;gap:12px;display:flex}.shopping h1{margin:0;font-size:26px}.shopping-error{flex-direction:column;gap:8px;display:flex}.shopping-error p{margin:0}.shopping-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shopping-list button{text-align:left;width:100%;padding:12px}.shopping-list button.out-of-stock{color:#8a1c13;border-color:#b91c1c}.stock{flex-direction:column;gap:12px;display:flex}.stock h1{margin:0;font-size:26px}.stock-error{flex-direction:column;gap:8px;display:flex}.stock-error p{margin:0}.stock-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.product-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.product-row .product-stock{flex:none;font-weight:600}.product-row.stock-low{color:#8a1c13;border-color:#b91c1c}.product-sheet h3{margin:6px 0 0;font-size:17px}.sheet-stock{margin:0;font-size:22px;font-weight:700}.sheet-stock.stock-low{color:#8a1c13}.sheet-figures span{white-space:nowrap}.stock .choices button[aria-pressed=true]{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.sheet-actions{grid-template-columns:3fr 2fr;gap:8px;display:grid}.code-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.code-row{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:6px 0;display:flex}.code-actions{gap:8px;display:flex}.code-edit{width:100%}.movement-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.movement-list li.cancelled{color:#777;text-decoration:line-through}.screen,.app{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex}.screen h1{margin:0;font-size:26px}.app{padding-bottom:76px}.app-header{align-items:center;gap:8px;display:flex}.app-header .brand{font-size:20px;font-weight:700}.app-header .employee{color:#555;margin-left:auto}button{min-height:48px;font:inherit;color:#1a1a1a;background:#fff;border:1px solid #c8c8c8;border-radius:12px;padding:0 16px;font-size:17px}button.primary{color:#fff;background:#1f6f3f;border:none;font-weight:600}button:disabled{opacity:.6}.icon-button{min-width:48px;padding:0;font-size:22px}.form{flex-direction:column;gap:12px;display:flex}.field{color:#444;flex-direction:column;gap:4px;font-size:15px;display:flex}.field input{min-height:48px;font:inherit;color:#1a1a1a;background:#fff;border:1px solid #c8c8c8;border-radius:10px;padding:0 12px;font-size:17px}.field input[readonly]{color:#555;background:#f3f3f3}.field input:disabled{color:#555;-webkit-text-fill-color:#555;opacity:1;background:#f3f3f3}.choices{flex-wrap:wrap;gap:8px;display:flex}.message{border-radius:10px;margin:0;padding:10px 12px}.message-error{color:#8a1c13;background:#fdecea}.message-ok{color:#14532d;background:#e8f5ec}.muted{color:#666;margin:0}.tab-bar{z-index:10;max-width:560px;padding:8px max(16px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right));background:#fff;border-top:1px solid #ddd;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar button{white-space:nowrap;min-height:48px;padding:0 6px;font-size:16px}.tab-bar button[aria-current=page]{color:#fff;background:#1a1a1a;border-color:#1a1a1a;font-weight:600}.tab-bar .badge{color:#fff;background:#b91c1c;border-radius:11px;min-width:22px;margin-left:6px;padding:0 6px;font-size:14px;font-weight:700;line-height:22px;display:inline-block}
