:root{--navy:#17181c;--navy-dik:#000;--cyan:#2e6fe8;--bg:#fafafa;--paneel:#fff;--rand:#e8e9ec;--rand-sterk:#d9dbe0;--tekst:#17181c;--tekst-2:#4b4f57;--dim:#83868e;--groen-bg:#ddf3e4;--groen:#116b3f;--groen-rand:#ddf3e4;--amber-bg:#fbeecb;--amber:#7a5305;--amber-rand:#fbeecb;--rood-bg:#fde5e5;--rood:#a62626;--rood-rand:#fde5e5;--paars-bg:#ece9fe;--paars:#4433b8;--paars-rand:#ece9fe;--blauw-bg:#e0edfd;--blauw:#1c50a8;--blauw-rand:#e0edfd;--grijs-bg:#f0f0f2;--schaduw:0 1px 2px rgba(20,21,26,.04);--radius:8px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--tekst);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv05","ss01"}a{color:inherit;text-decoration:none}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.top{display:flex;align-items:center;gap:6px;padding:0 16px;height:50px;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--rand)}.top,.top .logo{color:var(--tekst)}.top .logo{font-weight:700;letter-spacing:-.01em;font-size:15px;margin-right:16px}.top .logo span{color:var(--cyan)}.top nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.top nav::-webkit-scrollbar{display:none}.top nav .uit-nav,.top nav a{display:flex;align-items:center;height:30px;padding:0 10px;border-radius:6px;font-size:13.5px;font-weight:500;color:var(--tekst-2);white-space:nowrap;transition:.1s}.top nav a:hover{background:#f2f3f5;color:var(--tekst)}.top nav a[aria-current=page]{background:#eceef1;color:var(--tekst);font-weight:600}.top nav .dood{color:#c3c5ca;cursor:default}.top .rechts{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px}.top .wie{color:var(--dim);display:none}@media (min-width:720px){.top .wie{display:block}}.top .uit{color:var(--tekst-2);padding:5px 10px;border-radius:6px}.top .uit:hover{background:#f2f3f5;color:var(--tekst)}main{max-width:1440px;margin:0 auto;padding:20px 20px 80px}.kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.kop h1{font-size:18px;font-weight:650;letter-spacing:-.01em}.kop .terug{color:var(--dim);font-size:13px}.kop .terug:hover{color:var(--tekst)}.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.filters input,.filters select{height:32px;padding:0 10px;border:1px solid var(--rand-sterk);border-radius:6px;font-size:13px;background:var(--paneel);color:var(--tekst);min-width:0}.filters input{flex:1 1 200px;max-width:280px}.filters select{cursor:pointer;color:var(--tekst-2)}.filters input:hover,.filters select:hover{border-color:#b9bcc2}.filters .tel{margin-left:auto;font-size:12.5px;color:var(--dim);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.filters .wis{height:32px;padding:0 10px;border:1px dashed var(--rand-sterk);border-radius:6px;background:transparent;color:var(--tekst-2);cursor:pointer;font-size:13px}.filters .wis:hover{border-color:#b9bcc2;color:var(--tekst)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:12px;font-weight:550;line-height:1.4;white-space:nowrap;border:0}.bA{background:var(--groen-bg);color:var(--groen)}.bB{background:var(--amber-bg);color:var(--amber)}.bC{background:var(--grijs-bg);color:#63666d}.bK{background:var(--paars-bg);color:var(--paars)}.bW{background:var(--blauw-bg);color:var(--blauw)}.bR{background:var(--rood-bg);color:var(--rood)}.badge.klein{font-size:11px;padding:1px 6px}.knop{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--rand-sterk);border-radius:6px;background:var(--paneel);color:var(--tekst);font-size:13px;font-weight:500;cursor:pointer;transition:.1s;box-shadow:var(--schaduw)}.knop:hover:not(:disabled){background:#f7f7f8;border-color:#b9bcc2}.knop:disabled{opacity:.45;cursor:not-allowed}.knop.primair{background:var(--cyan);border-color:var(--cyan);color:#fff}.knop.primair:hover:not(:disabled){background:#2258c4;border-color:#2258c4}.knop.klein{height:28px;padding:0 9px;font-size:12.5px}.knop.tekst{border:0;background:none;color:var(--cyan);padding:0 4px;height:auto;font-size:12.5px;box-shadow:none}.knop.tekst:hover{text-decoration:underline;background:none}.selectie{position:-webkit-sticky;position:sticky;top:50px;z-index:20;display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:10px;background:#fff;color:var(--tekst);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:0 2px 8px rgba(20,21,26,.07);flex-wrap:wrap}.selectie .aantal{font-weight:600;font-size:13px;color:var(--cyan)}.selectie .knop{background:#fff}.selectie .melding{font-size:12.5px;color:var(--groen)}.paneel{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);overflow:hidden}.tabelwrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:12px;font-weight:550;color:var(--dim);background:#fbfbfc;border-bottom:1px solid var(--rand);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}td,th{padding:8px 12px}td{border-bottom:1px solid #f1f2f4;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f7f8fa}tbody tr:has(input:checked) td{background:#eef4fe}td .naam{font-weight:550;color:var(--tekst)}td .naam:hover{color:var(--cyan)}td .sub{display:block;font-size:12px;color:var(--dim);margin-top:0}td .cel-avatar{display:flex;align-items:center;gap:9px}.leeg{color:#b6b8bd}input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--cyan)}.vinkcel{width:38px;text-align:center}.avatar{flex:0 0 auto;width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:650;letter-spacing:.02em;color:#fff}.av0{background:#6e56cf}.av1{background:#e5484d}.av2{background:#0091ff}.av3{background:#30a46c}.av4{background:#f76b15}.av5{background:#8e4ec6}.av6{background:#05a2c2}.av7{background:#ad7f58}.signalen{display:flex;gap:4px;flex-wrap:wrap;max-width:240px}.pag{display:flex;gap:8px;justify-content:center;padding:14px;font-size:13px;color:var(--tekst-2)}.pag,.pag a{align-items:center}.pag a{display:inline-flex;height:30px;padding:0 12px;border:1px solid var(--rand-sterk);border-radius:6px;background:var(--paneel);box-shadow:var(--schaduw)}.pag a:hover{border-color:#b9bcc2;background:#f7f7f8}.detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}.kaart{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:16px 18px;margin-bottom:14px}.kaart h3{font-size:12px;font-weight:600;color:var(--dim);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.04em}.kaart.pijn{border-color:#f4c9c9;background:#fffcfc}.kaart.pijn h3{color:var(--rood)}.kv{display:grid;grid-template-columns:128px minmax(0,1fr);grid-gap:8px 12px;gap:8px 12px;font-size:13.5px;align-items:baseline}.kv .k{color:var(--dim);font-size:13px}.kv .v{color:var(--tekst);word-break:break-word}.rij-bewerk .knop.tekst{opacity:0;transition:.1s}.rij-bewerk:focus-within .knop.tekst,.rij-bewerk:hover .knop.tekst{opacity:1}@media (hover:none){.rij-bewerk .knop.tekst{opacity:1}}.redenen{list-style:none;display:flex;flex-direction:column;gap:5px}.redenen li{font-size:13px;color:var(--tekst-2);display:flex;gap:8px}.redenen li b{color:var(--groen);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:30px}.score-groot{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}.leeg-staat{text-align:center;padding:32px 20px;color:var(--dim);font-size:13.5px}.leeg-staat b{display:block;color:var(--tekst);font-size:14px;margin-bottom:4px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.stat{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:12px 14px}.stat .label{font-size:12px;color:var(--dim);font-weight:500}.stat .waarde{font-size:22px;font-weight:650;letter-spacing:-.02em;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat.open .waarde{color:var(--amber)}.stat.bezig .waarde{color:var(--blauw)}.stat.klaar .waarde{color:var(--groen)}.stat.fout .waarde{color:var(--rood)}.login{min-height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center;padding:20px}.login form{background:var(--paneel);border:1px solid var(--rand);border-radius:12px;box-shadow:0 4px 16px rgba(20,21,26,.06);padding:32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login h1{font-size:22px;font-weight:700;letter-spacing:-.01em}.login input{height:40px;padding:0 12px;border:1px solid var(--rand-sterk);border-radius:7px;font-size:14px}.login .fout{background:var(--rood-bg);color:var(--rood);padding:10px 12px;border-radius:7px;font-size:13px}.login .knop{height:40px;font-size:14px}.bord{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);grid-gap:10px;gap:10px;overflow-x:auto;align-items:start;padding-bottom:24px}.kolom{background:#f4f4f6;border:1px solid var(--rand);border-radius:8px;padding:8px;min-height:140px}.kolom.over{outline:2px dashed var(--cyan);outline-offset:-2px}.kolom h4{font-size:12px;padding:2px 4px 8px;display:flex;align-items:center;gap:6px}.kolom h4,.kolom-tel{font-weight:600;color:var(--tekst-2)}.kolom-tel{background:#e4e5e9;border-radius:10px;padding:0 7px;font-size:11px}.kolom-leeg{color:#b6b8bd;font-size:12px;text-align:center;padding:18px 6px;border:1px dashed var(--rand-sterk);border-radius:6px}.kanban-kaart{background:#fff;border:1px solid var(--rand);border-radius:7px;padding:9px 10px;margin-bottom:8px;cursor:-webkit-grab;cursor:grab;box-shadow:var(--schaduw)}.kanban-kaart:active{cursor:-webkit-grabbing;cursor:grabbing}.kanban-kop{display:flex;align-items:center;gap:8px;margin-bottom:6px}.kanban-kop .naam{font-weight:550;font-size:13px}.kanban-voet{display:flex;align-items:center;justify-content:space-between;gap:6px}.status-kiezer{height:28px;padding:0 8px;border:1px solid var(--rand-sterk);border-radius:6px;font-size:12.5px;background:#fff;color:var(--tekst-2);cursor:pointer}@media (max-width:860px){.bord{grid-auto-columns:minmax(210px,240px)}main{padding:16px 12px 70px}.detail{grid-template-columns:1fr}.kv{grid-template-columns:108px minmax(0,1fr)}.tabelwrap{overflow:visible}table,tbody,td,th,thead,tr{display:block}thead{display:none}tbody tr{border-bottom:1px solid var(--rand);padding:12px 14px;position:relative}}@media (max-width:860px){tbody tr:has(input:checked) td,tbody tr:hover td{background:transparent}tbody tr:has(input:checked){background:#eef4fe}td{border:0;padding:2px 0;display:flex;gap:10px;align-items:baseline}td:before{content:attr(data-label);flex:0 0 84px;font-size:12px;color:var(--dim)}td.vinkcel{position:absolute;right:10px;top:12px;width:auto;padding:0}td.vinkcel:before{display:none}td:first-child{padding-bottom:6px}td .cel-avatar{align-items:center}.signalen{max-width:none}.selectie{top:50px}}.formulier{padding:16px;gap:14px}.formulier,.formulier label{display:flex;flex-direction:column}.formulier label{gap:6px;font-size:13px;font-weight:600}.formulier input,.formulier select,.formulier textarea{height:36px;padding:0 10px;border:1px solid var(--rand-sterk);border-radius:6px;font-size:13.5px;font-weight:400;background:#fff}.formulier textarea{height:auto;padding:10px 12px;resize:vertical;line-height:1.5}.formulier input:focus-visible,.formulier select:focus-visible,.formulier textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.twee-kolommen{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:700px){.twee-kolommen{grid-template-columns:1fr}}.stap-kaart{border:1px solid var(--rand);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;background:#fbfbfc}.stap-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stap-kop select{height:30px;padding:0 8px;border:1px solid var(--rand-sterk);border-radius:6px}.stap-kop .wacht{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-weight:400;color:var(--dim);font-size:13px}.stap-kop .wacht input{width:64px;height:30px}.stap-knoppen{margin-left:auto;display:inline-flex;gap:6px}.variabelen summary{cursor:pointer;font-size:13px;color:var(--cyan)}.variabelen table{margin-top:8px}.variabelen code{background:#f0f0f2;padding:1px 6px;border-radius:5px;font-size:12px}.selectie-select{height:28px;padding:0 8px;border-radius:6px;border:1px solid var(--rand-sterk);background:#fff;color:var(--tekst);max-width:220px;font-size:12.5px}.selectie-select option{color:#1a1a1a}.taak-rij{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f1f2f4;font-size:13.5px}.taak-rij:last-of-type{border-bottom:0}.taak-rij .t{flex:1 1;min-width:0}.taak-rij.klaar .t{text-decoration:line-through;color:var(--dim)}.taak-rij .taak-bedrijf{color:var(--cyan);font-size:12.5px;white-space:nowrap}.taak-verlopen{color:var(--rood)}.taak-vandaag,.taak-verlopen{font-size:11.5px;font-weight:600;white-space:nowrap}.taak-vandaag{color:var(--amber)}.taak-nieuw{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.taak-nieuw input[type=text]{flex:1 1 160px;padding:0 10px;font-size:13px}.taak-nieuw input[type=date],.taak-nieuw input[type=text]{height:32px;border:1px solid var(--rand-sterk);border-radius:6px}.taak-nieuw input[type=date]{padding:0 8px;font-size:12.5px;color:var(--tekst-2)}.tijdlijn{list-style:none;position:relative;padding-left:16px;margin:0}.tijdlijn:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:var(--rand)}.tijdlijn li{position:relative;padding:0 0 12px 8px;font-size:13px;color:var(--tekst-2)}.tijdlijn li:last-child{padding-bottom:0}.tijdlijn li:before{content:"";position:absolute;left:-16px;top:4px;width:8px;height:8px;border-radius:50%;background:#c9cbd1;border:2px solid #fff}.tijdlijn li.t-mail:before{background:var(--cyan)}.tijdlijn li.t-agent:before{background:#8e4ec6}.tijdlijn li.t-taak:before{background:#f0b429}.tijdlijn li.t-taak-klaar:before{background:#30a46c}.tijdlijn .t-tijd{display:block;font-size:11.5px;color:var(--dim)}.tijdlijn b{color:var(--tekst);font-weight:550}.sneltoets{font-size:11px;color:var(--dim);border:1px solid var(--rand-sterk);border-radius:5px;padding:2px 6px;background:#fbfbfc}.palette-overlay{position:fixed;inset:0;background:rgba(20,21,26,.35);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 0}.palette{width:100%;max-width:560px;background:#fff;border-radius:10px;box-shadow:0 16px 48px rgba(20,21,26,.25);overflow:hidden}.palette input{width:100%;height:48px;padding:0 16px;border:0;outline:none;font-size:15px;border-bottom:1px solid var(--rand)}.palette-lijst{max-height:320px;overflow-y:auto;padding:6px}.palette-leeg{padding:18px 12px;color:var(--dim);font-size:13px;text-align:center}.palette-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;background:none;border-radius:6px;cursor:pointer;font-size:13.5px;text-align:left}.palette-item.actief{background:#f0f1f3}.palette-item .p-label{font-weight:550;color:var(--tekst)}.palette-item .p-sub{color:var(--dim);font-size:12.5px;flex:1 1}.palette-voet{padding:8px 14px;border-top:1px solid var(--rand);font-size:11.5px;color:var(--dim)}a.stat{display:block}a.stat:hover{border-color:#b9bcc2}.stat .label,.stat .waarde{display:block}.funnel{display:flex;flex-direction:column;gap:8px}.funnel-rij{display:flex;align-items:center;gap:10px;font-size:13px}.funnel-label{flex:0 0 110px;color:var(--tekst-2)}.funnel-balk{flex:1 1;background:#f0f0f2;border-radius:4px;height:18px;overflow:hidden}.funnel-vul{height:100%;border-radius:4px;background:#a5b4fc}.funnel-vul.f-nieuw{background:#93c5fd}.funnel-vul.f-gecontacteerd{background:#7dd3fc}.funnel-vul.f-gesprek{background:#fcd34d}.funnel-vul.f-offerte{background:#fdba74}.funnel-vul.f-klant{background:#86efac}.funnel-vul.f-verloren{background:#fca5a5}.funnel-n{flex:0 0 32px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--tekst-2)}