: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);--status-verstuurd-bg:#e9b85c;--status-verstuurd-fg:#33240a;--status-bevestigd-bg:#58c389;--status-bevestigd-fg:#07271a;--status-verloren-bg:#e07069;--status-verloren-fg:#330e0c;--melding-ok-bg:#e4efe9;--melding-ok-fg:#1f5540;--melding-let-op-bg:#fbe9d9;--melding-let-op-fg:#8a4b12;--melding-let-op-rand:#efcba6;--melding-waarschuwing-bg:#f5e7d2;--melding-waarschuwing-fg:#7a4e16;--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]{--melding-ok-bg:#123d2a;--melding-ok-fg:#cfead9;--melding-let-op-bg:#3a2412;--melding-let-op-fg:#f3d2b4;--melding-let-op-rand:#6b4322;--melding-waarschuwing-bg:#3a2c12;--melding-waarschuwing-fg:#f0ddb3;--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}@font-face{font-family:Fraunces;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fraunces-latin.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}@font-face{font-family:Libre Baskerville;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/libre-baskerville-latin.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/montserrat-latin.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-latin.woff2)format("woff2")}*{box-sizing:border-box;margin:0}:where(button,a,input,select,textarea,[tabindex]):focus-visible{box-shadow:var(--focus-ring);outline:none}.klikbaar:focus-visible td{background:var(--bg-accent-soft)}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}.klant-keuzelijst{flex-direction:column;gap:4px;display:flex}.klant-optie{text-align:left;border-radius:var(--radius-control);background:var(--bg-subtle);color:var(--text-mid);cursor:pointer;font:inherit;font-family:var(--font-ui);border:1px solid #0000;padding:8px 12px}.klant-optie:hover{border-color:var(--border-strong);color:var(--text-hi)}.klant-optie.actief{border-color:var(--kb-messing-500);color:var(--text-hi)}.merk-wissel{appearance:none;border:1px solid var(--border-default);color:var(--text-mid);font-family:var(--font-ui);cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238494A5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:99px;padding:4px 30px 4px 12px;font-size:12.5px;font-weight:600;transition:border-color .12s,color .12s}.merk-wissel:hover{border-color:var(--kb-messing-500);color:var(--text-hi)}.merk-wissel:disabled{opacity:.6;cursor:default}.status-badge{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.s-AANVRAAG{background:var(--bg-subtle);color:var(--text-mid);outline:1px dashed var(--border-strong);outline-offset:-1px}.s-OFFERTE_OPGEMAAKT{color:var(--text-accent);outline:1px dashed var(--kb-messing-500);outline-offset:-1px;background:#e9b85c29}.s-OFFERTE_VERSTUURD{background:var(--status-verstuurd-bg);color:var(--status-verstuurd-fg)}.s-BEVESTIGD{background:var(--status-bevestigd-bg);color:var(--status-bevestigd-fg)}.s-VERLOREN,.s-GEANNULEERD{background:var(--status-verloren-bg);color:var(--status-verloren-fg)}.opvolg-chip{background:var(--melding-let-op-bg);color:var(--melding-let-op-fg);white-space:nowrap;border-radius:99px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600}.opvolg-banner{background:var(--melding-let-op-bg);border:1px solid var(--melding-let-op-rand);border-radius:var(--radius-card);color:var(--melding-let-op-fg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.opvolg-banner p{margin:0}.agenda-nav{align-items:center;gap:6px;display:flex}.agenda-maand{text-align:center;text-transform:capitalize;min-width:140px;font-weight:500}.agenda-koppen{color:var(--text-low);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:4px;padding:0 2px;font-size:12px;display:grid}.agenda-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:4px;display:grid}.agenda-dag{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;flex-direction:column;gap:3px;min-height:92px;padding:4px;display:flex}.agenda-dag.buiten-maand{background:0 0;border-color:#0000}.agenda-dag.buiten-maand .agenda-dagnr{color:var(--text-low);opacity:.5}.agenda-dag.vandaag{border-color:var(--text-accent);border-width:1.5px}.agenda-dag.vandaag .agenda-dagnr{color:var(--text-accent);font-weight:600}.agenda-dagnr{color:var(--text-low);font-size:12px}.agenda-blok{text-align:left;cursor:pointer;width:100%;font:inherit;border:0;border-radius:5px;padding:3px 6px;line-height:1.25;display:block}.agenda-blok-titel{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;display:block;overflow:hidden}.agenda-blok-detail{opacity:.85;font-size:11px;display:block}.agenda-blok{transition:box-shadow .12s,transform .12s}.agenda-blok:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0f1b2d40}.ab-BEVESTIGD{background:var(--status-bevestigd-bg);color:var(--status-bevestigd-fg)}.ab-OFFERTE_VERSTUURD{background:var(--status-verstuurd-bg);color:var(--status-verstuurd-fg)}.ab-OFFERTE_OPGEMAAKT{color:var(--text-accent);outline:1px dashed var(--kb-messing-500);outline-offset:-1px;background:#e9b85c29}.ab-AANVRAAG{background:var(--bg-subtle);color:var(--text-mid);outline:1px dashed var(--border-strong);outline-offset:-1px}.status-stip{vertical-align:-1.5px;border-radius:4px;width:12px;height:12px;margin-right:7px;display:inline-block}.filter-scheiding{background:var(--border-default);align-self:stretch;width:1px;margin:0 4px}.detail-klap summary{cursor:pointer;color:var(--text-low);-webkit-user-select:none;user-select:none;margin-top:8px;font-size:13px}.detail-klap summary:hover{color:var(--text-accent)}.detail-klap[open] summary{margin-bottom:6px}.gesprek-rest{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text-low);background:0 0;border:0;padding:6px 0;font-size:13px;display:block}.gesprek-rest:hover{color:var(--text-accent)}.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}.actie-knoppen{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.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-hi);text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-size:13.5px;font-weight:700}.kaart dl{grid-template-columns:minmax(90px,max-content) minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px;display:grid}.kaart dt{color:var(--text-low)}.kaart dd{overflow-wrap:anywhere;margin:0}.actie-kolom{flex-direction:column;gap:8px;display:flex}.versie-lijst{border-top:1px solid var(--border-default);flex-direction:column;gap:4px;margin-top:12px;padding-top:10px;display:flex}.versie-rij{text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-control);color:var(--text-hi);cursor:pointer;font-size:13px;font-family:var(--font-ui);background:0 0;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 10px;display:flex}.versie-rij:hover{border-color:var(--accent);background:var(--bg-accent-soft)}.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{--pub-tekst:var(--kb-marine-900);--pub-tekst-mid:var(--kb-marine-500);--pub-tekst-laag:#647287;--pub-merk-kleur:#8a6224;--pub-ok-bg:#e4efe9;--pub-ok-fg:#1f5540;--pub-let-op-bg:#f5e7d2;--pub-let-op-fg:#7a4e16;background:var(--kb-krijt);justify-content:center;min-height:100vh;padding:32px 16px;font-family:Inter,sans-serif;display:flex}.pub-kaart{background:var(--kb-wit);border:1px solid var(--kb-marine-200);width:min(760px,100%);color:var(--kb-marine-900);border-radius:14px;padding:36px}.pub-kop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.pub-merk{color:var(--pub-merk-kleur);margin:0 0 4px;font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:700}.pub-kop h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:500}.pub-sub{color:var(--pub-tekst-mid);margin:6px 0 0;font-size:14px}.pub-print{border:1px solid var(--kb-marine-200);background:var(--kb-wit);cursor:pointer;white-space:nowrap;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{background:var(--pub-ok-bg);color:var(--pub-ok-fg)}.pub-banner-waarschuwing{background:var(--pub-let-op-bg);color:var(--pub-let-op-fg)}.pub-intro{color:var(--pub-tekst);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 var(--kb-marine-50);padding:8px 6px;font-size:14px}.pub-rechts{text-align:right;white-space:nowrap}.pub-stil{color:var(--pub-tekst-laag)}.pub-klein{font-size:13px}.pub-fout{color:var(--kb-gevaar);font-size:14px}.pub-totalen{border-top:2px solid var(--kb-marine-700);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:var(--kb-marine-700);font-family:Fraunces,Georgia,serif;font-size:19px}.pub-bevestig{background:var(--kb-krijt);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 var(--kb-marine-200);border-radius:8px;height:42px;padding:0 12px;font-size:15px}.pub-check{color:var(--pub-tekst-mid);align-items:flex-start;gap:10px;font-size:13px;display:flex}.pub-check input{margin-top:2px}.pub-bevestig button[type=submit]{background:var(--kb-marine-700);height:46px;color:var(--kb-krijt);cursor:pointer;border:none;border-radius:8px;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 var(--kb-marine-200);border-radius:8px;flex:1;height:38px;padding:0 12px;font-size:14px}.pub-vraag-rij button{border:1px solid var(--kb-marine-200);cursor:pointer;background:#fff;border-radius:8px;height:38px;padding:0 14px;font-size:13px}.pub-voet{text-align:center;color:var(--pub-tekst-laag);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}.mail-paneel{border-top:1px solid var(--border-default);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.mail-paneel h4{font-size:14px;font-family:var(--font-brand);margin:0}.mail-paneel input,.mail-paneel textarea{width:100%}.kaart-kop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.kaart-kop h3{margin:0}.aanvraag-form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.aanvraag-rij{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.aanvraag-rij{grid-template-columns:1fr}}.aanvraag-form label{color:var(--text-mid);flex-direction:column;gap:6px;font-size:14px;display:flex}.aanvraag-form input,.aanvraag-form select,.aanvraag-form textarea{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}.aanvraag-form textarea{resize:vertical;height:auto;padding:10px 12px}.aanvraag-form button{border-radius:var(--radius-control);color:#fff;height:46px;font-size:15px;font-weight:500;font-family:var(--font-ui);cursor:pointer;border:none}.aanvraag-form button:disabled{opacity:.6;cursor:default}.aanvraag-form .pot{position:absolute;top:-9999px;left:-9999px}.aanvraag-check{cursor:pointer;align-items:center;flex-direction:row!important;gap:10px!important}.aanvraag-check input{accent-color:currentColor;width:18px;height:auto}.aanvraag-bedrijf{border:1px solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;gap:14px;padding:14px;display:flex}.aanvraag-pc-rij{gap:8px;display:flex}.aanvraag-pc-rij input{flex:1}.nav-teller{background:var(--accent);color:var(--kb-marine-700);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:12px}.bericht-lijst{flex-direction:column;gap:10px;display:flex}.bericht{cursor:default}.bericht-kop{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bericht-kop strong{font-size:15px}.bericht-tekst{max-height:320px;font-family:var(--font-ui);white-space:pre-wrap;color:var(--text-mid);background:var(--bg-subtle);border-radius:var(--radius-control);margin:10px 0 0;padding:12px;font-size:13px;line-height:1.5;overflow:auto}.bericht-acties{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.bericht-acties button{font-size:13px}.antwoord{border-top:1px solid var(--border-default);padding:10px 0}.antwoord:first-of-type{border-top:none}.antwoord-uitgaand{border-left:3px solid var(--accent);padding-left:12px}.fiche-lijst{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.fiche-lijst li{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.koppeling-rij{border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);flex-direction:column;gap:10px;padding:12px 0;display:flex}.koppeling-url{align-items:center;gap:8px;display:flex}.koppeling-url code{background:var(--bg-subtle);border-radius:var(--radius-control);overflow-wrap:anywhere;flex:1;padding:8px 10px;font-size:12px}.bron-chip{opacity:.75;font-size:13px}.bron-salino{text-align:center;color:#8a744a;background:#b4975a22;border:1px solid #b4975a55;border-radius:6px;width:20px;height:20px;font-size:12px;font-weight:700;line-height:20px;display:inline-block}button.trap-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.rij-link{color:inherit;text-decoration:none}.rij-link:hover{text-decoration:underline}