/* GXJ System 1.0.0 | laag document | laden na een themabundel | https://system.gxj.world */
:where(:root){--gx-doc-width:794px;--gx-doc-pad:clamp(28px,6vw,64px);--gx-doc-size:13px;--gx-doc-no-size:28px;--gx-doc-total-size:22px;--gx-doc-radius:6px;--gx-doc-paper:#f7f5f2;--gx-doc-desk:var(--gx-bg-2);--gx-doc-panel:#efebe6;--gx-doc-ink:#5a5654;--gx-doc-ink-strong:#3e3a37;--gx-doc-ink-soft:rgba(90,86,84,.72);--gx-doc-rule:rgba(90,86,84,.16);--gx-doc-rule-strong:rgba(90,86,84,.34);--gx-doc-line:linear-gradient(90deg,#898582,#d9d4cd 50%,#898582);--gx-doc-paid:#2f7d55;--gx-doc-shadow:0 30px 80px rgba(0,0,0,.28)}
.gx-doc-sheet{padding:clamp(12px,3vw,32px);background:var(--gx-doc-desk)}
.gx-doc{box-sizing:border-box;width:100%;max-width:var(--gx-doc-width);margin:0 auto;padding:var(--gx-doc-pad);display:flex;flex-direction:column;gap:clamp(22px,3.4vw,34px);background:var(--gx-doc-paper);color:var(--gx-doc-ink);font-family:var(--gx-font-body);font-size:var(--gx-doc-size);line-height:1.5;border-radius:var(--gx-doc-radius);box-shadow:var(--gx-doc-shadow);position:relative;overflow:hidden}
.gx-doc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gx-doc-line)}
.gx-doc__head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.gx-doc__brand{--h:10px;display:flex;align-items:center;gap:calc(var(--h)*.9);color:var(--gx-doc-ink-strong)}
.gx-doc__mark{width:calc(var(--h)*2.6);height:calc(var(--h)*2.6);background:currentColor;-webkit-mask:var(--mark) center/contain no-repeat;mask:var(--mark) center/contain no-repeat}
.gx-doc__wm{height:var(--h);width:auto;display:block}
.gx-doc__unit{font-family:var(--gx-font-title);font-size:calc(var(--h)*2);letter-spacing:.2em;text-transform:uppercase;line-height:calc(var(--h)*1.3);padding:0 0 .18em calc(var(--h)*.9);border-left:1px solid currentColor}
.gx-doc__title{text-align:right}
.gx-doc__eyebrow{margin:0 0 6px;display:flex;gap:8px;justify-content:inherit;align-items:center;font-family:var(--gx-font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gx-doc-ink-soft)}
.gx-doc__title .gx-doc__eyebrow{justify-content:flex-end}
.gx-doc__no{margin:0;font-family:var(--gx-font-display);font-weight:400;font-size:var(--gx-doc-no-size);line-height:1;letter-spacing:var(--gx-tracking-tight);color:var(--gx-doc-ink-strong);font-variant-numeric:tabular-nums}
.gx-doc__status{padding:2px 7px;border-radius:6px;border:1px solid currentColor;font-size:9px}
.gx-doc__status--concept{color:var(--gx-doc-ink-soft)}
.gx-doc__status--betaald{color:var(--gx-doc-paid);border-color:var(--gx-doc-paid)}
.gx-doc__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin:0;padding:16px 0;border-top:1px solid var(--gx-doc-rule);border-bottom:1px solid var(--gx-doc-rule)}
.gx-doc__meta div{display:flex;flex-direction:column;gap:3px}
.gx-doc__meta dt{font-family:var(--gx-font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-doc-ink-soft)}
.gx-doc__meta dd{margin:0;color:var(--gx-doc-ink-strong);font-variant-numeric:tabular-nums}
.gx-doc__parties{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.gx-doc__parties>div{display:flex;flex-direction:column;gap:2px}
.gx-doc__parties strong{font-weight:400;font-size:calc(var(--gx-doc-size) + 2px);color:var(--gx-doc-ink-strong);margin-bottom:2px}
.gx-doc__lines{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.gx-doc__lines th,.gx-doc__lines td{padding:11px 8px;text-align:right;vertical-align:top;font-weight:400;border-bottom:1px solid var(--gx-doc-rule)}
.gx-doc__lines th:first-child{text-align:left;padding-left:0}
.gx-doc__lines td:last-child,.gx-doc__lines th:last-child{padding-right:0;color:var(--gx-doc-ink-strong)}
.gx-doc__lines thead th{font-family:var(--gx-font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-doc-ink-soft);border-bottom-color:var(--gx-doc-rule-strong)}
.gx-doc__lines tbody th{display:flex;flex-direction:column;gap:2px;color:var(--gx-doc-ink-strong)}
.gx-doc__lines tbody th small{font-size:calc(var(--gx-doc-size) - 2px);color:var(--gx-doc-ink-soft)}
.gx-doc__totals{align-self:flex-end;width:min(100%,340px);margin:0;display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums}
.gx-doc__totals div{display:flex;justify-content:space-between;gap:16px}
.gx-doc__totals dt{color:var(--gx-doc-ink-soft)}
.gx-doc__totals dd{margin:0;color:var(--gx-doc-ink-strong)}
.gx-doc__total{margin-top:6px;padding-top:12px;border-top:1px solid var(--gx-doc-rule-strong)}
.gx-doc__total dt{font-family:var(--gx-font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;align-self:center}
.gx-doc__total dd{font-family:var(--gx-font-display);font-size:var(--gx-doc-total-size);line-height:1}
.gx-doc__pay{padding:16px 18px;border-radius:12px;background:var(--gx-doc-panel)}
.gx-doc__pay p{margin:0}
.gx-doc__note{margin-top:6px!important;color:var(--gx-doc-ink-soft)}
.gx-doc__foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--gx-doc-rule);font-size:calc(var(--gx-doc-size) - 2px);color:var(--gx-doc-ink-soft)}
.gx-doc__payoff{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
@media (max-width:560px){.gx-doc__head{flex-direction:column}.gx-doc__title,.gx-doc__title .gx-doc__eyebrow{text-align:left;justify-content:flex-start}.gx-doc__parties{grid-template-columns:1fr}.gx-doc__lines thead th:nth-child(3),.gx-doc__lines tbody td:nth-child(3){display:none}}
@media print{
  @page{size:A4;margin:0}
  .gx-doc-sheet{padding:0;background:none}
  .gx-doc{max-width:none;min-height:297mm;border-radius:0;box-shadow:none;padding:18mm 16mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}