:root{--paper:#eef4f5;--white:#fff;--ink:#172c2a;--green:#0b6355;--amber:#986100;--red:#b43737;--muted:#5a706d;--line:#d7e3e4;--radius-card:14px;--radius-stage:10px;--tap:48px}html,body{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:Avenir Next,Trebuchet MS,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}button{font:inherit;color:inherit}h1,h2,h3{font-weight:600}:where(a,button,input,select,[tabindex]):focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:4px}.board,.list,.catalogue{padding:12px 20px 48px}.topbar{z-index:3;background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;padding:10px 0;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.nav{gap:4px;display:flex}.nav a{min-height:var(--tap);color:var(--muted);border-bottom:3px solid #0000;align-items:center;padding:0 12px;font-size:17px;text-decoration:none;display:flex}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--green);font-weight:600}.topbar .spacer{flex:auto}.pill{min-height:var(--tap);border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:17px;text-decoration:none;display:inline-flex}.pill:disabled{color:var(--muted);cursor:default}.pill.primary{background:var(--green);border-color:var(--green);color:var(--white)}.pill.primary:disabled{background:var(--muted);border-color:var(--muted)}.field{min-height:var(--tap);border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:10px;padding:0 14px;font-size:17px}.field::placeholder{color:var(--muted)}.banner{background:var(--red);color:var(--white);border-radius:10px;margin-bottom:12px;padding:10px 16px;font-size:16px}.banner.ok{background:var(--green)}.pagehead{margin:0 0 16px}.pagehead p{color:var(--muted);max-width:60ch;margin:0;font-size:15px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar .field{flex:220px;max-width:420px}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--white)}.stage{aspect-ratio:1;background:var(--white);border-radius:var(--radius-stage);place-items:center;display:grid;position:relative;overflow:hidden}.stage img{object-fit:contain;width:100%;height:100%;padding:6%}.stage-empty{color:var(--muted);place-items:center;gap:2px;display:grid}.stage-initial{color:var(--line);font-size:30px;font-weight:600;line-height:1}.stage-caption{font-size:12px}.section{margin-bottom:24px}.section h2{color:var(--muted);margin:0 0 10px;font-size:15px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}@media (min-width:700px){.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.tile{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);min-height:96px;color:var(--ink);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;gap:8px;padding:10px 10px 0;display:flex;overflow:hidden}.tile:active{transform:scale(.98)}.tile .stage{background:var(--paper)}.tile-body{flex:auto;gap:2px;display:grid}.tile-name{font-size:17px;font-weight:600;line-height:1.2}.tile-size,.tile-store{color:var(--muted);font-size:13px}.tile-state{color:var(--white);margin:4px -10px 0;padding:8px 10px;font-size:13px;font-weight:600}.state-ok .tile-state{background:var(--green)}.state-low .tile-state{background:var(--amber)}.state-out .tile-state{background:var(--red)}.board-empty{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);gap:14px;padding:20px;display:grid}.board-empty h2{margin:0;font-size:20px}.board-empty p{color:var(--muted);max-width:56ch;margin:0}.preview{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.preview-item{gap:6px;display:grid}.preview-item .stage{background:var(--paper)}.preview-name{font-size:13px;line-height:1.25}.products{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.product{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:104px minmax(0,1fr);align-items:start;gap:8px 12px;padding:10px;display:grid}.product>.stage{grid-row:span 2}.product-foot,.product>.row-error{grid-column:1/-1}@media (min-width:700px){.products{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.product{flex-direction:column;align-items:stretch;gap:10px;display:flex}}.product .stage{background:var(--paper);flex-shrink:0;width:100%}.product-body{flex:auto;align-content:start;gap:3px;display:grid}.order-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.order-row .pill{flex:auto}.product-name{margin:0;font-size:17px;font-weight:600;line-height:1.25}.product-meta{color:var(--muted);margin:0;font-size:13px}.product-actions{gap:8px;display:grid}.product-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.product-foot a.linkish{align-items:center;display:inline-flex}.foot-links,.foot-preferences{align-items:center;gap:8px;display:flex}.foot-links{flex-wrap:wrap}.foot-preferences{flex-wrap:nowrap}.chip{min-height:var(--tap);border:1px solid var(--line);background:var(--white);color:var(--green);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:15px;display:inline-flex}.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--white)}.chip:disabled{color:var(--muted);cursor:default}.chip[aria-pressed=true]:disabled{background:var(--muted);border-color:var(--muted);color:var(--white)}.linkish{min-height:var(--tap);color:var(--green);text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:15px;text-decoration:underline}.linkish:disabled{color:var(--muted);cursor:default;text-decoration:none}.stepper{align-items:center;gap:4px;display:flex}.stepper button{width:var(--tap);min-height:var(--tap);border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:10px;font-size:22px;line-height:1}.stepper button:disabled{color:var(--muted);opacity:.5;cursor:default}.stepper input{width:56px;min-height:var(--tap);text-align:center;border:1px solid var(--line);background:var(--white);color:var(--ink);-moz-appearance:textfield;border-radius:10px;font-size:17px}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.empty-note{color:var(--muted);margin:8px 0;font-size:16px}.row-error{color:var(--red);margin:0;font-size:14px}.store-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);margin:0 0 14px;padding:14px 16px}.store-head{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.store-head h2{margin:0;font-size:20px}.count{font-size:15px;font-weight:600}.hint{color:var(--muted);font-size:14px}.store-head .pill{margin-left:auto}.group{margin-top:14px}.group-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.group-head h3{color:var(--muted);margin:0;font-size:14px;font-weight:600}.group-head .linkish{margin-left:auto}.group+.group{border-top:1px solid var(--line);padding-top:14px}.due{gap:4px;margin:0;padding:0;list-style:none;display:grid}.due li{min-height:var(--tap);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.due label{min-width:0;min-height:var(--tap);cursor:pointer;flex-wrap:wrap;flex:200px;align-items:center;gap:8px 12px;font-size:17px;display:flex}.due input[type=checkbox]{width:26px;height:26px;accent-color:var(--green);flex:none}.due .thumb{flex:none;width:40px;height:40px}.due .thumb .stage{background:var(--paper)}.due .thumb .stage-caption{display:none}.due .thumb .stage-initial{font-size:16px}.due .name{overflow-wrap:anywhere;flex:auto;min-width:0}.due .size{color:var(--muted);font-size:14px}.due .tag{color:var(--muted);font-size:13px}.due .state-out .tag{color:var(--red)}.due .state-low .tag{color:var(--amber)}.due .row-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.order{gap:8px;margin:0;padding:0;list-style:none;display:grid}.order li{min-height:var(--tap);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.order .thumb{flex:none;width:40px;height:40px}.order .thumb .stage{background:var(--paper)}.order .thumb .stage-caption{display:none}.order .thumb .stage-initial{font-size:16px}.order .name{flex:160px;font-size:17px}.order .size{color:var(--muted);font-size:14px}.sweep{margin-top:10px}.sheet-backdrop{z-index:5;background:#172c2a66;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--white);border-radius:20px 20px 0 0;gap:14px;width:100%;padding:20px 20px 28px;display:grid}@media (min-width:700px){.sheet-backdrop{justify-content:center;align-items:center}.sheet{border-radius:var(--radius-card);max-width:460px}}.sheet h2{margin:0;font-size:20px}.sheet label{color:var(--muted);gap:6px;font-size:14px;display:grid}.sheet input,.sheet select{min-height:var(--tap);border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:10px;padding:0 12px;font-size:17px}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sheet-actions button{min-height:var(--tap);border:1px solid var(--line);background:var(--white);border-radius:10px;padding:0 18px;font-size:17px}.sheet-actions button[type=submit]{background:var(--green);border-color:var(--green);color:var(--white)}.sheet-actions button[type=submit]:disabled{background:var(--muted);border-color:var(--muted)}.sheet-actions .danger{color:var(--red);margin-right:auto}.sheet-error{color:var(--red);margin:0}.sheet-product{align-items:center;gap:12px;display:flex}.sheet-product .thumb{flex:none;width:56px;height:56px}.sheet-product .thumb .stage{background:var(--paper)}.sheet-product .thumb .stage-caption{display:none}.notlive{justify-items:start;gap:14px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.tile:active{transform:none}}