:root{--groen-donker:#1f2a1c;--geel:#f2c94c;--achtergrond:#f6f4ee;--kaart:#fff;--tekst:#1d1d1b;--stil:#6b6a63;--rand:#e3e0d6;--hoofd:#2f4a26;--hoofd-tekst:#fff;--rood:#c0392b;--rood-zacht:#fbe9e7;--oranje:#b9650a;--oranje-zacht:#fdf1e2;--groen:#2e7d32;--groen-zacht:#e7f3e8;--info-zacht:#e8eef8;--radius:12px;--tabbalk:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--tekst);background:var(--achtergrond);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--achtergrond:#141812;--kaart:#1e231b;--tekst:#eceae2;--stil:#a3a197;--rand:#33392f;--hoofd:#5f8c4f;--rood-zacht:#3a1f1c;--oranje-zacht:#3a2c18;--groen-zacht:#1f3320;--info-zacht:#1f2735;--rood:#ef6b5d;--oranje:#f0a24a;--groen:#6cc070;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--achtergrond);margin:0}a{color:inherit}h1{margin:0 0 4px;font-size:1.6rem}h2{margin:24px 0 8px;font-size:1.1rem}h3{margin:0 0 8px;font-size:1rem}p{margin:8px 0}.app{min-height:100vh}.inhoud{padding:16px 16px calc(var(--tabbalk) + 24px + env(safe-area-inset-bottom));max-width:960px;margin:0 auto}.pagina{flex-direction:column;gap:12px;display:flex}.pagina.smal{max-width:560px}.zijbalk{display:none}.tabbalk{height:calc(var(--tabbalk) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--kaart);border-top:1px solid var(--rand);z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbalk a{color:var(--stil);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.tabbalk a.active{color:var(--hoofd)}.tab-icoon{font-size:1.35rem;line-height:1}@media (width>=900px){.app{grid-template-columns:240px 1fr;display:grid}.tabbalk{display:none}.inhoud{width:100%;padding:32px}.zijbalk{background:var(--groen-donker);color:#f1efe7;flex-direction:column;gap:24px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.zijbalk nav{flex-direction:column;gap:4px;display:flex}.zijbalk a{border-radius:8px;gap:10px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.zijbalk a.active,.zijbalk a:hover{background:#ffffff1a}.zijbalk-voet{flex-direction:column;gap:6px;margin-top:auto;display:flex}.zijbalk .stil{color:#b9b7ad}.zijbalk .knop.link{color:#f1efe7;justify-content:flex-start;padding:0 12px}}.merk{align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kop-knoppen{gap:8px;display:flex}.terug{color:var(--stil);font-weight:600;text-decoration:none}.knop{border:1px solid var(--rand);background:var(--kaart);min-height:44px;color:var(--tekst);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:disabled{opacity:.5;cursor:not-allowed}.knop.hoofd{background:var(--hoofd);border-color:var(--hoofd);color:var(--hoofd-tekst)}.knop.groot{min-height:52px;font-size:1.05rem}.knop.vol{width:100%}.knop.link{min-height:32px;color:var(--hoofd);background:0 0;border:0;padding:0 4px}.knop.link.gevaar{color:var(--rood);align-self:flex-start}.knop.rond{width:44px;padding:0;font-size:1.3rem}.plakkend{bottom:calc(var(--tabbalk) + 12px + env(safe-area-inset-bottom));position:sticky}@media (width>=900px){.plakkend{bottom:16px}}.snelknoppen{grid-template-columns:2fr 1fr 1fr;gap:8px;display:grid}label{flex-direction:column;flex:1;gap:4px;font-size:.9rem;font-weight:600;display:flex}input,select,textarea{font:inherit;border:1px solid var(--rand);background:var(--kaart);min-height:44px;color:var(--tekst);border-radius:10px;width:100%;padding:8px 12px;font-weight:400}input[type=checkbox]{width:22px;min-height:22px}textarea{min-height:0}.rij{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.rij>label{min-width:140px}.vink{white-space:nowrap;flex-direction:row;flex:0;align-items:center;gap:6px;font-weight:500}.aantal{flex-wrap:nowrap;align-items:center}.aantal input{text-align:center;flex:0 0 80px;width:80px;font-size:1.15rem;font-weight:700}.aantal select{flex:1;width:auto;min-width:0}.filters{flex-direction:column;gap:8px;display:flex}.segment{background:var(--rand);border-radius:10px;align-self:flex-start;gap:3px;padding:3px;display:inline-flex}.segment.breed{align-self:stretch;display:flex}.segment button{font:inherit;color:var(--stil);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;min-height:40px;padding:8px 14px;font-weight:600}.segment button.aan{background:var(--kaart);color:var(--tekst);box-shadow:0 1px 2px #0000001f}.kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--radius);padding:12px 14px}.kaart.blok{flex-direction:column;gap:12px;display:flex}.lijst{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.lijst>li+li{border-top:1px solid var(--rand)}.kaart .lijst{border:0;border-radius:0;margin:0 -14px -12px}.lijst-item{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 14px;text-decoration:none;display:flex}.lijst-item>div{flex-direction:column;gap:2px;min-width:0;display:flex}.lijst-item.kolom{flex-direction:column;align-items:flex-start;gap:2px}.lijst.compact .lijst-item{min-height:44px;padding:8px 14px}a.lijst-item:active{background:var(--achtergrond)}.leeg{color:var(--stil);padding:12px 0}.stil{color:var(--stil);font-size:.9rem;font-weight:400}.fout{color:var(--rood)}.tijdlijn{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tijdlijn li{border-left:3px solid var(--rand);padding-left:12px}.label{white-space:nowrap;background:var(--info-zacht);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.label.rood{background:var(--rood-zacht);color:var(--rood)}.label.oranje{background:var(--oranje-zacht);color:var(--oranje)}.label.gepland{background:var(--info-zacht)}.label.geladen{background:var(--oranje-zacht);color:var(--oranje)}.label.afgerond{background:var(--groen-zacht);color:var(--groen)}.label.geannuleerd{background:var(--rand);color:var(--stil)}.aantal-label{font-variant-numeric:tabular-nums;text-align:right;min-width:48px;font-weight:800}.aantal-label small{color:var(--stil);font-weight:500}.aantal-label.rood,.rood-tekst{color:var(--rood)}.aantal-label.oranje,.oranje-tekst{color:var(--oranje)}.aantal-label.groen,.groen-tekst{color:var(--groen)}.balk{border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-weight:600;display:flex}.balk.info{background:var(--info-zacht)}.balk.waarschuwing{background:var(--oranje-zacht);color:var(--oranje)}.balk.fout{background:var(--rood-zacht);color:var(--rood)}.cijfers{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.cijfer{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--radius);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.cijfer span{color:var(--stil);font-size:.85rem}.cijfer b{font-variant-numeric:tabular-nums;font-size:1.4rem}.tabel{border-collapse:collapse;background:var(--kaart);border-radius:var(--radius);width:100%;overflow:hidden}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--rand);padding:10px 12px}.tabel th{color:var(--stil);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.tabel-scroll{margin:0 -14px;overflow-x:auto}.tabel.bewerkbaar td{padding:4px}.tabel.bewerkbaar input:not([type=checkbox]){min-width:90px;min-height:38px}.gegevens{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--radius);grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;padding:12px 14px;display:grid}.gegevens dt{color:var(--stil)}.gegevens dd{margin:0}.regels{flex-direction:column;gap:8px;display:flex}.regel{flex-direction:column;gap:10px;display:flex}.regel-kop{justify-content:space-between;align-items:center;gap:8px;display:flex}.kiezer{flex-direction:column;gap:8px;display:flex}.keuzelijst{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.keuzelijst button{width:100%;font:inherit;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--rand);cursor:pointer;background:0 0;justify-content:space-between;gap:8px;padding:12px 4px;display:flex}.telregel{flex-direction:column;gap:8px;display:flex}.telregel .rij>span{flex:2;font-weight:500}.telregel .rij input{flex:1;max-width:120px}.kaart .telregel+.telregel{border-top:1px solid var(--rand);padding-top:12px}.stappen{counter-reset:stap;gap:4px;margin:8px 0;padding:0;list-style:none;display:flex}.stappen li{text-align:center;background:var(--rand);color:var(--stil);border-radius:8px;flex:1;padding:8px 4px;font-size:.85rem;font-weight:700}.stappen li.nu{background:var(--hoofd);color:var(--hoofd-tekst)}.stappen li.klaar{background:var(--groen-zacht);color:var(--groen)}.inloggen,.laden-scherm{background:var(--groen-donker);place-items:center;min-height:100vh;padding:16px;display:grid}.inloggen-kaart{text-align:center;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:28px 24px;display:flex}.inloggen-kaart form{text-align:left;flex-direction:column;gap:12px;display:flex}.logo{background:var(--groen-donker);width:64px;height:64px;color:var(--geel);border:2px solid var(--geel);border-radius:16px;place-items:center;margin:0 auto;font-size:1.6rem;font-weight:900;display:grid}.logo.klein{border-width:1px;border-radius:10px;width:36px;height:36px;margin:0;font-size:.95rem}.tabel.bewerkbaar td:first-child input,.tabel.bewerkbaar td:nth-child(2) input{min-width:150px}.aantallen{align-items:center;gap:12px;display:flex}.segment.scroll{overflow-x:auto}.segment.scroll button{white-space:nowrap}