.debiteur-portaal{min-height:100vh;background:#fff;color:var(--ink);display:flex;justify-content:center}.debiteur-portaal-inner{width:100%;max-width:390px;padding:16px 16px 28px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "naam" "cred" "saldo" "spec" "acties"}.debiteur-portaal-inner--regeling{display:block;max-width:390px}.debiteur-portaal-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.debiteur-portaal-logo{height:28px;width:auto;max-width:168px;object-fit:contain;display:block}.debiteur-portaal-ref{margin-left:auto;font-size:13px;color:var(--text-muted)}.debiteur-portaal-debtor{grid-area:naam;margin-top:8px;font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.debiteur-portaal-creditor{grid-area:cred;margin-top:2px;font-size:14px;color:var(--text-secondary)}.debiteur-portaal-saldo{grid-area:saldo;margin:14px 0 8px;padding:14px 16px;background:var(--bg-accent);border-radius:var(--radius-card)}.debiteur-portaal-saldo-label{font-size:12px;color:var(--text-secondary)}.debiteur-portaal-saldo-bedrag{margin-top:2px;font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.debiteur-portaal-spec{grid-area:spec;margin-top:2px}.debiteur-portaal-post{display:grid;grid-template-columns:minmax(0,1fr) 7.5em;grid-column-gap:12px;column-gap:12px;align-items:start;padding:10px 0}.debiteur-portaal-post.is-totaal{margin-top:2px;padding-top:12px;border-top:1px solid var(--border)}.debiteur-portaal-post-kop{min-width:0}.debiteur-portaal-post-label{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}.debiteur-portaal-post-label.is-rustig{font-weight:400}.debiteur-portaal-post-sub{margin-top:2px;font-size:12px;color:var(--text-muted)}.debiteur-portaal-post-bedrag{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.debiteur-portaal-download{line-height:0}.debiteur-portaal-download,.debiteur-portaal-i{display:inline-flex;color:var(--text-muted);flex-shrink:0}.debiteur-portaal-i{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-strong);background:transparent;font-size:10px;font-style:italic;font-weight:600;line-height:1;align-items:center;justify-content:center;padding:0}.debiteur-portaal-acties{grid-area:acties;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:16px}.debiteur-portaal-acties .debiteur-portaal-adres,.debiteur-portaal-acties .debiteur-portaal-bericht,.debiteur-portaal-acties>*{width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0}.debiteur-portaal-acties .btn{box-sizing:border-box;width:100%;max-width:100%;justify-content:center;min-height:44px}.debiteur-portaal-acties .debiteur-portaal-mobiel-uitleg,.debiteur-portaal-acties input,.debiteur-portaal-acties select,.debiteur-portaal-acties textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;margin-left:0;margin-right:0}.debiteur-portaal-acties .debiteur-portaal-mobiel-uitleg{padding-left:0;padding-right:0}.debiteur-portaal-betaal,.debiteur-portaal-betaal.btn-primary{gap:10px;background:#CC0066;border-color:#CC0066;color:#fff}.debiteur-portaal-betaal.btn-primary:hover,.debiteur-portaal-betaal:hover{background:#CC0066;border-color:#CC0066;filter:brightness(1.06)}.debiteur-portaal-ideal{height:22px;width:auto;display:block;border-radius:3px}.debiteur-portaal-bericht{display:flex;flex-direction:column;gap:10px}.debiteur-portaal-bericht textarea,.debiteur-portaal-mobiel,.debiteur-portaal-veld input,.debiteur-portaal-veld select{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm,8px);background:#fff;color:var(--ink);font:inherit;font-size:14px}.debiteur-portaal-bericht textarea{min-height:96px;resize:vertical}.debiteur-portaal-mobiel-uitleg{margin:0;font-size:13px;color:var(--text-secondary)}.debiteur-portaal-fout{color:var(--text-danger);font-size:13px}.debiteur-portaal-ok{color:var(--text-success);font-size:13px;text-align:center}.debiteur-portaal-regeling-titel{margin:22px 0 0;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.debiteur-portaal-getroffen{margin:12px 0 0;padding:12px 14px;border-radius:var(--radius-card);background:var(--bg-accent);color:var(--brand);font-size:13px;line-height:1.4}.debiteur-portaal-getroffen strong{display:block;margin-bottom:2px;font-size:14px}.debiteur-portaal-termijnen{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.debiteur-portaal-termijn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius-sm,8px);background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.debiteur-portaal-termijn.is-actief{background:var(--bg-accent)}.debiteur-portaal-termijn:disabled{opacity:.72;cursor:default}.debiteur-portaal-termijn-n{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 6px;border-radius:6px;background:var(--brand);color:#fff;font-size:11px;font-weight:700}.debiteur-portaal-veld{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:13px;color:var(--text-secondary)}.debiteur-portaal-spelregels{margin-top:22px}.debiteur-portaal-spelregels-titel{margin-bottom:8px;font-size:14px;font-weight:700;color:var(--brand)}.debiteur-portaal-spelregels p{margin:0 0 4px;font-size:13px;color:var(--text-secondary)}.debiteur-portaal-adres{display:flex;flex-direction:column;gap:4px}.debiteur-portaal-adres-titel{font-size:15px;font-weight:700;color:var(--ink)}.debiteur-portaal-adres-rij{display:grid;grid-template-columns:7.5em minmax(0,1fr);grid-gap:8px;gap:8px}.debiteur-portaal-adres .btn{margin-top:10px}.debiteur-portaal-dicht{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#fff;color:var(--ink);text-align:center;font-size:15px}@media (min-width:880px){.debiteur-portaal-inner:not(.debiteur-portaal-inner--regeling){max-width:1100px;padding:28px 40px 48px;column-gap:56px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-areas:"top top" "naam saldo" "cred saldo" "spec acties";align-items:start}.debiteur-portaal-top{padding-bottom:0;margin-bottom:28px;border-bottom:0}.debiteur-portaal-logo{height:32px;max-width:190px}.debiteur-portaal-debtor{margin-top:0;font-size:26px}.debiteur-portaal-saldo{width:100%;margin:0}.debiteur-portaal-acties{width:100%;margin-top:12px}.debiteur-portaal-spec{margin-top:18px}}