/* Kosten koper-tool - gescoped onder .kmk-kk zodat niets in het thema botst */
.kmk-kk{--navy:#0D2B45;--blue:#1E5FD2;--sky:#3DB7E4;--orange:#FF9F00;--papier:#F5F8FB;--papier-2:#EEF4F9;--border:#DCE6EF;--border-soft:#EAF0F6;--ink:#14293D;--text:#33495F;--muted:#5B7186;font-family:'Inter',system-ui,sans-serif;color:var(--text);line-height:1.55;color-scheme:light;max-width:920px;margin:0 auto}
.kmk-kk *{box-sizing:border-box}
.kmk-kk .kk-head{margin-bottom:22px}
.kmk-kk .kk-eye{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kmk-kk .kk-eye::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--orange)}
.kmk-kk .kk-title{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:28px;font-weight:800;color:var(--navy);margin:10px 0 6px;letter-spacing:-.01em;line-height:1.15}
.kmk-kk .kk-lead{font-size:16px;color:var(--text);max-width:620px;margin:0}
.kmk-kk .kk-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:26px;align-items:start}
.kmk-kk .kk-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 6px 22px rgba(13,43,69,.05)}
.kmk-kk .kk-h2{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:18px;font-weight:700;color:var(--navy);margin:0 0 16px}
.kmk-kk .kk-label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin:0 0 6px}
.kmk-kk .kk-field{margin-bottom:18px}
.kmk-kk input[type=number]{width:100%;font-family:'Inter',system-ui,sans-serif;font-size:16px;color:var(--ink);padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;margin:0;line-height:normal}
.kmk-kk input[type=number]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,95,210,.12)}
.kmk-kk .kk-euro{position:relative}
.kmk-kk .kk-euro>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px;pointer-events:none}
.kmk-kk .kk-euro input{padding-left:26px}
.kmk-kk .kk-seg{display:flex;gap:8px;flex-wrap:wrap}
.kmk-kk .kk-seg button{flex:1 1 auto;font-family:'Inter',system-ui,sans-serif;font-size:13.5px;font-weight:600;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .15s;margin:0}
.kmk-kk .kk-seg button:hover{border-color:var(--blue)}
.kmk-kk .kk-seg button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.kmk-kk .kk-opt{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.kmk-kk .kk-opt input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);flex:0 0 auto;margin:0}
.kmk-kk .kk-naam{flex:1;font-size:14px;color:var(--ink)}
.kmk-kk .kk-bedrag{width:104px;flex:0 0 auto}
.kmk-kk .kk-bedrag input{width:100%;font-size:14px;padding:7px 9px 7px 22px}
.kmk-kk .kk-bedrag.kk-euro>span{font-size:13px;left:9px}
.kmk-kk .kk-hint{font-size:12px;color:var(--muted);margin:6px 0 0}
.kmk-kk .kk-uit{position:sticky;top:20px}
.kmk-kk .kk-rows{margin:0 0 14px}
.kmk-kk .kk-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:14px}
.kmk-kk .kk-row .kk-lbl{color:var(--text)}
.kmk-kk .kk-row .kk-val{font-variant-numeric:tabular-nums;font-weight:600;color:var(--navy);white-space:nowrap}
.kmk-kk .kk-row.kk-nul .kk-val{color:var(--muted)}
.kmk-kk .kk-totaal{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;padding-top:14px;border-top:2px solid var(--navy)}
.kmk-kk .kk-totaal-lbl{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-weight:700;color:var(--navy);font-size:16px}
.kmk-kk .kk-totaal-val{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-weight:800;color:var(--navy);font-size:26px;font-variant-numeric:tabular-nums}
.kmk-kk .kk-pct{font-size:12.5px;color:var(--muted);text-align:right;margin:4px 0 0}
.kmk-kk .kk-melding{background:var(--papier-2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:13px;color:var(--ink);margin-top:14px}
.kmk-kk .kk-melding b{color:var(--navy)}
.kmk-kk .kk-disc{margin-top:24px;font-size:12.5px;color:var(--muted);line-height:1.6;max-width:820px}
.kmk-kk .kk-disc b{color:var(--ink)}
@media(max-width:760px){.kmk-kk .kk-grid{grid-template-columns:1fr;gap:16px;margin-top:20px}.kmk-kk .kk-uit{position:static}.kmk-kk .kk-title{font-size:24px}.kmk-kk .kk-card{padding:20px}.kmk-kk .kk-totaal-val{font-size:24px}}
@media(max-width:380px){.kmk-kk .kk-bedrag{width:92px}.kmk-kk .kk-seg button{font-size:13px;padding:10px 8px}}