:root{--bg: #ffffff;--surface: #fafaf9;--border: #e4e2dd;--ink: #1a1a18;--ink-soft: #6b6862;--accent: #1a1a18;--op-accent: #ffffff;--danger: #a8321e;--radius: 3px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem}.login{width:100%;max-width:340px}.login h1{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .25rem}.login .sub{color:var(--ink-soft);font-size:.875rem;margin:0 0 1.75rem}label{display:block;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.375rem}input[type=email],input[type=password],input[type=search]{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit}input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.field{margin-bottom:1rem}button{font:inherit;cursor:pointer;border-radius:var(--radius)}.btn-primary{width:100%;padding:.625rem;background:var(--accent);color:var(--op-accent);border:1px solid var(--accent);font-weight:500}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error{background:#fdf3f1;border:1px solid #f0d5cf;color:var(--danger);padding:.625rem .75rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1rem}header.bar{border-bottom:1px solid var(--border);padding:.875rem 1.5rem;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}header.bar .brandmark{font-weight:600;letter-spacing:-.01em}header.bar .who{color:var(--ink-soft);font-size:.8125rem;margin-left:auto}.linkish{background:none;border:none;padding:0;color:var(--ink-soft);font-size:.8125rem;text-decoration:underline}main{padding:1.5rem;max-width:1400px;margin:0 auto}.filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem}.chip{padding:.375rem .75rem;border:1px solid var(--border);background:var(--bg);color:var(--ink);font-size:.8125rem}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--op-accent)}.chip .count{opacity:.55;margin-left:.375rem;font-variant-numeric:tabular-nums}.filters form{margin-left:auto}.filters input[type=search]{width:220px}.count-line{color:var(--ink-soft);font-size:.8125rem;margin-bottom:1rem;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.thumb{aspect-ratio:1;background:var(--surface);display:grid;place-items:center;color:var(--ink-soft);font-size:.75rem;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.card .body{padding:.75rem}.card .kicker{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.card h3{font-size:.875rem;font-weight:500;margin:.25rem 0 .5rem}.card .meta{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.card .price{color:var(--ink);font-weight:500}.tags{display:flex;gap:.25rem;margin-top:.5rem}.tag{font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);padding:.125rem .3125rem;color:var(--ink-soft)}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:3rem 1.5rem;text-align:center;color:var(--ink-soft)}.pager{display:flex;gap:.5rem;align-items:center;justify-content:center;margin:1.75rem 0}.pager button{padding:.375rem .75rem;border:1px solid var(--border);background:var(--bg)}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager span{font-size:.8125rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #161614;--surface: #1f1f1c;--border: #33322e;--ink: #ece9e3;--ink-soft: #9a968e;--accent: #ece9e3;--danger: #e8927c;color-scheme:dark}:root:not([data-theme=light]){--op-accent: #161614}:root:not([data-theme=light]) .error{background:#2a1c18;border-color:#4a2f26}}.nav{display:flex;gap:.25rem}.navlink{background:none;border:none;padding:.25rem .5rem;color:var(--ink-soft);font-size:.875rem}.navlink[aria-current=true]{color:var(--ink);font-weight:500}.badge{display:inline-block;margin-left:.375rem;min-width:1.25rem;padding:0 .3125rem;background:var(--accent);color:var(--op-accent);border-radius:999px;font-size:.6875rem;line-height:1.25rem;text-align:center;font-variant-numeric:tabular-nums}main h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem}.section-title{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:1.5rem 0 .5rem;font-weight:500}.note{color:var(--ink-soft);font-size:.8125rem;margin:.5rem 0 0}.card.is-clickable{cursor:pointer}.card.is-clickable:hover{border-color:var(--ink-soft)}.card.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;justify-content:flex-end;z-index:10}.panel{background:var(--bg);width:min(560px,100%);height:100%;overflow-y:auto;padding:1.5rem;position:relative;border-left:1px solid var(--border)}.panel h2{font-size:1.125rem;font-weight:600;margin:.25rem 0 1rem}.panel-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;line-height:1;color:var(--ink-soft);padding:.25rem .5rem}.panel-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1rem}.panel-images img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--surface);border:1px solid var(--border)}.specs{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;font-size:.875rem}.specs dt{color:var(--ink-soft)}.specs dd{margin:0;font-variant-numeric:tabular-nums}table.sizes,table.lines{width:100%;border-collapse:collapse;font-size:.875rem}table.sizes th,table.lines th{text-align:left;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:500;border-bottom:1px solid var(--border);padding:.5rem .5rem .5rem 0}table.sizes td,table.lines td{padding:.5rem .5rem .5rem 0;border-bottom:1px solid var(--border);vertical-align:top}table.sizes .num,table.lines .num,th.num{text-align:right;font-variant-numeric:tabular-nums}.sku{color:var(--ink-soft);font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.uk{color:var(--ink-soft);font-size:.75rem}td.in{color:var(--ink);font-variant-numeric:tabular-nums}td.out{color:var(--ink-soft)}table.sizes input[type=number],table.lines input[type=number]{width:72px;padding:.3125rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit;text-align:right}.totals{margin:1.25rem 0 0 auto;max-width:320px;font-size:.875rem;font-variant-numeric:tabular-nums}.totals>div{display:flex;justify-content:space-between;padding:.25rem 0}.totals .grand{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.5rem;font-weight:600}.checkout{max-width:420px;margin-top:2rem}.checkout select,.checkout textarea,.checkout input[type=text]{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit}.checkout textarea{resize:vertical}.confirmed{border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;max-width:420px;margin:2rem auto}.confirmed h2{margin-bottom:.5rem}.confirmed p{color:var(--ink-soft);margin:0 0 1.5rem}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.btn-primary.compact{width:auto;padding:.4375rem .875rem;font-size:.875rem}.toggle{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--ink-soft);text-transform:none;letter-spacing:0;margin:0}.row-click{cursor:pointer}.row-click:hover td{background:var(--surface)}.mini-thumb{width:36px;height:36px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.mini-thumb img{width:100%;height:100%;object-fit:cover}td.warn{color:var(--danger)}.panel.wide{width:min(760px,100%)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.ok{background:#f0f6f1;border:1px solid #cfe3d4;color:#2a6136;padding:.5rem .75rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1rem}fieldset.labels{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin:0 0 1rem;display:flex;gap:1rem;flex-wrap:wrap}fieldset.labels legend{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:0 .375rem}.beelden{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;margin-bottom:.75rem}.beelden figure{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.beelden img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--surface)}.beelden figcaption{display:flex;border-top:1px solid var(--border)}.beelden figcaption button{flex:1;background:none;border:none;border-right:1px solid var(--border);padding:.25rem;color:var(--ink-soft);font-size:.8125rem}.beelden figcaption button:last-child{border-right:none}.beelden figcaption button:disabled{opacity:.3;cursor:not-allowed}.beelden figcaption button.danger{color:var(--danger)}input.mini{width:68px;padding:.25rem .375rem;font-size:.8125rem}tr.inactief td{opacity:.5}tr.concept td{background:var(--bg)}input[type=file]{font-size:.8125rem;color:var(--ink-soft)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ok{background:#17251a;border-color:#2b4531;color:#8fc79c}}header.bar.admin{border-bottom-width:2px}.tagje{display:inline-block;margin-left:.375rem;padding:.0625rem .375rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:500;vertical-align:.1em}.empty a,.who a{color:var(--ink-soft)}.stockline{margin-top:.375rem;font-size:.75rem;font-variant-numeric:tabular-nums}.stockline.in{color:var(--ink-soft)}.stockline.out{color:var(--ink-soft);opacity:.6}.mail-status{border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:.875rem 1rem;margin-bottom:1.5rem;max-width:560px}.mail-status.uit{border-left-color:var(--ink-soft);background:var(--surface)}.mail-status.aan{border-left-color:var(--danger);background:#fdf3f1}.mail-status strong{display:block;font-size:.875rem;margin-bottom:.25rem}.mail-status p{margin:0 0 .375rem;font-size:.8125rem;color:var(--ink-soft)}.mail-status p:last-child{margin-bottom:0}.knoprij{display:flex;gap:.5rem;align-items:center}td.note{font-size:.75rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mail-status.aan{background:#2a1c18}}.kaartactie{margin-top:.5rem;font-size:.75rem;color:var(--ink-soft)}.card.is-clickable:hover .kaartactie{color:var(--ink)}.paneelvoet{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border);padding:.875rem 0 0;margin-top:1rem}.paneelvoet .note{margin-top:.5rem}.drempel{border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:var(--radius);padding:.75rem 1rem;margin-top:1.25rem;font-size:.875rem;color:var(--ink);background:var(--surface)}.beeldknop{display:block;padding:0;border:1px solid var(--border);background:var(--surface);cursor:zoom-in;overflow:hidden;width:100%}.beeldknop:hover{border-color:var(--ink-soft)}.beeldknop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.beeldknop img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000db;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;cursor:default}.lb-sluit,.lb-nav{position:absolute;background:none;border:none;color:#fff;opacity:.75;line-height:1;padding:.5rem .75rem}.lb-sluit:hover,.lb-nav:hover{opacity:1}.lb-sluit{top:.75rem;right:1rem;font-size:2rem}.lb-nav{top:50%;transform:translateY(-50%);font-size:3rem}.lb-nav.vorige{left:.5rem}.lb-nav.volgende{right:.5rem}.lb-teller{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);color:#fff;opacity:.7;font-size:.8125rem;font-variant-numeric:tabular-nums}@media(max-width:600px){.lb-nav{font-size:2rem}.lightbox{padding:3rem .5rem}}.filters select{padding:.375rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit;font-size:.8125rem}.zacht{color:var(--ink-soft)}.merkkeuze{display:flex;gap:1rem;flex-wrap:wrap}.resetlink{border:1px solid var(--border);border-left:3px solid var(--ink-soft);border-radius:var(--radius);padding:.75rem 1rem;margin-top:.75rem;background:var(--surface)}.resetlink input{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.adressen{list-style:none;padding:0;margin:0;font-size:.875rem}.adressen li{padding:.375rem 0;border-bottom:1px solid var(--border)}.klantbalk{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.625rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.8125rem}input.breed{width:100%;max-width:220px;padding:.25rem .375rem;font-size:.875rem}.taalkiezer{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink-soft);font:inherit;font-size:.75rem;padding:.125rem .25rem}tr.warn td{color:var(--danger)}.logo{max-height:28px;max-width:200px;width:auto;display:block}header.bar .brandmark{display:flex;align-items:center;gap:.5rem}.login h1 .logo{max-height:36px;margin-bottom:.5rem}.logovak{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;margin-bottom:.75rem;min-height:72px;display:flex;align-items:center;max-width:340px}.logovak img{max-height:48px;max-width:100%}.kleurrij{display:flex;align-items:center;gap:.5rem}.kleurrij input[type=color]{width:44px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:none}.cssvak{width:100%;max-width:560px;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.stappen{font-size:.8125rem;color:var(--ink-soft);margin:.75rem 0 0;padding-left:1.25rem}.stappen li{padding:.125rem 0}.filters input[type=date]{padding:.25rem .375rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit;font-size:.8125rem}table.lines select{padding:.25rem .375rem;font-size:.8125rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:inherit}.meekijkbalk{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.5rem 1.5rem;background:var(--danger);color:#fff;font-size:.8125rem}.meekijkbalk .linkish{color:#fff}.tenantkiezer{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit;font-size:.8125rem;padding:.1875rem .375rem;margin-left:.5rem}.werkbalk{border-bottom:1px solid var(--border);background:var(--surface);padding:.75rem 1.5rem 0}.waar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;font-size:.875rem}.waar .label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.waar strong{font-weight:600}.taalkiezer{margin-left:auto;display:flex;align-items:center;gap:.25rem}.rolvlag{border:1px solid var(--border);border-radius:var(--radius);padding:.0625rem .375rem;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--bg)}.groepen{display:flex;gap:1.75rem;flex-wrap:wrap}.groep{display:flex;align-items:baseline;gap:.125rem;padding-bottom:.5rem}.groeptitel{font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-right:.5rem;opacity:.7}.groep .navlink{padding:.25rem .4375rem;border-radius:var(--radius)}.groep .navlink[aria-current=true]{background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}@media(max-width:720px){.groepen{gap:.875rem}.groep{flex-wrap:wrap}}dl.rollen{display:grid;grid-template-columns:auto 1fr;gap:.375rem 1rem;margin:0 0 1.5rem;padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:720px;font-size:.8125rem}dl.rollen dt{font-weight:600;white-space:nowrap}dl.rollen dd{margin:0;color:var(--ink-soft)}@media(max-width:600px){dl.rollen{grid-template-columns:1fr;gap:.125rem}dl.rollen dd{margin-bottom:.5rem}}.bouwer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:1.5rem;align-items:start;margin-bottom:1.5rem}@media(max-width:900px){.bouwer{grid-template-columns:minmax(0,1fr)}}.blokken{min-width:0}.blok{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:.75rem;background:var(--surface)}.blokkop{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.bloknaam{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.blokknoppen{display:flex;gap:.75rem}.blokknoppen button[disabled]{opacity:.3;cursor:default}.blok textarea{width:100%;font:inherit}.blokstreep{border:0;border-top:1px solid var(--border);margin:.5rem 0}.opmaakbalk{display:flex;gap:.25rem;margin-bottom:.375rem}.chip.mini{padding:.125rem .5rem;font-size:.8125rem;line-height:1.4}.voorbeeldvenster{position:sticky;top:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:.5rem}.voorbeeldkop{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.voorbeeldkop .label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.voorbeeldvenster iframe{display:block;width:100%;height:60vh;border:1px solid var(--border);background:#fff}.scheiding{display:inline-block;width:1px;align-self:stretch;min-height:1.25rem;background:var(--border);margin:0 .25rem}.wijzekeuze{max-width:720px;margin:3rem auto;text-align:center}.wijzekaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.wijzekaart{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer}.wijzekaart:hover,.wijzekaart:focus-visible{border-color:var(--accent, var(--ink))}.wijzenaam{font-size:1.0625rem;font-weight:600}.wijzeuitleg{font-size:.875rem;color:var(--ink-soft);line-height:1.5}.wijzebalk{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.5rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);font-size:.875rem}.wijzebalk .label{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.wijzebalk.preorder{background:var(--bg);box-shadow:inset 0 2px 0 var(--ink)}tr.uitklap>td{background:var(--bg);padding:1rem 1rem 1.25rem}.domeinbeheer table.lines{margin-top:.5rem}.domeinstand{display:inline-block;font-size:.75rem;padding:.0625rem .5rem;border:1px solid var(--border);border-radius:999px;white-space:nowrap}.domeinstand.hier{border-color:#4a8a5f;color:#2f6f45}.domeinstand.elders,.domeinstand.onbereikbaar{border-color:#c47a3a;color:#9a5a22}.domeinstand.lokaal,.domeinstand.overgeslagen{color:var(--ink-soft)}@media(prefers-color-scheme:dark){.domeinstand.hier{color:#8fc79c;border-color:#3f6d4c}.domeinstand.elders,.domeinstand.onbereikbaar{color:#e0a36d;border-color:#7a5230}}ul.sleutels{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.25rem;font-size:.875rem}ul.sleutels li:before{display:inline-block;width:1.25rem}ul.sleutels li.open:before{content:"●";color:#2f6f45}ul.sleutels li.dicht:before{content:"○";color:var(--ink-soft)}