:root{--bg:#f4f6f4;--surface:#fff;--text:#1c2420;--muted:#6b756f;--border:#cfd8d2;--green:#2e9e4f;--green-dark:#247d3e;--orange:#f08a1c;--orange-bg:#fff1dd;--grey:#c9ceca;--grey-text:#7d857f;--danger:#b3261e}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;font:18px/1.3 system-ui,sans-serif}h1{margin:0;font-size:1.5rem}h2{margin:0;font-size:1.25rem}input,button{font:inherit}input{border:2px solid var(--border);background:var(--surface);min-height:52px;color:inherit;-webkit-user-select:text;user-select:text;border-radius:10px;padding:0 14px}button{cursor:pointer;color:inherit;touch-action:manipulation}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.btn{border:2px solid var(--border);background:var(--surface);border-radius:10px;min-width:52px;min-height:52px;padding:0 20px;font-weight:600}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:active:not(:disabled){background:var(--green-dark)}.btn:disabled{background:var(--grey);border-color:var(--grey);color:var(--grey-text);cursor:not-allowed}.splash{text-align:center;place-content:center;gap:16px;min-height:100%;display:grid}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px;display:flex}.login-card label{color:var(--muted);flex-direction:column;gap:6px;display:flex}.kitchen{flex-direction:column;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:8px 20px;display:flex}.badge{border-radius:999px;padding:10px 16px;font-weight:600}.badge-ok{color:var(--green-dark);background:#e1f4e7}.badge-bad{color:var(--danger);background:#fbe4e2}.banner{color:var(--danger);background:#fbe4e2;margin:0;padding:12px 20px;font-weight:600}.layout{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;min-height:0;padding:16px 20px;display:grid}.products{flex-direction:column;gap:12px;min-height:0;display:flex}.search{width:100%}.tabs{flex:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{border:2px solid var(--border);background:var(--surface);border-radius:999px;flex:none;min-height:48px;padding:0 18px}.tab[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.tiles{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:84px;align-content:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.product-tile{border:2px solid var(--green);background:var(--surface);word-break:break-word;border-radius:12px;padding:8px 12px;font-weight:600;overflow:hidden}.product-tile[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}.form{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.hint{margin:0}.chosen{color:var(--green-dark)}.field-title{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.storage-picker{flex-direction:column;gap:8px;display:flex}.storage-btn{text-align:left;border:2px solid var(--green);background:var(--surface);border-radius:12px;min-height:56px;padding:8px 14px}.storage-btn strong{margin-right:2px}.storage-btn[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}.storage-btn:disabled{background:var(--grey);border-color:var(--grey);color:var(--grey-text);cursor:not-allowed}.packed-at{grid-template-columns:1fr auto;align-items:center;column-gap:10px;display:grid}.packed-at .field-title{grid-column:1/-1}.clock{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.icon-btn{padding:0}.employees{flex-wrap:wrap;gap:8px;display:flex}.employee-btn{border:2px solid var(--green);background:var(--surface);border-radius:12px;min-height:52px;padding:6px 14px}.employee-btn[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}.quantity{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.quantity .field-title{grid-column:1/-1;margin:0}.qty-value{text-align:center;font-size:1.8rem;font-weight:700}.step-btn{width:64px;padding:0;font-size:1.6rem}.print-btn{min-height:64px;margin-top:auto;font-size:1.3rem}.toast{background:var(--green-dark);color:#fff;border-radius:12px;padding:16px 32px;font-size:1.3rem;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.overlay{background:#141c188c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:560px;max-height:100%;padding:20px;display:flex;overflow-y:auto}.label-host{border:1px solid var(--border);background:#fff;border-radius:8px;place-items:center;padding:8px;display:grid}.label-canvas{max-width:100%;height:auto;image-rendering:pixelated}.dialog-actions{gap:12px;display:flex}.dialog-actions .btn{flex:1;min-height:60px}@media (width<=800px) and (orientation:portrait){.layout{grid-template-columns:1fr;overflow-y:auto}.products{min-height:360px}}