: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 16px}: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: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}}}
