@media (width<=760px){:where(:root[data-ontwerp=v2]) .ftl-vlak{z-index:905;left:0;right:0;top:calc(56px + env(safe-area-inset-top,0px));bottom:var(--tabbalk-h,84px);box-sizing:border-box;background:var(--bg);color:var(--ink);font:400 15px/1.45 var(--font-body);flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;overflow-y:auto}:where(:root[data-ontwerp=v2]) .ftl-vlak>*{flex-shrink:0}:where(:root[data-ontwerp=v2]) .ftl-melding{font:400 14px/20px var(--font-body);color:var(--ink3);padding:8px 0}:where(:root[data-ontwerp=v2]) .ftl-melding.is-fout{color:#c13a33}:where(:root[data-ontwerp=v2]) .ftl-kaart{box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:none;padding:18px;display:flex}:where(:root[data-ontwerp=v2]) .ftl-merkrij{align-items:center;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .ftl-merkteken{flex:none;align-items:center;display:inline-flex}:where(:root[data-ontwerp=v2]) .ftl-merk{font:700 11px/15.95px var(--font-body);letter-spacing:.14em;text-transform:uppercase}:where(:root[data-ontwerp=v2]) .ftl-rek{flex:1}:where(:root[data-ontwerp=v2]) .ftl-titel{font:700 17px/24.65px var(--font-body);margin-top:12px;display:block}:where(:root[data-ontwerp=v2]) .ftl-voor{font:400 13px/21.75px var(--font-body);color:var(--ink2)}:where(:root[data-ontwerp=v2]) .ftl-regel{border-bottom:1px solid var(--line);font:400 14px/20.3px var(--font-body);gap:12px;padding:10px 0;display:flex}:where(:root[data-ontwerp=v2]) .ftl-regel>span{flex:1;min-width:0}:where(:root[data-ontwerp=v2]) .ftl-regel>b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}:where(:root[data-ontwerp=v2]) .ftl-regel.is-leeg{color:var(--ink3)}:where(:root[data-ontwerp=v2]) .ftl-regel.is-som{border-bottom:0;padding:4px 0 0}:where(:root[data-ontwerp=v2]) .ftl-totaal{font:700 15px/21.75px var(--font-body);gap:12px;padding-top:12px;display:flex}:where(:root[data-ontwerp=v2]) .ftl-totaal>b:first-child{flex:1}:where(:root[data-ontwerp=v2]) .ftl-spoor{padding:14px}:where(:root[data-ontwerp=v2]) .ftl-oog{font:700 12px/17.4px var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}:where(:root[data-ontwerp=v2]) .ftl-spoor>.ftl-oog{line-height:21.75px;display:block}:where(:root[data-ontwerp=v2]) .ftl-stappen{margin:0;padding:0;list-style:none}:where(:root[data-ontwerp=v2]) .ftl-stap{align-items:flex-start;gap:10px;padding:6px 0;display:flex}:where(:root[data-ontwerp=v2]) .ftl-stap-ic{width:14px;height:14px;color:var(--ink2);flex:0 0 14px;margin-top:2px;display:block}:where(:root[data-ontwerp=v2]) .ftl-stap-t{min-width:0;font:400 13px/18.85px var(--font-body);flex:1}:where(:root[data-ontwerp=v2]) .ftl-stap-d{max-width:55%;font:400 12px/17.4px var(--font-body);color:var(--ink3);text-align:right;flex:0 auto}:where(:root[data-ontwerp=v2]) .ftl-meer{color:var(--ink2);font:600 13px/18px var(--font-body);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:4px;padding:0}:where(:root[data-ontwerp=v2]) .ftl-rij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .ftl-knop{box-sizing:border-box;height:32px;color:var(--ink2);font:500 13px/16px var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}:where(:root[data-ontwerp=v2]) .ftl-knop:disabled{opacity:.55;cursor:default}:where(:root[data-ontwerp=v2]) .ftl-knop.is-vol{background:var(--a-blue);color:#fff;font-weight:600}:where(:root[data-ontwerp=v2]) .ftl-knop.is-rand,:where(:root[data-ontwerp=v2]) .ftl-knop.is-kaal{height:40px;font:500 14px/20px var(--font-body);border-radius:10px;padding:0 16px}:where(:root[data-ontwerp=v2]) .ftl-knop.is-rand{background:var(--card);color:var(--ink);border:1px solid #0e143029}:where(:root[data-ontwerp=v2]) .ftl-ic{flex:none;display:inline-flex}:where(:root[data-ontwerp=v2]) .ftl-ic svg{width:14px;height:14px;display:block}:where(:root[data-ontwerp=v2]) .ftl-knop.is-rand .ftl-ic svg,:where(:root[data-ontwerp=v2]) .ftl-knop.is-kaal .ftl-ic svg{width:16px;height:16px;color:var(--ink2)}:where(:root[data-ontwerp=v2]) .ftl-alles{box-sizing:border-box;border:1px solid var(--line);background:var(--card);width:100%;height:40px;color:var(--ink);font:600 13.5px/20px var(--font-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .ftl-alles svg{width:14px;height:14px}:where(:root[data-ontwerp=v2]) .ftl-alles.is-stil{color:var(--ink2);background:0 0;border-color:#0000;font-weight:500}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26{border:1px solid var(--line);border-left:3px solid var(--tk-ag,#2f4fb8);background:var(--card);border-radius:12px}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26>.tk-task-row{padding:12px 14px 0}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26>.tk-task-row>.avatar{width:16px;height:16px;top:14px;left:14px}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26>.tk-task-row>.avatar svg{width:16px;height:16px}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26>.tk-task-row:has(>.avatar) .tk-task-meta{padding-left:24px}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-task-mid{gap:6px}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-task-meta{min-height:0}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-task-pil{height:auto;color:var(--ink3);font:400 12px/17.4px var(--font-body);background:0 0;border-radius:0;padding:0}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-task-title{font:600 14.5px/20px var(--font-body)}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-task-regel{font:400 13px/19px var(--font-body);white-space:normal}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26>.tk-task-acts.is-op-kaart{margin-top:8px;padding:0 14px 4px}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-actions.is-kort{gap:6px}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-actions.is-kort .tk-act-stil svg{display:none}:where(:root[data-ontwerp=v2]) .ftl-vlak .tk-task.kop-t26 .tk-actions.is-kort .tk-act-stil{gap:0}}:where(:root[data-ontwerp=v2]) .fl-v2{min-width:0;container:facturenlijst/inline-size}:where(:root[data-ontwerp=v2]) .fl-v2 .fl-chips{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px}:where(:root[data-ontwerp=v2]) .fl-v2 .fl-chips>.btn{margin-left:auto}:where(:root[data-ontwerp=v2]) .fl-v2 .fl-getal{text-align:right;justify-content:flex-end;padding:0 20px 0 16px;line-height:18.1px}:where(:root[data-ontwerp=v2]) .fl-v2 .fl-sub-extra{display:none}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-cellwrap[data-kol=totaal]{font-weight:600}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr{min-height:53px}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr:focus-visible{outline:2px solid var(--a-aqua);outline-offset:-2px}:where(:root[data-ontwerp=v2]) .fl-v2 .fl-voet{box-sizing:border-box;border-top:1px solid var(--line);min-height:56px;font:400 13px/20px var(--font-body);color:var(--ink2);flex-wrap:wrap;align-items:center;gap:16px;padding:0 16px;display:flex}@container facturenlijst (width<=640px){:where(:root[data-ontwerp=v2]) .fl-v2 .crm-th>span:not(:first-child){display:none}:where(:root[data-ontwerp=v2]) .fl-v2 .fl-chips,:where(:root[data-ontwerp=v2]) .fl-v2 .fl-chips>.tb-balk.is-v2{flex-wrap:wrap}:where(:root[data-ontwerp=v2]) .fl-v2 .fl-chips>.tb-balk.is-v2 .tb-tabs{flex:100%}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr{box-sizing:border-box;grid-template-areas:"vink klant bedrag status""vink nummer bedrag status";align-items:center;gap:0 12px;min-height:56px;padding:0 16px;grid-template-columns:28px minmax(0,1fr) auto auto!important;display:grid!important}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>span:first-child{grid-area:vink}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=klant]{font:600 14px/20px var(--font-body);color:var(--ink);grid-area:klant}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=nummer]{font:400 12.5px/16px var(--font-body);color:var(--ink3);grid-area:nummer}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=nummer] b{font-weight:inherit}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=nummer] .fl-sub-extra{display:inline}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=totaal]{font:700 13.5px/20px var(--font-body);color:var(--ink);grid-area:bedrag;padding:0}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=status]{grid-area:status;overflow:visible}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap:not([data-kol=klant]):not([data-kol=nummer]):not([data-kol=totaal]):not([data-kol=status]){font:400 12.5px/16px var(--font-body);color:var(--ink3);text-align:left;grid-column:2/-1;margin-top:2px;padding:0}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap:not([data-kol=klant]):not([data-kol=nummer]):not([data-kol=totaal]):not([data-kol=status]):empty{display:none}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr:has(>.crm-cellwrap:not([data-kol=klant]):not([data-kol=nummer]):not([data-kol=totaal]):not([data-kol=status]):not(:empty)){padding-bottom:10px}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap:not([data-kol=klant]):not([data-kol=nummer]):not([data-kol=totaal]):not([data-kol=status]):before{content:attr(data-label) ": ";color:var(--ink2)}}@container facturenlijst (width<=480px){:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr{grid-template-areas:"vink klant bedrag""vink nummer status";row-gap:4px;padding:12px 16px;grid-template-columns:28px minmax(0,1fr) auto!important}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=klant]{font:600 15px/20px var(--font-body)}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=nummer]{font:400 13px/18px var(--font-body);color:var(--ink3)}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=totaal]{font:700 15px/20px var(--font-body);text-align:right}:where(:root[data-ontwerp=v2]) .fl-v2 .crm-tr>.crm-cellwrap[data-kol=status]{justify-self:end}}@media (width>=761px){@container facturenlijst (width<=640px){:where(:root[data-ontwerp=v2]) .fl-v2 .crm-th{align-items:center;display:flex!important}}}