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}.bmid{display:grid;grid-template-columns:5fr 7fr;gap:16px;align-items:start}.bmid,.bmid__paneel{font-size:11px;line-height:1.45;color:#024d65}@media(max-width:768px){.bmid,.bmid__paneel{grid-template-columns:1fr}}.bmid__paneel{background:#fff;border:1px solid rgba(2,77,101,.12);border-radius:8px;box-shadow:0 6px 24px rgba(2,77,101,8%);overflow:hidden}.bmid__kop{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(2,77,101,.1)}.bmid__paneel--lijst .bmid__kop{background:rgba(2,77,101,4%)}.bmid__titel{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.15}.bmid__plus,.bmid__sluit{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.bmid__plus svg,.bmid__sluit svg{width:12px;height:12px}.bmid__plus{border:1.5px solid #00be00;border-radius:999px;color:#00be00}.bmid__sluit{color:rgba(2,77,101,.45)}.bmid__lijst{margin:0;padding:0;list-style:none}.bmid__regel{display:grid;grid-template-columns:1fr auto;grid-template-areas:"naam bedrag" "wanneer bedrag";align-items:center;gap:0 12px;padding:8px 16px;border-bottom:1px solid rgba(2,77,101,7%)}.bmid__naam{grid-area:naam;color:#39c;font-weight:600}.bmid__wanneer{grid-area:wanneer;color:rgba(2,77,101,.62)}.bmid__bedrag{grid-area:bedrag;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bmid__regel--actief{background:rgba(51,153,204,7%);box-shadow:inset 3px 0 #3399cc}.bmid__totaal{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 16px;font-weight:700}.bmid__paneel--detail{background:linear-gradient(to bottom,#ffffff 0 44px,rgba(230,240,245,.45) 44px)}.bmid__gegevens{margin:0;padding:12px 16px 8px}.bmid__gegevens div{margin-bottom:12px}.bmid__gegevens div:last-child{margin-bottom:0}.bmid__gegevens dt{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(2,77,101,.55)}.bmid__gegevens dd{margin:1px 0 0;font-weight:600}.bmid__groot{font-size:14px;font-weight:700}.bmid__tabelkop{display:block;padding:0 16px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(2,77,101,.55)}.bmid__tabel{width:100%;border-collapse:collapse;background:#fff}.bmid__tabel th,.bmid__tabel td{padding:8px 16px;text-align:left;border-bottom:1px solid rgba(2,77,101,7%)}.bmid__tabel th{font-weight:700}.bmid__tabel th:not(:first-child),.bmid__tabel td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.bmid__tabel tr:last-child td{border-bottom:0}