/* ARGMS v2.10.1 - debiteurenautomatisering */
.debtor-tabs2101{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.debtor-tabs2101 button{border:1px solid #dfe5ee;background:#fff;color:#485467;padding:9px 14px;border-radius:11px;cursor:pointer;font-weight:700}
.debtor-tabs2101 button.active{background:#eaf1ff;border-color:#abc4ff;color:#1d4ed8}
.debtor-kpis2101{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.debtor-kpi2101{background:#fff;border:1px solid #e2e7ef;border-radius:16px;padding:17px;box-shadow:0 7px 22px rgba(15,23,42,.05)}
.debtor-kpi2101 span{display:block;color:#667085;font-size:12px;margin-bottom:7px}.debtor-kpi2101 strong{font-size:23px;color:#17233a}.debtor-kpi2101 small{display:block;color:#7d8798;margin-top:5px}
.debtor-kpi2101.alert{border-color:#fecaca;background:#fffafa}.debtor-kpi2101.alert strong{color:#b42318}.debtor-kpi2101.good{border-color:#bbebca;background:#f8fff9}.debtor-kpi2101.good strong{color:#137333}
.debtor-note2101{border:1px solid #dbe4f0;background:#f7f9fc;border-radius:12px;padding:12px 14px;color:#5d687a;font-size:13px;line-height:1.5}
.debtor-note2101.warning{background:#fffaf0;border-color:#f6dca0;color:#8a5700}.debtor-note2101.good{background:#f2fbf5;border-color:#bae3c6;color:#166534}
.mail-status2101{display:inline-flex;gap:7px;align-items:center;padding:6px 10px;border-radius:999px;background:#eef2f7;color:#536074;font-size:12px;font-weight:750}
.mail-status2101.ready{background:#eaf8ee;color:#16703a}.mail-status2101.warn{background:#fff4df;color:#a15c00}
.aging-chart2101{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;min-height:210px;margin-top:15px}
.aging-bar2101{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;text-align:center;height:190px}.aging-bar2101 i{display:block;min-height:4px;background:linear-gradient(180deg,#4f83ff,#255edf);border-radius:9px 9px 3px 3px}.aging-bar2101.alert i{background:linear-gradient(180deg,#ff8c7f,#dc2626)}
.aging-bar2101 strong{font-size:12px}.aging-bar2101 span{font-size:11px;color:#697488}
.charge-preview2101{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.charge-preview2101 div{border:1px solid #e1e7ef;border-radius:13px;padding:14px;background:#fbfcfe}.charge-preview2101 span{display:block;color:#6c7788;font-size:12px}.charge-preview2101 strong{display:block;margin-top:6px;font-size:18px}.charge-preview2101 .total{background:#eef4ff;border-color:#bcd0ff}.charge-preview2101 .total strong{color:#1d4ed8}
.snapshot-row2101 td:first-child strong{display:block}.snapshot-row2101 td:first-child small{color:#7d8798}
@media(max-width:1050px){.debtor-kpis2101{grid-template-columns:repeat(2,1fr)}.charge-preview2101{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.debtor-kpis2101,.charge-preview2101{grid-template-columns:1fr}.aging-chart2101{overflow:auto;grid-template-columns:repeat(5,110px)}}