[data-klant-scope]{--klant-bg:#fafaf7;--klant-bg-grad:#fafaf7;--klant-surface:#fff;--klant-surface-muted:#f4f3ee;--klant-surface-deep:#edebe3;--klant-border:#0f111514;--klant-border-strong:#0f111524;--klant-shadow:0 1px 2px #0f11150a, 0 1px 0 #0f111505;--klant-highlight:#fff0;--klant-ink:#0f1115;--klant-ink-soft:#2b2f36;--klant-muted:#5a6170;--klant-dim:#8a93a3;--klant-faint:#b7bcc7;--klant-success:#1f8757;--klant-success-soft:#1f87571a;--klant-success-border:#1f875738;--klant-warn:#a86600;--klant-warn-soft:#a866001a;--klant-warn-border:#a8660038;--klant-danger:#b91c1c;--klant-danger-soft:#b91c1c14;--klant-danger-border:#b91c1c33;--klant-info:#1659c5;--klant-info-soft:#1659c514;--klant-info-border:#1659c533;--klant-accent:#0e8e78;--klant-accent-deep:#0e8e78;--klant-accent-ink:#fff;--klant-on-accent:#fff;--klant-accent-soft:color-mix(in oklab, var(--klant-accent) 10%, transparent);--klant-accent-border:color-mix(in oklab, var(--klant-accent) 24%, transparent);--klant-chrome-bg:#fafaf7;--klant-chrome-border:#0f111514;--klant-pad-x:18px;--klant-pad-y:16px;--klant-gap:14px;--klant-nav-y:8px;--klant-row-y:12px;--klant-font-body:var(--font-inter), system-ui, sans-serif;--klant-font-display:var(--font-jakarta), var(--font-inter), system-ui, sans-serif;--klant-font-mono:var(--font-jetbrains), ui-monospace, "SF Mono", monospace;--klant-r-sm:6px;--klant-r-md:10px;--klant-r-lg:14px;--klant-r-xl:20px;--klant-r-2xl:28px;--klant-sidebar-w:248px;--klant-topbar-h:60px;--klant-bg-elev:var(--klant-surface);--klant-bg-elev-2:var(--klant-surface-deep);--klant-surface-hover:var(--klant-surface-muted);--klant-fg:var(--klant-ink);--klant-fg-muted:var(--klant-muted);--klant-fg-dim:var(--klant-dim);--klant-accent-strong:var(--klant-accent-border);--klant-warning:var(--klant-warn);--klant-warning-soft:var(--klant-warn-soft)}.dark [data-klant-scope],[data-theme=dark] [data-klant-scope]{--klant-bg:#0e1722;--klant-bg-grad:radial-gradient(140% 80% at 0% 0%, #6fe3c20f, transparent 50%), radial-gradient(80% 60% at 100% 100%, #f0cfa10a, transparent 55%), #0e1722;--klant-surface:#13202f;--klant-surface-muted:#172738;--klant-surface-deep:#1c2e43;--klant-border:#b4d2e61a;--klant-border-strong:#b4d2e633;--klant-shadow:0 10px 30px -10px #00000073;--klant-highlight:#ffffff0a;--klant-ink:#e9eef3;--klant-ink-soft:#c1ccd7;--klant-muted:#92a1b2;--klant-dim:#5e708a;--klant-faint:#3f4f66;--klant-success:#6fe3c2;--klant-success-soft:#6fe3c21f;--klant-success-border:#6fe3c24d;--klant-warn:#f0cfa1;--klant-warn-soft:#f0cfa11f;--klant-warn-border:#f0cfa147;--klant-danger:#f2867a;--klant-danger-soft:#f2867a1f;--klant-danger-border:#f2867a47;--klant-info:#7ab8ff;--klant-info-soft:#7ab8ff1a;--klant-info-border:#7ab8ff38;--klant-accent:#6fe3c2;--klant-accent-deep:#3dab8a;--klant-accent-ink:#06281f;--klant-on-accent:#06281f;--klant-accent-soft:color-mix(in oklab, var(--klant-accent) 14%, transparent);--klant-accent-border:color-mix(in oklab, var(--klant-accent) 32%, transparent);--klant-chrome-bg:#0b121c99;--klant-chrome-border:#b4d2e61a}html:not(.dark)[data-klant-accent=manta] [data-klant-scope]{--klant-accent:#0e8e78;--klant-accent-deep:#0e8e78}html:not(.dark)[data-klant-accent=indigo] [data-klant-scope]{--klant-accent:#4f46e5;--klant-accent-deep:#4f46e5}html:not(.dark)[data-klant-accent=terra] [data-klant-scope]{--klant-accent:#b94b26;--klant-accent-deep:#b94b26}html:not(.dark)[data-klant-accent=slate] [data-klant-scope]{--klant-accent:#3a4656;--klant-accent-deep:#3a4656}html.dark[data-klant-accent=manta] [data-klant-scope]{--klant-accent:#6fe3c2;--klant-accent-deep:#3dab8a;--klant-accent-ink:#06281f;--klant-on-accent:#06281f}html.dark[data-klant-accent=indigo] [data-klant-scope]{--klant-accent:#8b92ff;--klant-accent-deep:#5c61d8;--klant-accent-ink:#0b0e33;--klant-on-accent:#0b0e33}html.dark[data-klant-accent=terra] [data-klant-scope]{--klant-accent:#f2867a;--klant-accent-deep:#c25949;--klant-accent-ink:#3b1308;--klant-on-accent:#3b1308}html.dark[data-klant-accent=slate] [data-klant-scope]{--klant-accent:#a6b2c2;--klant-accent-deep:#74819a;--klant-accent-ink:#0f1218;--klant-on-accent:#0f1218}[data-klant-density=compact] [data-klant-scope]{--klant-pad-x:14px;--klant-pad-y:12px;--klant-gap:10px;--klant-nav-y:6px;--klant-row-y:9px}[data-klant-density=regular] [data-klant-scope]{--klant-pad-x:18px;--klant-pad-y:16px;--klant-gap:14px;--klant-nav-y:8px;--klant-row-y:12px}[data-klant-density=comfy] [data-klant-scope]{--klant-pad-x:22px;--klant-pad-y:20px;--klant-gap:18px;--klant-nav-y:10px;--klant-row-y:14px}.klant-shell{grid-template-columns:var(--klant-sidebar-w) 1fr;grid-template-rows:var(--klant-topbar-h) 1fr;background:var(--klant-bg-grad,var(--klant-bg));min-height:100vh;color:var(--klant-ink);font-family:var(--klant-font-body);display:grid}.klant-sidebar{background:var(--klant-chrome-bg);border-right:1px solid var(--klant-chrome-border);flex-direction:column;grid-area:1/1/span 2;gap:6px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.klant-topbar{background:var(--klant-chrome-bg);border-bottom:1px solid var(--klant-chrome-border);z-index:10;grid-area:1/2;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.dark .klant-sidebar,[data-theme=dark] .klant-sidebar,.dark .klant-topbar,[data-theme=dark] .klant-topbar{-webkit-backdrop-filter:blur(24px)}.klant-main{grid-area:2/2;width:100%;max-width:1400px;padding:28px 32px 56px}.klant-card{background:var(--klant-bg-elev);border:1px solid var(--klant-border);border-radius:var(--klant-r-lg);padding:20px}.klant-card-glass{background:var(--klant-surface);border:1px solid var(--klant-border);border-radius:var(--klant-r-xl);-webkit-backdrop-filter:blur(20px)saturate(140%);padding:24px}.klant-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.klant-page-title{font-family:var(--font-jakarta), var(--font-inter), sans-serif;letter-spacing:-.02em;color:var(--klant-fg);margin:0;font-size:28px;font-weight:700;line-height:1.15}.klant-page-sub{color:var(--klant-fg-muted);max-width:640px;margin:6px 0 0;font-size:14px}.klant-section-title{font-family:var(--font-jakarta), var(--font-inter), sans-serif;color:var(--klant-fg);margin:0 0 6px;font-size:16px;font-weight:600}.klant-section-help{color:var(--klant-fg-muted);margin:0 0 16px;font-size:13px}.klant-nav-item{border-radius:var(--klant-r-md);color:var(--klant-fg-muted);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex}.klant-nav-item:hover{background:var(--klant-surface);color:var(--klant-fg)}.klant-nav-item[data-active=true]{background:var(--klant-accent-soft);color:var(--klant-fg);border-color:var(--klant-border-strong);font-weight:500}.klant-nav-item svg{flex-shrink:0}.klant-status{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.klant-status:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px;display:inline-block}.klant-status[data-tone=neutral]{background:var(--klant-surface);color:var(--klant-fg-muted);border:1px solid var(--klant-border)}.klant-status[data-tone=success]{background:var(--klant-success-soft);color:var(--klant-success)}.klant-status[data-tone=warning]{background:var(--klant-warning-soft);color:var(--klant-warning)}.klant-status[data-tone=danger]{background:var(--klant-danger-soft);color:var(--klant-danger)}.klant-status[data-tone=info]{background:var(--klant-info-soft);color:var(--klant-info)}.klant-status[data-tone=accent]{background:var(--klant-accent-soft);color:var(--klant-accent)}.klant-btn{border-radius:var(--klant-r-md);border:1px solid var(--klant-border);background:var(--klant-surface);color:var(--klant-fg);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.klant-btn:hover{background:var(--klant-surface-hover);border-color:var(--klant-border-strong)}.klant-btn[data-variant=primary]{background:var(--klant-accent);border-color:var(--klant-accent);color:#03171a}.klant-btn[data-variant=primary]:hover{background:color-mix(in oklab, var(--klant-accent) 88%, black)}.klant-btn[data-variant=ghost]{background:0 0;border-color:#0000}.klant-btn[data-variant=ghost]:hover{background:var(--klant-surface)}.klant-btn[data-variant=danger]{border-color:var(--klant-danger-soft);color:var(--klant-danger);background:0 0}.klant-btn[data-variant=danger]:hover{background:var(--klant-danger-soft)}.klant-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.klant-empty{text-align:center;border:1px dashed var(--klant-border);border-radius:var(--klant-r-xl);background:var(--klant-surface);flex-direction:column;align-items:center;gap:14px;padding:56px 24px;display:flex}.klant-empty-icon{background:var(--klant-accent-soft);width:56px;height:56px;color:var(--klant-accent);border-radius:999px;place-items:center;display:grid}.klant-empty-title{font-family:var(--font-jakarta), var(--font-inter), sans-serif;color:var(--klant-fg);margin:0;font-size:18px;font-weight:600}.klant-empty-sub{color:var(--klant-fg-muted);max-width:420px;margin:0;font-size:14px;line-height:1.5}.klant-input,.klant-textarea,.klant-select{background:var(--klant-bg);border:1px solid var(--klant-border);border-radius:var(--klant-r-md);width:100%;color:var(--klant-fg);padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .12s,background .12s}.klant-input:focus,.klant-textarea:focus,.klant-select:focus{border-color:var(--klant-accent);background:var(--klant-bg-elev);outline:none}.klant-textarea{resize:vertical;min-height:100px;line-height:1.5}.klant-label{color:var(--klant-fg);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.klant-hint{color:var(--klant-fg-dim);margin-top:4px;font-size:12px}.klant-table{border-collapse:collapse;width:100%;font-size:13px}.klant-table th{text-align:left;letter-spacing:.02em;color:var(--klant-fg-dim);text-transform:uppercase;border-bottom:1px solid var(--klant-border);padding:10px 12px;font-size:12px;font-weight:500}.klant-table td{border-bottom:1px solid var(--klant-border);vertical-align:middle;padding:12px}.klant-table tr:last-child td{border-bottom:none}.klant-table tr:hover td{background:var(--klant-surface)}.klant-tabs{border-bottom:1px solid var(--klant-border);gap:4px;margin-bottom:20px;display:flex}.klant-tab{color:var(--klant-fg-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .12s,border-color .12s}.klant-tab:hover{color:var(--klant-fg)}.klant-tab[data-active=true]{color:var(--klant-accent);border-bottom-color:var(--klant-accent)}.klant-tabs{scrollbar-width:none;overflow-x:auto}.klant-tabs::-webkit-scrollbar{display:none}.klant-tab{white-space:nowrap;flex-shrink:0}.klant-ui-btn{font-family:var(--klant-font-body);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:500;line-height:1;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.klant-ui-btn[data-size=sm]{gap:6px;padding:5px 10px;font-size:12px}.klant-ui-btn[data-size=md]{padding:7px 13px;font-size:13px}.klant-ui-btn[data-size=lg]{gap:8px;padding:9px 16px;font-size:14px}.klant-ui-btn[data-variant=primary]{background:var(--klant-accent);color:var(--klant-accent-ink);border-color:var(--klant-accent);font-weight:600}.klant-ui-btn[data-variant=primary]:hover{background:color-mix(in oklab, var(--klant-accent) 88%, black)}.klant-ui-btn[data-variant=secondary]{background:var(--klant-surface);color:var(--klant-ink);border-color:var(--klant-border-strong)}.klant-ui-btn[data-variant=secondary]:hover{background:var(--klant-surface-muted)}.klant-ui-btn[data-variant=ghost]{color:var(--klant-ink);background:0 0}.klant-ui-btn[data-variant=ghost]:hover{background:var(--klant-surface-muted)}.klant-ui-btn[data-variant=soft]{background:var(--klant-accent-soft);color:var(--klant-accent);border-color:var(--klant-accent-border)}.klant-ui-btn[data-variant=soft]:hover{background:color-mix(in oklab, var(--klant-accent) 18%, transparent)}.klant-ui-btn[data-variant=danger]{color:var(--klant-danger);border-color:var(--klant-danger-border);background:0 0}.klant-ui-btn[data-variant=danger]:hover{background:var(--klant-danger-soft)}.klant-ui-btn[data-variant=inverse]{background:var(--klant-ink);color:var(--klant-bg);border-color:var(--klant-ink)}.klant-ui-btn[data-variant=inverse]:hover{opacity:.9}.klant-ui-btn:disabled{opacity:.55;cursor:default}.klant-ui-iconbtn{border:1px solid var(--klant-border);background:var(--klant-surface);color:var(--klant-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.klant-ui-iconbtn:hover{background:var(--klant-surface-muted);color:var(--klant-ink);border-color:var(--klant-border-strong)}.klant-triage{background:var(--klant-surface);border:1px solid var(--klant-border-strong);box-shadow:var(--klant-shadow);border-radius:16px;position:relative;overflow:hidden}.dark .klant-triage,[data-theme=dark] .klant-triage{background:linear-gradient(135deg, var(--klant-surface-muted) 0%, var(--klant-surface) 70%)}.dark .klant-triage:before,[data-theme=dark] .klant-triage:before{content:"";pointer-events:none;background:radial-gradient(50% 90% at 100% 0%, var(--klant-accent-soft), transparent 60%);position:absolute;inset:0}.klant-bar-row:hover .klant-bar-fill{filter:brightness(1.08)}.klant-convo-row:hover{background:var(--klant-surface-muted)}@media (max-width:900px){.klant-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--klant-topbar-h) 1fr}.klant-topbar{grid-area:1/1}[data-klant-scope] .klant-sidebar{z-index:1000;border-right:1px solid var(--klant-border);border-bottom:none;flex-direction:column;grid-area:1/1/span 2;width:min(86vw,320px);height:100dvh;padding:18px 14px;transition:transform .24s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-100%);box-shadow:0 0 64px #0006}[data-klant-scope][data-klant-drawer-open=true] .klant-sidebar{transform:translate(0)}.klant-main{grid-area:2/1;min-width:0;padding:20px 16px 48px}[data-klant-scope] .klant-topbar-hamburger{display:inline-flex}[data-klant-scope]{overflow-x:hidden}.klant-page-title{font-size:22px}}@media (max-width:760px){.klant-stack-narrow{grid-template-columns:1fr!important}}.klant-topbar-hamburger{display:none}@media (max-width:640px){.klant-topbar-hamburger{display:inline-flex}.klant-topbar-label,.klant-topbar-preview-btn span{display:none}.klant-topbar-preview-btn{padding:6px 8px}[data-klant-scope] .klant-sidebar{z-index:1000;border-right:1px solid var(--klant-border);border-bottom:none;flex-direction:column;width:min(86vw,320px);height:100dvh;padding:18px 14px;transition:transform .24s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-100%);box-shadow:0 0 64px #0006}[data-klant-scope][data-klant-drawer-open=true] .klant-sidebar{transform:translate(0)}[data-klant-scope]{grid-template-rows:var(--klant-topbar-h) 1fr}[data-klant-scope] .klant-main{padding:18px var(--content-padding-x,16px) 48px;grid-area:2/1}[data-klant-scope]{overflow-x:hidden}.klant-topbar{gap:8px;padding:0 12px!important}}.klant-shell{--klant-topbar-h:calc(60px + var(--safe-top,0px))}.klant-topbar{padding-top:var(--safe-top,0px);padding-left:calc(24px + var(--safe-left,0px));padding-right:calc(24px + var(--safe-right,0px))}.klant-main{padding-left:max(32px, calc(32px + var(--safe-left,0px)));padding-right:max(32px, calc(32px + var(--safe-right,0px)))}@media (max-width:640px){.klant-topbar{padding-top:var(--safe-top,0px)!important;padding-left:calc(12px + var(--safe-left,0px))!important;padding-right:calc(12px + var(--safe-right,0px))!important}}.crawl-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--klant-border-strong) transparent;overflow-y:auto}.crawl-scroll::-webkit-scrollbar{width:10px}.crawl-scroll::-webkit-scrollbar-thumb{background:var(--klant-border-strong);border-radius:6px}.crawl-scroll::-webkit-scrollbar-thumb:hover{background:var(--klant-fg-dim)}.crawl-scroll::-webkit-scrollbar-track{background:0 0}.klant-setup-step .klant-setup-skip{opacity:0;color:var(--klant-muted);background:var(--klant-surface-muted);border:1px solid var(--klant-border);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11.5px;font-weight:500;transition:opacity .12s,background .12s,color .12s,border-color .12s}.klant-setup-step:hover .klant-setup-skip,.klant-setup-skip:focus-visible{opacity:1}.klant-setup-skip:hover{color:var(--klant-ink);border-color:var(--klant-border-strong);background:var(--klant-surface)}.klant-setup-skip:disabled{opacity:.5;cursor:default}.contactverzoeken-list{flex-direction:column;gap:14px;display:flex}.contactverzoek-card{background:var(--klant-surface);border:1px solid var(--klant-border);border-radius:var(--klant-r-lg);box-shadow:var(--klant-shadow);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.contactverzoek-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.contactverzoek-name{color:var(--klant-ink);font-size:15px;font-weight:600}.contactverzoek-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;display:flex}.contactverzoek-pref{color:var(--klant-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.contactverzoek-date{color:var(--klant-dim);font-size:11.5px;font-family:var(--klant-font-mono)}.contactverzoek-contact{flex-wrap:wrap;gap:14px;display:flex}.contactverzoek-contact-link{color:var(--klant-accent);align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.contactverzoek-contact-link:hover{text-decoration:underline}.contactverzoek-subject{color:var(--klant-ink);font-size:13.5px;font-weight:500}.contactverzoek-toelichting{color:var(--klant-ink);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13.5px;line-height:1.5}.contactverzoek-thread-link{color:var(--klant-accent);align-items:center;gap:5px;width:fit-content;font-size:12.5px;text-decoration:none;display:inline-flex}.contactverzoek-thread-link:hover{text-decoration:underline}.contactverzoek-actions{border-top:1px solid var(--klant-border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;padding-top:4px;display:flex}.contactverzoek-actions-label{color:var(--klant-muted);font-size:12.5px}.contactverzoek-notes{flex-direction:column;gap:6px;display:flex}.contactverzoek-notes-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contactverzoek-notes-count{color:var(--klant-dim);font-size:11.5px}.contactverzoek-saved{color:var(--klant-success);font-size:12.5px}.contactverzoek-confirm,.contactverzoek-error{color:var(--klant-danger);font-size:12.5px}