html{--font-display:'Poppins', sans-serif;--font-body:'Source Sans 3', sans-serif}.app-shot-inner{--as-blauw:#1F6E9C;--as-merk:#3399cc;--as-link:#1F6E9C;--as-vlak:#eef1f4;--as-kaart:#ffffff;--as-lijn:#e2e8ed;--as-inkt:#303e48;--as-inkt-zacht:#5c6b76;--as-gedempt:#8a97a1;--as-groen-vlak:#d8f0de;--as-groen-inkt:#1A6835;--as-rood:#C8342B;--as-geel:#f0ad3e;--as-paars:#8E4BA8;--as-radius:9px}.app-shot-inner{--fa-blauw:#3399cc;--fa-top-a:#359bce;--fa-top-b:#4ab7d7;--fa-vlak:#dadee6;--fa-tint:#eff9fd;--fa-inkt:#28272a;--fa-inkt-2:#5c6264;--fa-inkt-3:#8b9296;--fa-lijn:#ececed;--fa-lijn-2:#c1c2c4;--fa-groen:#00BE00;--fa-groen-vlak:#ebf8e9;--fa-groen-inkt:#28aa11;--fa-selectie:#dbeef7}.fopt,.pbon{background:#fff;font-family:var(--font-body);color:#3c4c52;font-size:18px}.fopt__kop,.pbon__kop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}.fopt__sluit{color:#4c6b81;font-size:20px;line-height:1}.fopt__opties{margin:16px 20px;border:1px solid #e2e8f0;border-radius:8px}.fopt__balk{display:flex;justify-content:flex-end;padding:8px 12px;border-bottom:1px solid #e2e8f0}.fopt__minder{color:#1f6e9c;font-weight:600}.fopt__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;list-style:none;margin:0;padding:8px 12px}.fopt__optie{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid #e2e8f0;color:#1f6e9c;font-weight:600;white-space:nowrap}.fopt__optie svg{flex-shrink:0;color:#3c4c52}.fopt__optie--aan{border-radius:4px;background:#e6f0f5}.fopt__klant{display:grid;row-gap:4px;margin:0 20px 20px;padding:16px;border-radius:8px;background:var(--fa-tint)}.fopt__label,.pbon__label{display:block;color:#4c6b81;font-size:18px}.fopt__naam{color:#1f6e9c;font-weight:700}.fopt__datums{display:flex;gap:24px;margin-top:8px;font-weight:700}.pbon__afzender{font-family:var(--font-display);font-weight:800;color:#39c}.pbon__aan{display:grid;padding:16px 20px 0}.pbon__klant{font-weight:700}.pbon__datum{display:flex;align-items:baseline;gap:12px;padding:12px 20px 16px}.pbon__datum .pbon__label{display:inline}.pbon__tabel{width:calc(100% - 2 * 20px);margin:0 20px 20px;border-collapse:collapse}.pbon__tabel th,.pbon__tabel td{padding:8px 0;border-bottom:1px solid #e2e8f0;text-align:left}.pbon__tabel th{font-weight:700}.pbon__tabel th:last-child,.pbon__tabel td:last-child{text-align:right;font-variant-numeric:tabular-nums}