:root{--surface-0:#ffffff;--surface-1:#f3f6fb;--surface-2:#ffffff;--surface-head:#fafbfc;--text-primary:#16233a;--text-secondary:#5a6a85;--text-muted:#8a97ac;--border:#e3e8f0;--border-soft:#f3f5f9;--border-strong:#d7dfeb;--brand:#1668e3;--brand-hover:#0f57c4;--ink:#16233a;--text-accent:#1668e3;--accent-deep:#0f4daf;--bg-accent:#edf3fd;--bg-accent-strong:#ffffff;--text-warning:#b26b0f;--bg-warning:#fff4e0;--text-success:#1e7c3c;--bg-success:#e6f4ea;--text-danger:#d23f2f;--bg-danger:#fbe4e1;--side-bg:#f7f7f5;--side-border:#ecece9;--side-active:#ecece8;--side-chip:#e9e9e5;--fresh-blue-bg:#edf3fd;--fresh-blue-fg:#1668e3;--fresh-green-bg:#e6f4ea;--fresh-green-fg:#1e7c3c;--fresh-yellow-bg:#fff4e0;--fresh-yellow-fg:#b26b0f;--fresh-orange-bg:#fff0e3;--fresh-orange-fg:#c0621f;--fresh-red-bg:#fbe4e1;--fresh-red-fg:#d23f2f;--fresh-pink-bg:#fbe7ef;--fresh-pink-fg:#b23d72;--fresh-violet-bg:#ebeaf7;--fresh-violet-fg:#5b54b8;--fresh-clay-bg:#f9ece7;--fresh-clay-fg:#a34430;--fresh-teal-bg:#e7f1f4;--fresh-teal-fg:#3f6e7e;--fresh-purple-bg:#eef1f7;--fresh-purple-fg:#5b6f92;--fresh-stone-bg:#f0f1f4;--fresh-stone-fg:#6d7481;--radius-badge:6px;--radius-sm:8px;--radius:10px;--radius-card:12px;--radius-pill:999px;--control-h:40px;--field-h:44px;--btn-h:40px;--btn-h-lg:44px;--btn-h-sm:32px;--row-y:11px;--shadow-card:none;--shadow-pop:0 10px 30px rgba(22,35,58,.12);--focus-ring:0 0 0 3px rgba(22,104,227,.28);--font-sans:var(--font-app,"Instrument Sans"),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--accent:var(--brand);--surface:var(--surface-2);--badge-text:#fbfdff;--wb-todo:#ba2623;--wb-todo-bg:#f8e9e9;--wb-bellen:#b45309;--wb-bellen-bg:#fdf1e6;--wb-verzendbox:#1d4ed8;--wb-verzendbox-bg:#e8eefb;--wb-belrobot:#7c3aed;--wb-belrobot-bg:#f4edfe;--com-mail-in:#00776c;--com-mail-in-bg:#e7f4f3;--com-mail-uit:#124de3;--com-mail-uit-bg:#e8eefb;--com-sms:#6f32dc;--com-sms-bg:#f4edfe;--com-telefoon:#b45309;--com-telefoon-bg:#fdf1e6;--com-betaling:#008438;--com-betaling-bg:#e5f6eb;--com-notitie:#783987;--com-notitie-bg:#f4edf6;--com-ai:#1769aa;--com-ai-bg:#ebf5ff;--comm-icon-bg:var(--surface-1);--comm-inbound-bg:var(--com-mail-in-bg);--comm-inbound-fg:var(--com-mail-in);--comm-outbound-bg:var(--com-mail-uit-bg);--comm-outbound-fg:var(--com-mail-uit)}@media (prefers-color-scheme:dark){:root{--surface-0:#131722;--surface-1:#1d2231;--surface-2:#181c29;--surface-head:#1d2231;--text-primary:#edeff6;--text-secondary:#a7aec2;--text-muted:#838ca2;--border:rgba(255,255,255,0.10);--border-soft:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.22);--brand:#6ba4f5;--brand-hover:#86b6f8;--ink:#edeff6;--text-accent:#9cc4ff;--accent-deep:#b9d4ff;--bg-accent:#1a3459;--bg-accent-strong:#1a3459;--text-warning:#f2cf87;--bg-warning:#4f3609;--text-success:#9ad7ae;--bg-success:#163a26;--text-danger:#f3a99c;--bg-danger:#5b1d14;--side-bg:#171a24;--side-border:rgba(255,255,255,0.08);--side-active:#242835;--side-chip:#292d3a;--fresh-blue-bg:#17335c;--fresh-blue-fg:#a6c8ff;--fresh-green-bg:#163a26;--fresh-green-fg:#9ad7ae;--fresh-yellow-bg:#4f3609;--fresh-yellow-fg:#f2cf87;--fresh-orange-bg:#4a2814;--fresh-orange-fg:#f0b48f;--fresh-red-bg:#5b1d14;--fresh-red-fg:#f3a99c;--fresh-pink-bg:#58203f;--fresh-pink-fg:#f2a8c8;--fresh-violet-bg:#2c2a56;--fresh-violet-fg:#bab4f2;--fresh-clay-bg:#422519;--fresh-clay-fg:#e0a894;--fresh-teal-bg:#1e343c;--fresh-teal-fg:#a9c9d6;--fresh-purple-bg:#263047;--fresh-purple-fg:#b6c4dd;--fresh-stone-bg:#292b34;--fresh-stone-fg:#a5abb8;--shadow-pop:0 10px 32px rgba(0,0,0,.5);--focus-ring:0 0 0 3px rgba(107,164,245,.34);--accent:var(--brand);--surface:#191b28;--badge-text:#fbfdff;--wb-todo:#f3a99c;--wb-todo-bg:#5e1f16;--wb-bellen:#ffd08a;--wb-bellen-bg:#5b320a;--wb-verzendbox:#b9d0ff;--wb-verzendbox-bg:#1d3658;--wb-belrobot:#d1b4ff;--wb-belrobot-bg:#3a225d;--com-mail-in:#92d8d1;--com-mail-in-bg:#153f3c;--com-mail-uit:#b2cdf7;--com-mail-uit-bg:#1d3658;--com-sms:#d1b4ff;--com-sms-bg:#3a225d;--com-telefoon:#ffd08a;--com-telefoon-bg:#5b320a;--com-betaling:#a7e3b9;--com-betaling-bg:#173d29;--com-notitie:#dabee1;--com-notitie-bg:#3a2b40;--com-ai:#b9ddff;--com-ai-bg:#173a5c;--comm-icon-bg:var(--surface-1);--comm-inbound-bg:var(--com-mail-in-bg);--comm-inbound-fg:var(--com-mail-in);--comm-outbound-bg:var(--com-mail-uit-bg);--comm-outbound-fg:var(--com-mail-uit);--shadow-card:none}}[data-thema=donker]{--surface-0:#131722;--surface-1:#1d2231;--surface-2:#181c29;--surface-head:#1d2231;--text-primary:#edeff6;--text-secondary:#a7aec2;--text-muted:#838ca2;--border:rgba(255,255,255,0.10);--border-soft:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.22);--brand:#6ba4f5;--brand-hover:#86b6f8;--ink:#edeff6;--text-accent:#9cc4ff;--accent-deep:#b9d4ff;--bg-accent:#1a3459;--bg-accent-strong:#1a3459;--text-warning:#f2cf87;--bg-warning:#4f3609;--text-success:#9ad7ae;--bg-success:#163a26;--text-danger:#f3a99c;--bg-danger:#5b1d14;--side-bg:#171a24;--side-border:rgba(255,255,255,0.08);--side-active:#242835;--side-chip:#292d3a;--fresh-blue-bg:#17335c;--fresh-blue-fg:#a6c8ff;--fresh-green-bg:#163a26;--fresh-green-fg:#9ad7ae;--fresh-yellow-bg:#4f3609;--fresh-yellow-fg:#f2cf87;--fresh-orange-bg:#4a2814;--fresh-orange-fg:#f0b48f;--fresh-red-bg:#5b1d14;--fresh-red-fg:#f3a99c;--fresh-pink-bg:#58203f;--fresh-pink-fg:#f2a8c8;--fresh-violet-bg:#2c2a56;--fresh-violet-fg:#bab4f2;--fresh-clay-bg:#422519;--fresh-clay-fg:#e0a894;--fresh-teal-bg:#1e343c;--fresh-teal-fg:#a9c9d6;--fresh-purple-bg:#263047;--fresh-purple-fg:#b6c4dd;--fresh-stone-bg:#292b34;--fresh-stone-fg:#a5abb8;--shadow-pop:0 10px 32px rgba(0,0,0,.5);--focus-ring:0 0 0 3px rgba(107,164,245,.34);--accent:var(--brand);--surface:#191b28;--badge-text:#fbfdff;--wb-todo:#f3a99c;--wb-todo-bg:#5e1f16;--wb-bellen:#ffd08a;--wb-bellen-bg:#5b320a;--wb-verzendbox:#b9d0ff;--wb-verzendbox-bg:#1d3658;--wb-belrobot:#d1b4ff;--wb-belrobot-bg:#3a225d;--com-mail-in:#92d8d1;--com-mail-in-bg:#153f3c;--com-mail-uit:#b2cdf7;--com-mail-uit-bg:#1d3658;--com-sms:#d1b4ff;--com-sms-bg:#3a225d;--com-telefoon:#ffd08a;--com-telefoon-bg:#5b320a;--com-betaling:#a7e3b9;--com-betaling-bg:#173d29;--com-notitie:#dabee1;--com-notitie-bg:#3a2b40;--com-ai:#b9ddff;--com-ai-bg:#173a5c;--comm-icon-bg:var(--surface-1);--comm-inbound-bg:var(--com-mail-in-bg);--comm-inbound-fg:var(--com-mail-in);--comm-outbound-bg:var(--com-mail-uit-bg);--comm-outbound-fg:var(--com-mail-uit);--shadow-card:none}@media (prefers-color-scheme:dark){:root[data-thema=licht]{--surface-0:#ffffff;--surface-1:#f3f6fb;--surface-2:#ffffff;--surface-head:#fafbfc;--text-primary:#16233a;--text-secondary:#5a6a85;--text-muted:#8a97ac;--border:#e3e8f0;--border-soft:#f3f5f9;--border-strong:#d7dfeb;--brand:#1668e3;--brand-hover:#0f57c4;--ink:#16233a;--text-accent:#1668e3;--accent-deep:#0f4daf;--bg-accent:#edf3fd;--bg-accent-strong:#ffffff;--text-warning:#b26b0f;--bg-warning:#fff4e0;--text-success:#1e7c3c;--bg-success:#e6f4ea;--text-danger:#d23f2f;--bg-danger:#fbe4e1;--side-bg:#f7f7f5;--side-border:#ecece9;--side-active:#ecece8;--side-chip:#e9e9e5;--fresh-blue-bg:#edf3fd;--fresh-blue-fg:#1668e3;--fresh-green-bg:#e6f4ea;--fresh-green-fg:#1e7c3c;--fresh-yellow-bg:#fff4e0;--fresh-yellow-fg:#b26b0f;--fresh-orange-bg:#fff0e3;--fresh-orange-fg:#c0621f;--fresh-red-bg:#fbe4e1;--fresh-red-fg:#d23f2f;--fresh-pink-bg:#fbe7ef;--fresh-pink-fg:#b23d72;--fresh-violet-bg:#ebeaf7;--fresh-violet-fg:#5b54b8;--fresh-clay-bg:#f9ece7;--fresh-clay-fg:#a34430;--fresh-teal-bg:#e7f1f4;--fresh-teal-fg:#3f6e7e;--fresh-purple-bg:#eef1f7;--fresh-purple-fg:#5b6f92;--fresh-stone-bg:#f0f1f4;--fresh-stone-fg:#6d7481;--shadow-pop:0 10px 30px rgba(22,35,58,.12);--focus-ring:0 0 0 3px rgba(22,104,227,.28);--accent:var(--brand);--surface:var(--surface-2);--badge-text:#fbfdff;--wb-todo:#ba2623;--wb-todo-bg:#f8e9e9;--wb-bellen:#b45309;--wb-bellen-bg:#fdf1e6;--wb-verzendbox:#1d4ed8;--wb-verzendbox-bg:#e8eefb;--wb-belrobot:#7c3aed;--wb-belrobot-bg:#f4edfe;--com-mail-in:#00776c;--com-mail-in-bg:#e7f4f3;--com-mail-uit:#124de3;--com-mail-uit-bg:#e8eefb;--com-sms:#6f32dc;--com-sms-bg:#f4edfe;--com-telefoon:#b45309;--com-telefoon-bg:#fdf1e6;--com-betaling:#008438;--com-betaling-bg:#e5f6eb;--com-notitie:#783987;--com-notitie-bg:#f4edf6;--com-ai:#1769aa;--com-ai-bg:#ebf5ff;--comm-icon-bg:var(--surface-1);--comm-inbound-bg:var(--com-mail-in-bg);--comm-inbound-fg:var(--com-mail-in);--comm-outbound-bg:var(--com-mail-uit-bg);--comm-outbound-fg:var(--com-mail-uit);--shadow-card:none}}@media (max-width:1024px){.settings-page>.tabs{width:100%;max-width:100%;margin-left:0;margin-right:0;overflow-x:auto;overflow-y:hidden;padding-inline:2px 12px}}@media (max-width:699px){.row{min-width:0}.row.between{flex-wrap:wrap}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.tab{flex:0 0 auto;min-height:44px}.client-settlement-editor .form-grid,.form-grid,.grid2{grid-template-columns:minmax(0,1fr)}.dossier-title-row{flex-wrap:wrap}.dossier-title-row h1{white-space:normal!important}.seg{max-width:100%}.taken-ref{width:auto;flex:0 1 7.5rem;min-width:0}.login-page{width:calc(100% - 24px);margin:12px auto}.login-formside{padding:28px 20px}.login-label-row{flex-wrap:wrap;gap:4px 12px}}@media (prefers-color-scheme:dark){:root:not([data-thema=licht]) .card:has(>.vl)>.row.gap6.wrap>button[style*="var(--ink)"]{background:var(--bg-accent)!important;color:var(--text-accent)!important}}[data-thema=donker] .card:has(>.vl)>.row.gap6.wrap>button[style*="var(--ink)"]{background:var(--bg-accent)!important;color:var(--text-accent)!important}.settings-page>.tabs .tab{display:inline-flex;align-items:center;box-sizing:border-box;padding:9px 4px 11px;line-height:1;vertical-align:bottom}.facturatie-klaar{display:flex;align-items:center;gap:16px}.facturatie-klaar-vakken{display:flex;flex:1 1 auto;gap:8px;min-width:0}.facturatie-klaar-vak{flex:1 1;border:1px solid var(--border);border-radius:8px;padding:10px 8px;text-align:center}.facturatie-klaar-vak strong{display:block;font-size:16px;font-weight:700}.facturatie-klaar-vak span{display:block;font-size:11.5px;margin-top:2px}.facturatie-klaar>.btn{flex:0 0 auto;margin-left:auto;white-space:nowrap}@media (max-width:699px){.facturatie-klaar{flex-wrap:wrap}.facturatie-klaar>:first-child{width:100%}.facturatie-klaar-vakken{width:100%;flex-wrap:wrap}.facturatie-klaar-vak{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}.facturatie-klaar>.btn{width:100%;margin-left:0}}.stats-kpis,.stats-year{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;margin-bottom:16px;min-width:0}.stats-kpis>.card,.stats-year>.card{flex:1 1 160px;min-width:0}.stats-kpi{display:flex;align-items:center;gap:12px;padding:16px 20px;min-width:0;overflow-wrap:anywhere}.stats-kpi-icon{flex:0 0 auto}.stats-kpi .num{min-width:0;overflow-wrap:anywhere}.stats-charts{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px;min-width:0}.stats-charts>.card{min-width:0}.stats-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.stats-table-wrap .table{min-width:520px}@media (max-width:699px){.stats-kpis>.card,.stats-year>.card{flex:1 1 100%}.stats-charts{grid-template-columns:minmax(0,1fr)}}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.dashboard-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:stretch}.dashboard-tiles>.card{display:flex;align-items:center;gap:12px;min-width:0;height:100%;box-sizing:border-box}.dashboard-tiles>.card>span:first-child,.dashboard-tiles>.card>span:last-child{flex-shrink:0}.dashboard-tiles>.card>.num{flex:0 0 5ch;min-width:5ch;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dashboard-tiles>.card>span:nth-child(3){flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-mollie-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;min-width:0}.dashboard-mollie-fig{min-width:0;padding:0 14px;border-left:1px solid var(--border);overflow-wrap:anywhere}.dashboard-mollie-fig:first-child{border-left:none;padding-left:0}.dashboard-mollie-week{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0;gap:0;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);min-width:0}@media (max-width:699px){.dashboard-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-mollie-body,.dashboard-mollie-week{grid-template-columns:minmax(0,1fr)}.dashboard-mollie-fig{border-left:none;padding:10px 0 0;border-top:1px solid var(--border)}.dashboard-mollie-fig:first-child,.dashboard-mollie-week .dashboard-mollie-fig:first-child{border-top:none;padding-top:0}}