:root{--bg:#f4f5f2;--panel:#fff;--ink:#1c211d;--muted:#667066;--line:#dfe3dc;--accent:#2f6b46;--accent-ink:#fff;--warn-bg:#fdf1d3;--warn-ink:#7a5200;--bad:#b3261e;--good:#2f6b46;--head:#24523a;--radius:8px;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0 0 12px;font-size:20px}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;display:flex}a{color:var(--accent)}code{background:#e9ece6;border-radius:4px;padding:1px 4px}.muted{color:var(--muted)}.bad{color:var(--bad);font-weight:600}.good{color:var(--good);font-weight:600}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 12px}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.link{color:var(--accent);background:0 0;border:0;padding:0}.btn.link:hover{text-decoration:underline}input,select{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;min-width:0;padding:6px 8px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.chip{color:var(--muted);background:#e9ece6;border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.chip.warn{background:var(--warn-bg);color:var(--warn-ink);font-weight:600}.count{color:var(--ink);background:#e3e7df;border-radius:999px;padding:0 7px;font-size:12px}.sku{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.centered{text-align:center;max-width:420px;margin:18vh auto 0;padding:0 16px}.centered h1{font-size:22px}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding:10px 16px;display:flex}.brand{color:var(--ink);font-weight:700;text-decoration:none}.brand span{color:var(--muted);font-weight:400}.who{align-items:center;gap:10px;display:flex}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.switch input{accent-color:var(--accent);width:15px;height:15px;margin:0;padding:0}.practice-bar{color:#fff;background:#2d3a5c;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.practice-bar .btn{border-color:#0000;margin-left:auto}.home{max-width:900px;margin:0 auto;padding:20px 16px}.tools{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.tool{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);flex-direction:column;gap:4px;padding:14px;text-decoration:none;display:flex}.tool:hover{border-color:var(--accent)}.tool span{color:var(--muted)}.spacer{flex:1}h3{margin:0;font-size:15px;font-weight:650}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn.small{padding:3px 10px;font-size:13px}.btn.link.danger{color:var(--muted)}.btn.link.danger:hover{color:var(--bad)}.warn-text{color:var(--warn-ink);font-weight:600}.notice{background:var(--warn-bg);color:var(--warn-ink);border-radius:6px;margin:8px 0;padding:7px 10px}.empty{color:var(--muted);text-align:center;padding:40px 0}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:flex-end;gap:28px;padding:14px 16px 0;display:flex}.toolbar h1{margin:0 0 10px}.tabs{gap:22px;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 0 9px;font-weight:600;text-decoration:none;display:flex}.tabs a.active{color:var(--ink);border-color:var(--accent)}.compras{max-width:1280px;margin:0 auto;padding:14px 16px 32px}.compras:has(.board){max-width:none}.alert{color:var(--bad);border-radius:var(--radius);background:#fbe9e7;border:1px solid #f1c4bf;margin-bottom:12px;padding:8px 12px;font-weight:600}.add{margin-bottom:22px;position:relative}.add .search{border:2px solid var(--accent);border-radius:10px;width:100%;padding:15px 18px;font-size:17px;box-shadow:0 2px 10px #2f6b461f}.add .search:focus{outline-offset:0;outline:3px solid #2f6b4640}.add .search::placeholder{color:#7d877d}.results{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:10px;max-height:60vh;margin:6px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000029}.results li{cursor:pointer;border-left:3px solid #0000;border-radius:6px;padding:8px 12px}.results li.listed{background:#fdf8e8}.results li.active{border-left-color:var(--accent);background:#e8f1ea}.results li.hint{cursor:default;color:var(--muted);border-top:1px solid var(--line);border-radius:0;margin-top:4px;padding:7px 12px 4px;font-size:12px}.r-name{font-weight:600;display:block}.results-empty{margin:8px 4px 0}.meta{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin-top:2px;font-size:12px;display:flex}.add.picked{background:var(--panel);border:2px solid var(--accent);border-radius:10px;padding:14px 16px;box-shadow:0 2px 10px #2f6b461f}.picked-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.fields label,.dialog footer label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.fields label.grow{flex:1;min-width:180px}.fields label.grow input{width:100%}.pair{align-items:center;gap:6px;min-width:0;display:flex}.in-qty{text-align:right;font-variant-numeric:tabular-nums;width:72px}.in-ref{width:200px}.unit-fixed{color:var(--muted)}.pill{white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:13px;font-weight:600;display:inline-block}.pill.c-teal{color:#0f5a4c;background:#d6efe9}.pill.c-blue{color:#1d4b8f;background:#dbe8fb}.pill.c-violet{color:#4d3399;background:#e7e0fa}.pill.c-pink{color:#8f2459;background:#fadfec}.pill.c-orange{color:#8a3d0e;background:#fbe3d3}.pill.c-amber{color:#6e4f00;background:#f8eabd}.pill.c-lime{color:#3f5a0b;background:#e3f0c8}.pill.c-slate{color:#3b4753;background:#e2e6ea}.tag{background:var(--warn-bg);color:var(--warn-ink);border-radius:999px;padding:0 7px;font-weight:600}.unit-warn{color:var(--warn-ink);margin-top:4px;font-size:12px}.viewbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.segmented{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:2px;display:inline-flex}.segmented button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:4px 12px;font-size:13px}.segmented button.on{background:var(--head);color:#fff;font-weight:600}.tablecard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;overflow:hidden}.tablecard>header{background:var(--head);color:#fff;align-items:center;gap:12px;padding:9px 14px;display:flex}.tablecard>header h2{color:#fff;text-transform:none;letter-spacing:0;margin:0;font-size:14px}.tablecard>header span{color:#c3d6c9;font-size:13px}.tablecard>header .btn{border-color:#0000;margin-left:auto}.reqs{border-collapse:collapse;table-layout:fixed;width:100%}.reqs .c-qty{width:150px}.reqs .c-who{width:120px}.reqs .c-for{width:22%}.reqs .c-note{width:16%}.reqs .c-date{width:70px}.reqs .c-act{width:170px}.reqs th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:7px 10px;font-size:11px;font-weight:600}.reqs th:first-child,.reqs td.prod{padding-left:14px}.reqs td{vertical-align:top;overflow-wrap:anywhere;padding:8px 10px}.reqs tbody{border-top:1px solid var(--line)}.reqs tbody tr+tr td{border-top:1px dashed #e6e9e3}.reqs tbody tr:hover td:not(.prod){background:#f7f9f6}.reqs .prod{border-right:1px solid var(--line)}.p-name{font-weight:600}.p-sub{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin-top:2px;font-size:12px;display:flex}.p-total{color:var(--ink);font-weight:600}.reqs .qty{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.reqs td small{color:var(--muted);margin-right:6px;font-size:12px}.nowrap{white-space:nowrap}.reqs .actions{text-align:right;white-space:nowrap}.reqs .actions .btn+.btn{margin-left:12px}.reqs .actions .btn.link{opacity:0}.reqs tr:hover .actions .btn.link,.reqs .actions .btn.link:focus-visible,.reqs .actions.show .btn.link{opacity:1}.reqs tr.editing td:not(.prod){vertical-align:middle;background:#eef3ec}.reqs tr.editing input:not(.in-qty),.reqs tr.editing select{width:100%;min-width:0}.reqs tr.editing input,.reqs tr.editing select{padding:4px 6px}.reqs tr.editing .in-qty{flex:none;width:54px}.overlay{z-index:20;background:#141a1573;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--panel);border-radius:10px;width:min(980px,100%);padding:18px 20px;box-shadow:0 20px 60px #0000004d}.dialog>header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.dialog>header small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.dialog>header h2{text-transform:none;letter-spacing:0;color:var(--ink);margin:0;font-size:20px}.plan{border-collapse:collapse;width:100%}.plan th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 8px;font-size:11px;font-weight:600}.plan th.num{text-align:right}.plan td{border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.plan td.strong{font-size:15px;font-weight:700}.plan tr.missing td{background:#fffaf0}.plan td.mono{font-size:12px}.perbox-field{align-items:center;gap:5px;margin-left:8px;display:inline-flex}.perbox-field small{color:var(--muted)}.perbox{text-align:right;width:62px;padding:3px 6px}.copy{border:1px solid var(--line);border-radius:var(--radius);margin-top:14px}.copy-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.copy pre{white-space:pre-wrap;max-height:180px;margin:0;padding:10px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-y:auto}.dialog>footer{justify-content:flex-end;align-items:flex-end;gap:12px;margin-top:16px;display:flex}.dialog>footer select{min-width:260px}.dialog.small{align-self:center;width:min(460px,100%)}.dialog.small h2{text-transform:none;letter-spacing:0;color:var(--ink);margin:0 0 10px;font-size:17px}.confirm-body{text-align:left;white-space:normal}.confirm-body p{margin:0 0 6px}.btn.danger-solid{background:var(--bad);border-color:var(--bad);color:#fff;font-weight:600}.foot-note{max-width:480px;margin:0 auto 0 0;font-size:13px}.toast-area{z-index:30;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:24px;left:0;right:0}.toast{color:#fff;background:#1c211d;border-radius:8px;max-width:640px;padding:10px 16px;animation:.16s ease-out toast-in;box-shadow:0 8px 24px #00000040}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.filter{align-items:center;gap:12px;margin-bottom:14px;display:flex}.search.small{border:1px solid var(--line);border-radius:8px;flex:0 460px;padding:9px 12px;font-size:14px}.search.small:focus{border-color:var(--accent)}.tag.ok{color:#1f4a30;background:#dcefe2}.board{align-items:start;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.col{min-width:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:10px 12px}.card>header{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.order{transition:opacity .12s}.order.dim{opacity:.35}.order.hit{border-color:var(--accent);box-shadow:0 0 0 2px #2f6b4640}.order .o-supplier{margin-top:2px;font-weight:600}.o-date{margin-top:8px;font-size:13px}.t-date{font-variant-numeric:tabular-nums;font-weight:650}.t-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}.flag{border-radius:6px;margin-top:8px;padding:4px 8px;font-size:13px;font-weight:600}.warn-bg{background:var(--warn-bg);color:var(--warn-ink)}.bad-bg{color:var(--bad);background:#fbe3e0}.info-bg{color:#1d4b8f;background:#e4ecf7}.hits{background:#e8f1ea;border-radius:6px;margin:8px 0 0;padding:6px 8px;font-size:13px;list-style:none}.hits li+li{margin-top:4px}.waiting{color:#2d3a5c;background:#eef0f6;border-radius:6px;margin:8px 0 0;padding:6px 8px;font-size:13px;list-style:none}.waiting li+li{margin-top:4px}.o-toggle{margin-top:8px;font-size:13px;display:block}.lines{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px}.lines td{border-top:1px solid var(--line);vertical-align:top;padding:4px 0}.head-actions{gap:8px;margin-left:auto;display:flex}.tablecard>header .head-actions .btn{margin-left:0}.batch-status{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;font-size:13px;display:flex}.link-order{white-space:nowrap;color:var(--ink);align-items:center;gap:8px;display:flex}.link-order select{padding:4px 6px;font-size:13px}.reqs.history .c-qty{width:130px}.reqs.history .c-note{width:13%}.reqs.history .c-out{width:120px}.reqs.history .c-po{width:170px}.reqs.history th{white-space:nowrap}.reqs.history .out{border-left:1px solid var(--line);vertical-align:top}.reqs.history tbody tr:hover td.out{background:0 0}@media (width<=900px){.board{grid-template-columns:1fr}.tablecard{overflow-x:auto}.reqs{min-width:860px}}.boxes{border-collapse:collapse;width:100%}.boxes th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);padding:7px 10px;font-size:11px;font-weight:600;position:sticky;top:0}.boxes td{vertical-align:middle;border-top:1px dashed #e6e9e3;padding:5px 10px}.boxes th.num,.boxes td.num{text-align:right}.boxes tr.missing td:first-child{box-shadow:inset 3px 0 0 var(--warn-ink)}.boxes input{width:76px;font:inherit;text-align:right;font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 7px}.boxes input:focus{border-color:var(--accent);outline:2px solid #2f6b464d}.boxes input.manual{border-color:var(--accent);font-weight:650}.boxes input::placeholder{color:#8a938a}.boxes .saved{color:var(--accent);margin-left:6px;font-size:12px}