:root{--kleur-primair:#2f6b3f;--kleur-primair-donker:#204a2c;--kleur-achtergrond:#f4f6f2;--kleur-kaart:#fff;--kleur-tekst:#1c1c1c;--kleur-rand:#d8ddd3;--kleur-waarschuwing:#b3541e;--kleur-fout:#c0392b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--kleur-achtergrond);color:var(--kleur-tekst);margin:0}#root{min-height:100svh}.app-layout{min-height:100vh;display:flex}.zijbalk{background:var(--kleur-primair-donker);color:#fff;flex-shrink:0;width:220px;padding:24px 12px}.zijbalk-logo-wrap{background:#fff;border-radius:10px;margin:0 0 24px;padding:10px 12px}.zijbalk-logo{width:100%;height:auto;display:block}.zijbalk a{color:#fff;border-radius:10px;margin-bottom:6px;padding:16px 12px;font-size:17px;text-decoration:none;display:block}.zijbalk a.actief,.zijbalk a:hover{background:var(--kleur-primair)}.zijbalk-groep-knop{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:0;margin-bottom:6px;padding:16px 12px;font-family:inherit;font-size:17px;text-decoration:none;display:flex}.zijbalk-groep-knop:hover,.zijbalk-groep-knop.actief{background:var(--kleur-primair)}.zijbalk-subgroep{margin-bottom:6px}.zijbalk-subgroep a{padding-left:30px;font-size:15px}.inhoud{text-align:left;flex:1;max-width:980px;padding:32px}.kaart{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:14px;margin-bottom:20px;padding:24px}h2{margin-top:0}label{margin:16px 0 6px;font-size:15px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--kleur-rand);background:#fff;border-radius:10px;width:100%;padding:14px;font-size:17px}button{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:20px;padding:14px 22px;font-size:17px}button:hover{background:var(--kleur-primair-donker)}button.secundair{background:#6b6b6b}button:disabled{cursor:not-allowed;background:#a9b3a3}.batchnummer-knop{font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;min-height:32px;margin:0;padding:4px 6px;display:inline-flex}.batchnummer-knop:hover,.batchnummer-knop:active{background:#2f6b3f1f}.batchnummer-knop .batchnummer-icoon{opacity:.55;font-size:14px}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;border-bottom:1px solid var(--kleur-rand);padding:10px 8px;font-size:15px}.badge{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.badge.voorraad{color:var(--kleur-primair-donker);background:#dceedd}.badge.geblokkeerd{color:var(--kleur-fout);background:#f8d7d3}.badge.op{color:#666;background:#eee}.badge.vrijgegeven{color:#1c5a8a;background:#d7e6f8}.melding-fout{color:var(--kleur-fout);background:#f8d7d3;border-radius:10px;margin-top:16px;padding:12px 16px}.melding-succes{color:var(--kleur-primair-donker);background:#dceedd;border-radius:10px;margin-top:16px;padding:12px 16px}.grid-twee{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stuklijst-tabel td,.stuklijst-tabel th{vertical-align:middle}.stuklijst-tabel input,.stuklijst-tabel select{min-width:100px;margin:0;padding:8px 10px;font-size:15px}.stuklijst-tabel .stuklijst-eenheid{color:#666;white-space:nowrap}.stuklijst-tabel td:last-child{white-space:nowrap}.fifo-subtabel{border:1px solid var(--kleur-rand);background:#f9faf7;border-radius:10px;margin-top:0}.fifo-subtabel th,.fifo-subtabel td{padding:6px 10px;font-size:13px}.tabel-acties{flex-wrap:wrap;gap:8px;display:flex}.badge-productie{color:var(--kleur-fout);background:#f8d7d3;border-radius:999px;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.live-popup-achtergrond{z-index:2000;background:#14181473;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.live-popup{background:var(--kleur-kaart);border-radius:20px;width:100%;max-width:600px;padding:32px 36px;box-shadow:0 20px 60px #0000004d}.live-popup-kop{align-items:center;gap:16px;display:flex}.live-popup-kop h2{margin:0;font-size:24px}.live-popup-bol{background:radial-gradient(circle at 35% 30%, #ff8fa0, var(--kleur-fout) 70%);border-radius:50%;flex:none;width:32px;height:32px;box-shadow:0 3px 8px #c0392b66}.live-popup p{margin:20px 0 0;line-height:1.7}.live-popup-acties{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.zoekselect{position:relative}.zoekselect input[type=text]{cursor:text;padding-right:32px}.zoekselect-pijl{pointer-events:none;color:#666;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.zoekselect .zoekselect-verplicht{opacity:0;pointer-events:none;border:0;width:100%;min-width:0;height:1px;padding:0;position:absolute;bottom:0;left:0}.zoekselect-lijst{z-index:1500;border:1px solid var(--kleur-rand);background:#fff;border-radius:10px;max-height:280px;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.zoekselect-lijst li{cursor:pointer;border-radius:6px;padding:9px 12px;font-size:15px}.zoekselect-lijst li.actief{background:#dceedd}.zoekselect-lijst li.gekozen{font-weight:700}.zoekselect-lijst li.leegkeuze{color:#666;font-style:italic}.zoekselect-lijst li.zoekselect-leeg{color:#666;cursor:default;background:0 0}