:root{--nbr-groen-donker: #1D7A1F;--nbr-groen-donker-hover: #16601A;--nbr-groen-fel: #56FF59;--gray-0: #FFFFFF;--gray-50: #F6F7F6;--gray-100: #ECEEEC;--gray-200: #D9DDD9;--gray-300: #BCC3BC;--gray-400: #8A948A;--gray-500: #5F6A5F;--gray-700: #39413A;--gray-900: #1A201B;--color-bg: var(--gray-50);--color-surface: var(--gray-0);--color-border: var(--gray-200);--color-border-strong: var(--gray-300);--color-text: var(--gray-900);--color-text-muted: var(--gray-500);--color-link: var(--nbr-groen-donker);--color-link-hover: var(--nbr-groen-donker-hover);--color-accent: var(--nbr-groen-donker);--color-accent-hover: var(--nbr-groen-donker-hover);--color-surface-dark: #102311;--color-on-dark: #FFFFFF;--color-on-dark-accent: var(--nbr-groen-fel);--color-error-bg: #FBE4E2;--color-error-ink: #6E1B14;--font-basis: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display: clamp(2rem, 1.4rem + 3vw, 3rem);--fs-h1: clamp(1.625rem, 1.25rem + 1.9vw, 2.25rem);--fs-h2: clamp(1.3rem, 1.1rem + 1vw, 1.625rem);--fs-h3: clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--fs-body: 1rem;--fs-small: .875rem;--lh-tight: 1.2;--lh-body: 1.5;--weight-normal: 400;--weight-medium: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--focus-ring-color: var(--nbr-groen-donker);--focus-ring-width: 3px;--focus-ring-offset: 2px;--status-nieuw-bg: #E3F0FF;--status-nieuw-ink: #0B3A6B;--status-geclaimd-bg: #DDF3F0;--status-geclaimd-ink: #0B4A44;--status-contact-gelegd-bg: #EAE6FB;--status-contact-gelegd-ink: #2E2470;--status-afspraak-gepland-bg: #FFF0D6;--status-afspraak-gepland-ink: #6B4A0B;--status-gast-geweest-bg: #DEF3E0;--status-gast-geweest-ink: #14501A;--status-afgewezen-bg: #FBE4E2;--status-afgewezen-ink: #6E1B14;--status-niet-bereikbaar-bg: #ECECEE;--status-niet-bereikbaar-ink: #3A3A40;--status-onbekend-bg: #E5E7EB;--status-onbekend-ink: #374151}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-basis);font-size:100%;color:var(--color-text);background:var(--color-bg)}body{margin:0;line-height:var(--lh-body);font-size:var(--fs-body)}h1{font-size:var(--fs-h1);line-height:var(--lh-tight);margin:0 0 var(--space-4)}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}button{font:inherit;cursor:pointer}.app-shell{max-width:80rem;margin:0 auto;padding:var(--space-5) var(--space-4)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.btn{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--gray-0);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:var(--weight-medium)}.btn:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg)}.login-wrap{max-width:24rem;margin:var(--space-9) auto;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-weight:var(--weight-medium)}.field input{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.form-error{background:var(--color-error-bg);color:var(--color-error-ink);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.lead-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.lead-table caption{text-align:left;color:var(--color-text-muted);padding:var(--space-2) var(--space-3)}.lead-table th,.lead-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.lead-table thead th{background:var(--color-bg);font-weight:var(--weight-bold)}.lead-table tbody tr:last-child td{border-bottom:none}.muted{color:var(--color-text-muted)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-small);font-weight:var(--weight-medium);line-height:1;white-space:nowrap}.status-badge svg{flex:none}.status-badge--nieuw{background:var(--status-nieuw-bg);color:var(--status-nieuw-ink)}.status-badge--geclaimd{background:var(--status-geclaimd-bg);color:var(--status-geclaimd-ink)}.status-badge--contact-gelegd{background:var(--status-contact-gelegd-bg);color:var(--status-contact-gelegd-ink)}.status-badge--afspraak-gepland{background:var(--status-afspraak-gepland-bg);color:var(--status-afspraak-gepland-ink)}.status-badge--gast-geweest{background:var(--status-gast-geweest-bg);color:var(--status-gast-geweest-ink)}.status-badge--afgewezen{background:var(--status-afgewezen-bg);color:var(--status-afgewezen-ink)}.status-badge--niet-bereikbaar{background:var(--status-niet-bereikbaar-bg);color:var(--status-niet-bereikbaar-ink)}.status-badge--onbekend{background:var(--status-onbekend-bg);color:var(--status-onbekend-ink)}
