:where(:root[data-ontwerp=v2]) .ct-lijst .ct-chips{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px}:where(:root[data-ontwerp=v2]) .tile-content>.contractentabel-tile>.ct-lijst .ct-chips{margin:-12px -16px 0;padding:12px 32px}@media (width>=761px){:where(:root[data-ontwerp=v2]) .tile-content>.contractentabel-tile>.ct-lijst>*{margin-left:-16px;margin-right:-16px}:where(:root[data-ontwerp=v2]) .tile-content>.contractentabel-tile>.ct-lijst .ct-chips{margin:-12px 0 0;padding:12px 16px}}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-chips .sx-tab.sm .crm-tab-n{font-variant-numeric:tabular-nums}:where(:root[data-ontwerp=v2]) .ct-staat.is-wacht{color:#b7791f;background:#f7edd9}:where(:root[data-ontwerp=v2]) .ct-staat.is-getekend{color:#2f7a4a;background:#e0ebe2}:where(:root[data-ontwerp=v2]) .ct-staat.is-concept{color:#64748b;background:#e9edf2}:where(:root[data-ontwerp=v2]) .ct-staat.is-verlopen,:where(:root[data-ontwerp=v2]) .ct-staat.is-afgewezen{color:#c13a33;background:#f8e2e0}:where(:root[data-ontwerp=v2]) .ct-staat{white-space:nowrap}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-rechts{text-align:right;justify-content:flex-end;justify-self:stretch}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-rechts .ct-cel{align-items:flex-end}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-rechts .num{font-variant-numeric:tabular-nums;font-weight:600}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .ct-rechts{padding-right:20px}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-cel{line-height:20px}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-cel b{font-weight:600}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-sub{color:var(--ink3);margin-top:0;font-size:12.5px;line-height:16px}@media (width>=761px){:where(:root[data-ontwerp=v2]) .ct-lijst .ct-schuif{min-width:0;overflow-x:auto}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-schuif>.crm-th,:where(:root[data-ontwerp=v2]) .ct-lijst .ct-schuif>.crm-tr{min-width:var(--ct-min)}:where(:root[data-ontwerp=v2]) .ct-lijst .crm-th>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(:root[data-ontwerp=v2]) .ct-lijst .crm-tr>.crm-cellwrap{min-width:0}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-cel{overflow-wrap:anywhere;min-width:0}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-sub.mono,:where(:root[data-ontwerp=v2]) .ct-lijst .ct-rechts .ct-cel>*{white-space:nowrap}}:where(:root[data-ontwerp=v2]) .ct-lijst .crm-tr:focus-visible{outline:2px solid var(--a-green);outline-offset:-2px}@media (width>=761px){:where(:root[data-ontwerp=v2]) .kpi-card-k>.kpi-k-tel{display:none}}@media (width<=760px){:where(:root[data-ontwerp=v2]) .kpi-card-k>.kpi-k-bureau{display:none}:where(:root[data-ontwerp=v2]) .kpi-strip:has(.kpi-k-tel) .kpi-card{box-sizing:border-box;min-height:100px;max-height:100px;overflow:hidden}:where(:root[data-ontwerp=v2]) .kpi-strip:has(.kpi-k-tel) .kpi-card-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(:root[data-ontwerp=v2]) .ct-lijst{min-width:0}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-chips>.sx-tabs{scrollbar-width:none;flex-wrap:nowrap;flex:100%;min-width:0;overflow-x:auto}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-chips>.sx-tabs>.sx-tab{flex:none}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-rechts{text-align:left;justify-content:flex-start}:where(:root[data-ontwerp=v2]) .ct-lijst .ct-rechts .ct-cel{align-items:flex-start}:where(:root[data-ontwerp=v2]) .ct-lijst .crm-tr>.crm-cellwrap:has(>.ct-spoorwrap){flex:100%}}:where(:root[data-ontwerp=v2]) .ct-staat .ct-kort{display:none}@media (width<=760px){:where(:root[data-ontwerp=v2]) .ct-staat .ct-lang{display:none}:where(:root[data-ontwerp=v2]) .ct-staat .ct-kort{display:inline}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr{grid-template-areas:"vink n n b""vink k l s";gap:4px 0;min-height:0;padding:12px 0;grid-template-columns:28px max-content minmax(0,1fr) auto!important;display:grid!important}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>span:first-child{grid-area:vink;align-self:center}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-nummer{color:var(--ink);grid-area:n;font-size:15px;font-weight:700}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-bedrag{text-align:right;grid-area:b;justify-content:flex-end;padding-right:0}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-bedrag .num{color:var(--ink);font-size:14px;font-weight:700}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-klant,:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-laatste{color:var(--ink3);white-space:nowrap;font-size:13px;line-height:18px}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-klant{text-overflow:ellipsis;grid-area:k;max-width:60vw;font-weight:400;overflow:hidden}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-laatste{text-overflow:ellipsis;grid-area:l;overflow:hidden}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-laatste:not(:empty):before{content:" · "}:where(:root[data-ontwerp=v2]) .ct-lijst.ct-bord .crm-tr>.ct-k-status{grid-area:s;justify-self:end}}
