@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&family=Inter:wght@400;500&family=Libre+Baskerville:wght@400;700&family=Montserrat:wght@500;700&family=Roboto:wght@400;500&display=swap";:root{--kb-marine-900:#0c1829;--kb-marine-700:#14263f;--kb-marine-500:#3e5c76;--kb-marine-200:#c7d3df;--kb-marine-50:#eef2f6;--kb-messing-600:#b98a46;--kb-messing-500:#c9a05c;--kb-messing-100:#f0e3cc;--kb-krijt:#f7f4ee;--kb-wit:#fff;--kb-succes:#2e7d5b;--kb-waarschuwing:#b97b2a;--kb-gevaar:#b0413e;--bg-page:var(--kb-krijt);--bg-card:var(--kb-wit);--bg-subtle:var(--kb-marine-50);--bg-brand:var(--kb-marine-700);--bg-accent-soft:var(--kb-messing-100);--text-hi:var(--kb-marine-900);--text-mid:#4a5a6b;--text-low:#8494a5;--text-on-brand:var(--kb-krijt);--text-accent:var(--kb-messing-600);--accent:var(--kb-messing-500);--accent-hover:var(--kb-messing-600);--border-default:var(--kb-marine-200);--border-strong:var(--kb-marine-500);--focus-ring:0 0 0 3px #c9a05c59;--knop-primair-bg:var(--kb-marine-700);--knop-primair-bg-hover:var(--kb-marine-900);--knop-primair-fg:var(--kb-krijt);--font-brand:"Fraunces", Georgia, serif;--font-ui:"Inter", -apple-system, "Segoe UI", sans-serif;--radius-control:8px;--radius-card:12px;--pad-card:20px}[data-theme=dark]{--bg-page:var(--kb-marine-900);--bg-card:var(--kb-marine-700);--bg-subtle:#1a2e4a;--bg-brand:var(--kb-marine-700);--bg-accent-soft:#33405230;--text-hi:var(--kb-krijt);--text-mid:#9fb0c3;--text-low:#6b7e94;--text-accent:var(--kb-messing-500);--border-default:#263b55;--border-strong:var(--kb-marine-500);--knop-primair-bg:var(--kb-krijt);--knop-primair-bg-hover:#fff;--knop-primair-fg:var(--kb-marine-900)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page:var(--kb-marine-900);--bg-card:var(--kb-marine-700);--bg-subtle:#1a2e4a;--bg-brand:var(--kb-marine-700);--bg-accent-soft:#33405230;--text-hi:var(--kb-krijt);--text-mid:#9fb0c3;--text-low:#6b7e94;--text-accent:var(--kb-messing-500);--border-default:#263b55;--border-strong:var(--kb-marine-500);--knop-primair-bg:var(--kb-krijt);--knop-primair-bg-hover:#fff;--knop-primair-fg:var(--kb-marine-900)}}.kb-amount{font-variant-numeric:tabular-nums}.kb-marge{font-family:var(--font-brand);color:var(--text-accent);font-variant-numeric:tabular-nums}*{box-sizing:border-box;margin:0}body{font-family:var(--font-ui);background:var(--bg-page);color:var(--text-hi)}.login-wrap{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=760px){.login-wrap{grid-template-columns:1fr}}.login-brand{background:var(--kb-marine-700);color:var(--kb-krijt);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;display:flex}.login-monogram{background:var(--kb-marine-900);width:64px;height:64px;color:var(--kb-messing-500);font-family:var(--font-brand);border:1.5px solid #c9a05c66;border-radius:14px;justify-content:center;align-items:center;font-size:28px;display:flex}.login-wordmark{font-family:var(--font-brand);font-size:40px;font-weight:500}.login-wordmark span{color:var(--kb-messing-500)}.login-tagline{color:var(--kb-marine-200);font-size:15px}.login-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;place-self:center;gap:18px;width:min(400px,90%);padding:32px;display:flex}.login-card label{color:var(--text-mid);flex-direction:column;gap:6px;font-size:14px;display:flex}.login-card input{height:42px;font-size:15px;font-family:var(--font-ui);color:var(--text-hi);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-control);padding:0 12px}.login-card input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.login-card button{border-radius:var(--radius-control);background:var(--knop-primair-bg);height:44px;color:var(--knop-primair-fg);font-size:15px;font-weight:500;font-family:var(--font-ui);cursor:pointer;border:none}.login-card button:hover{background:var(--knop-primair-bg-hover)}.login-card button:disabled{opacity:.6;cursor:default}.login-fout{color:var(--kb-gevaar);font-size:14px}.welkom-wrap{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;display:flex}.welkom-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;padding:24px;display:flex}.welkom-card h1{font-family:var(--font-brand);font-size:30px;font-weight:500}.welkom-account{color:var(--text-accent)}.welkom-card p{color:var(--text-mid);line-height:1.6}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.zijbalk{background:var(--kb-marine-700);color:var(--kb-krijt);flex-direction:column;padding:18px 0;display:flex}.zijbalk-merk{align-items:center;gap:10px;padding:0 18px 18px;display:flex}.monogram-klein{background:var(--kb-marine-900);width:34px;height:34px;color:var(--kb-messing-500);font-family:var(--font-brand);border:1px solid #c9a05c66;border-radius:9px;justify-content:center;align-items:center;font-size:15px;display:flex}.zijbalk-titel{font-family:var(--font-brand);font-size:18px}.zijbalk-titel span{color:var(--kb-messing-500)}.zijbalk nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:#9fb0c3;cursor:pointer;border-left:3px solid #0000;padding:10px 18px;font-size:14px}.nav-item.actief{color:var(--kb-krijt);border-left-color:var(--kb-messing-500);background:#ffffff0a}.nav-item.uitgeschakeld{opacity:.45;cursor:default}.zijbalk-voet{flex-direction:column;gap:8px;padding:12px 18px 0;font-size:13px;display:flex}.zijbalk-voet .stil{color:#9fb0c3}.inhoud{background:var(--bg-page);padding:28px 32px}.pagina{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;display:flex}.pagina-kop{justify-content:space-between;align-items:center;display:flex}.pagina-kop h1{font-family:var(--font-brand);font-size:26px;font-weight:500}.knop-primair{border-radius:var(--radius-control);background:var(--knop-primair-bg);height:40px;color:var(--knop-primair-fg);font-size:14px;font-weight:500;font-family:var(--font-ui);cursor:pointer;border:none;padding:0 18px}.knop-primair:hover{background:var(--knop-primair-bg-hover)}.knop-primair:disabled{opacity:.5;cursor:default}.knop-stil{border-radius:var(--radius-control);height:36px;color:inherit;border:1px solid var(--border-default);font-size:13px;font-family:var(--font-ui);cursor:pointer;background:0 0;padding:0 14px}.filter-rij{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{background:var(--bg-card);height:32px;color:var(--text-mid);border:1px solid var(--border-default);cursor:pointer;font-size:13px;font-family:var(--font-ui);border-radius:99px;padding:0 14px}.filter-chip.actief{background:var(--kb-marine-700);color:var(--kb-krijt);border-color:var(--kb-marine-700)}.tabel{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-card);width:100%;overflow:hidden}.tabel th{text-align:left;color:var(--text-low);border-bottom:1px solid var(--border-default);padding:10px 14px;font-size:12px;font-weight:500}.tabel td{border-bottom:1px solid var(--border-default);padding:12px 14px;font-size:14px}.tabel tbody tr:last-child td{border-bottom:none}.tabel tbody tr:nth-child(2n){background:var(--bg-subtle)}.rechts{text-align:right}.mono{font-variant-numeric:tabular-nums;font-weight:500}.merk-badge{background:var(--bg-subtle);color:var(--kb-marine-500);border-radius:99px;padding:3px 10px;font-size:12px}.status-badge{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12px}.s-AANVRAAG{background:var(--bg-subtle);color:var(--kb-marine-500)}.s-OFFERTE_OPGEMAAKT,.s-OFFERTE_VERSTUURD{background:var(--kb-messing-100);color:#7a5a28}.s-BEVESTIGD{color:#1f5540;background:#e4efe9}.s-VERLOREN,.s-GEANNULEERD{color:#7c2b29;background:#f2dedd}.leeg{background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--radius-card);text-align:center;flex-direction:column;gap:6px;padding:40px;display:flex}.stil{color:var(--text-low)}.klein{font-size:13px}.fout{color:var(--kb-gevaar);font-size:14px}.overlay{background:#0c18298c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.paneel{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-default);flex-direction:column;gap:14px;width:min(520px,100%);max-height:90vh;padding:26px;display:flex;overflow:auto}.paneel h2{font-family:var(--font-brand);font-size:21px;font-weight:500}.paneel label{color:var(--text-mid);flex-direction:column;flex:1;gap:5px;font-size:13px;display:flex}.paneel input,.paneel select{height:40px;font-size:14px;font-family:var(--font-ui);color:var(--text-hi);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-control);padding:0 10px}.paneel input:focus,.paneel select:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.veld-rij{gap:12px;display:flex}.paneel-acties{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.klikbaar{cursor:pointer}.klikbaar:hover td{background:var(--bg-accent-soft)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.kaart{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;gap:10px;padding:18px;display:flex}.kaart h3{color:var(--text-low);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:500}.kaart dl{grid-template-columns:90px 1fr;gap:6px 10px;margin:0;font-size:14px;display:grid}.kaart dt{color:var(--text-low)}.kaart dd{margin:0}.actie-kolom{flex-direction:column;gap:8px;display:flex}.notitie{white-space:pre-wrap;font-size:14px;line-height:1.6}.log{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.log li{align-items:baseline;gap:12px;font-size:14px;display:flex}.log li .klein{min-width:150px}.offerte-pagina{max-width:1240px}.bouwer{grid-template-columns:240px 1fr 250px;align-items:start;gap:14px;display:grid}@media (width<=1000px){.bouwer{grid-template-columns:1fr}}.bouwer-links{position:sticky;top:16px}.bouwer-links input{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-card);height:38px;color:var(--text-hi);padding:0 10px;font-size:14px}.product-lijst{flex-direction:column;gap:4px;max-height:420px;display:flex;overflow-y:auto}.product-item{text-align:left;border-radius:var(--radius-control);color:var(--text-hi);cursor:pointer;font-size:13px;font-family:var(--font-ui);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.product-item:hover{border-color:var(--accent);background:var(--bg-accent-soft)}.product-item:disabled{opacity:.5;cursor:default}.bouwer-midden{flex-direction:column;gap:12px;display:flex}.sectie{cursor:pointer}.sectie-actief{border-color:var(--accent)}.lijnen{border-collapse:collapse;width:100%}.lijnen td{border-bottom:1px solid var(--border-default);padding:6px 8px;font-size:14px}.lijnen tr:last-child td{border-bottom:none}.lijn-naam{width:45%}.mini{border:1px solid var(--border-default);background:var(--bg-card);width:76px;height:32px;color:var(--text-hi);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 8px;font-size:13px}.lijn-weg{color:var(--kb-gevaar);cursor:pointer;background:0 0;border:none;font-size:16px}.totalen{grid-template-columns:1fr auto;gap:6px 10px;margin:0;font-size:14px;display:grid}.totalen dd{margin:0}.totaal-groot{font-size:16px;font-weight:500}.marge-blok{border-radius:var(--radius-control);background:var(--bg-accent-soft);flex-direction:column;gap:2px;margin-top:6px;padding:14px;display:flex}.marge-label{color:var(--text-accent);font-size:12px}.marge-cijfer{font-family:var(--font-brand);color:var(--text-accent);font-variant-numeric:tabular-nums;font-size:30px}.verstuur-link{border:1px dashed var(--border-strong);border-radius:var(--radius-control);flex-direction:column;gap:6px;padding:12px;display:flex}.verstuur-link code{word-break:break-all;color:var(--text-accent);font-size:11px}.pub-wrap{background:#f7f4ee;justify-content:center;min-height:100vh;padding:32px 16px;font-family:Inter,sans-serif;display:flex}.pub-kaart{color:#0c1829;background:#fff;border:1px solid #c7d3df;border-radius:14px;width:min(760px,100%);padding:36px}.pub-kop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.pub-merk{color:#b98a46;margin:0 0 4px;font-family:Fraunces,Georgia,serif;font-size:15px}.pub-kop h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:500}.pub-sub{color:#4a5a6b;margin:6px 0 0;font-size:14px}.pub-print{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c7d3df;border-radius:8px;height:36px;padding:0 14px;font-size:13px}.pub-banner{border-radius:10px;margin:12px 0;padding:12px 16px;font-size:14px}.pub-banner-ok{color:#1f5540;background:#e4efe9}.pub-banner-waarschuwing{color:#7a4e16;background:#f5e7d2}.pub-intro{color:#26374a;white-space:pre-wrap;font-size:14px;line-height:1.7}.pub-sectie h2{margin:18px 0 6px;font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:500}.pub-sectie table{border-collapse:collapse;width:100%}.pub-sectie td{border-bottom:1px solid #eef2f6;padding:8px 6px;font-size:14px}.pub-rechts{text-align:right;white-space:nowrap}.pub-stil{color:#6b7a8c}.pub-klein{font-size:13px}.pub-fout{color:#b0413e;font-size:14px}.pub-totalen{border-top:2px solid #14263f;flex-direction:column;gap:5px;margin:18px 0 6px;padding-top:10px;font-size:14px;display:flex}.pub-totalen>div{justify-content:space-between;display:flex}.pub-totaal{color:#14263f;font-family:Fraunces,Georgia,serif;font-size:19px}.pub-bevestig{background:#f7f4ee;border-radius:12px;flex-direction:column;gap:12px;margin-top:22px;padding:20px;display:flex}.pub-bevestig h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:500}.pub-bevestig input[type=text],.pub-bevestig input:not([type]),.pub-bevestig input[placeholder]{border:1px solid #c7d3df;border-radius:8px;height:42px;padding:0 12px;font-size:15px}.pub-check{color:#4a5a6b;align-items:flex-start;gap:10px;font-size:13px;display:flex}.pub-check input{margin-top:2px}.pub-bevestig button[type=submit]{color:#f7f4ee;cursor:pointer;background:#14263f;border:none;border-radius:8px;height:46px;font-size:15px;font-weight:500}.pub-bevestig button[type=submit]:disabled{opacity:.5;cursor:default}.pub-vraag{margin-top:18px}.pub-vraag-rij{gap:8px;display:flex}.pub-vraag-rij input{border:1px solid #c7d3df;border-radius:8px;flex:1;height:38px;padding:0 12px;font-size:14px}.pub-vraag-rij button{cursor:pointer;background:#fff;border:1px solid #c7d3df;border-radius:8px;height:38px;padding:0 14px;font-size:13px}.pub-voet{text-align:center;color:#8494a5;margin-top:24px;font-size:11px}@media print{.pub-wrap{background:#fff;padding:0}.pub-kaart{border:none;padding:0}.pub-print,.pub-bevestig,.pub-vraag,.pub-voet{display:none}}.tabel-wrap{overflow-x:auto}.cat-titel{font-family:var(--font-brand);color:var(--text-mid);margin:10px 0 6px;font-size:16px;font-weight:500}.zoekveld{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-card);height:38px;color:var(--text-hi);padding:0 12px;font-size:14px}.mini.smal{width:56px}.check-rij{align-items:center;gap:8px;flex-direction:row!important}.wachtwoord-veld{display:flex;position:relative}.wachtwoord-veld input{flex:1;padding-right:42px}.oogje{width:34px;height:34px;color:var(--text-low);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.oogje:hover{color:var(--text-mid);background:var(--bg-subtle)}.inst-label{color:var(--text-mid);flex-direction:column;gap:6px;font-size:13px;display:flex}.inst-label textarea{font-size:14px;font-family:var(--font-ui);color:var(--text-hi);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-control);resize:vertical;padding:10px}.inst-label input[type=number]{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-card);height:38px;color:var(--text-hi);padding:0 10px;font-size:14px}.kleur-rij{align-items:center;gap:10px;display:flex}.kleur-rij input[type=color]{border:1px solid var(--border-default);background:var(--bg-card);cursor:pointer;border-radius:6px;width:46px;height:34px;padding:2px}.logo-preview{align-items:center;gap:12px;display:flex}.logo-preview img{border:1px solid var(--border-default);background:#fff;border-radius:8px;max-width:160px;max-height:52px;padding:6px}.pub-logo{max-width:180px;max-height:48px;margin-bottom:6px;display:block}.staffel-info{max-width:420px;line-height:1.5}.trap-link{color:var(--text-accent);cursor:pointer;text-underline-offset:2px;text-decoration:underline}.trap-tabel{border-collapse:collapse;width:100%}.trap-tabel th{text-align:left;color:var(--text-low);padding:4px 6px;font-size:12px;font-weight:500}.trap-tabel td{padding:3px 6px}.font-voorbeeld{color:var(--text-hi);background:var(--bg-subtle);border-radius:var(--radius-control);padding:10px 14px;font-size:17px}