:root{--bg: #FFFFFF;--bg-soft: #F9F9F9;--ink: #263544;--ink-body: #515D69;--ink-muted: #7B8794;--brand: #08BCC4;--brand-2: #015EEA;--brand-gradient: linear-gradient(90deg, #08BCC4 0%, #015EEA 100%);--accent-soft: #E6F7F8;--border: #EAEAEB;--success: #0DA678;--warning: #F5683B;--danger: #F31F4F;--border-strong: #D3D7DC;--hover: rgba(38, 53, 68, .05);--shadow-xs: 0 1px 2px rgba(38, 53, 68, .05);--shadow: 0 2px 8px rgba(38, 53, 68, .07);--shadow-lift: 0 12px 32px rgba(38, 53, 68, .12);--ring: 0 0 0 3px rgba(8, 188, 196, .18);--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-card: 12px;--radius-input: 8px;--control-h: 36px;--control-h-sm: 32px}@media (pointer: coarse){:root{--control-h: 44px;--control-h-sm: 40px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-base);line-height:1.5;color:var(--ink-body);background:var(--bg-soft);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--brand);text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app-shell{--zijbalk-b: 248px;display:flex;min-height:100vh}.app-shell.zijbalk-smal{--zijbalk-b: 60px}.app-hoofd{flex:1;min-width:0;display:flex;flex-direction:column}.zijbalk{position:sticky;top:0;z-index:30;flex:0 0 var(--zijbalk-b);width:var(--zijbalk-b);height:100vh;height:100dvh;display:flex;flex-direction:column;gap:4px;padding:12px 10px 10px;background:var(--bg);border-right:1px solid var(--border);transition:flex-basis .18s ease-out,width .18s ease-out}.zijbalk-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 2px 0 8px;margin-bottom:6px}.wordmark{display:block;color:var(--ink);flex-shrink:0}.wordmark svg{width:132px;height:auto;display:block}.zijbalk-wissel{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:none;color:var(--ink-muted);cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.zijbalk-wissel:hover{background:var(--hover);color:var(--ink)}.zijbalk-zoek{display:flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 10px;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-soft);font-size:var(--text-sm);color:var(--ink-muted);cursor:pointer;text-align:left;transition:border-color .15s ease-out}.zijbalk-zoek:hover{border-color:var(--border-strong)}.zijbalk-zoek svg{flex-shrink:0}.zijbalk-zoek .label{flex:1}.zijbalk-zoek kbd{margin:0;background:var(--bg)}.zijbalk-nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;margin:0 -4px;padding:0 4px}.nav-groep{display:flex;flex-direction:column;gap:1px}.nav-groep-titel{padding:0 8px 4px;font-size:var(--text-xs);font-weight:500;color:var(--ink-muted);white-space:nowrap}.nav-item{position:relative;display:flex;align-items:center;gap:10px;height:32px;padding:0 8px;border:none;border-radius:var(--radius-md);background:none;color:var(--ink-body);font-size:var(--text-base);font-weight:500;white-space:nowrap;text-align:left;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.nav-item svg{width:16px;height:16px;flex-shrink:0;color:var(--ink-muted)}.nav-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.nav-item.active svg{color:var(--brand)}.nav-item.open{color:var(--ink)}.nav-item.open svg{color:var(--brand)}.nav-ouder .nav-pijl{flex:none;display:inline-flex;transition:transform .15s ease-out}.nav-ouder .nav-pijl svg{width:14px;height:14px}.nav-item.open .nav-pijl{transform:rotate(90deg)}.nav-subitems{display:flex;flex-direction:column;gap:1px;margin:1px 0 2px 16px;padding-left:10px;border-left:1px solid var(--border)}.nav-subitem{height:30px;font-size:var(--text-sm)}.gebruikersmenu{position:relative;padding-top:8px;border-top:1px solid var(--border)}.topbar-user{width:100%;height:40px;padding:0 6px}.topbar-user .naam{font-size:var(--text-base);font-weight:600;color:var(--ink)}.topbar-user .nav-pijl{flex:none;display:inline-flex;transform:rotate(-90deg);color:var(--ink-muted)}.topbar-user .nav-pijl svg{width:14px;height:14px}.gebruikersmenu-lijst{position:absolute;bottom:calc(100% + 6px);left:0;z-index:41;width:100%;min-width:220px;padding:4px;display:flex;flex-direction:column;gap:1px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);animation:fadeIn .12s ease-out}.gebruikersmenu-kop{display:flex;flex-direction:column;padding:6px 8px 8px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:var(--text-base);color:var(--ink);line-height:1.4}.gebruikersmenu-kop .meta{font-size:var(--text-xs)}.zijbalk-smal .zijbalk{padding-left:8px;padding-right:8px}.zijbalk-smal .zijbalk-kop{justify-content:center;padding:0}.zijbalk-smal .zijbalk-kop .wordmark,.zijbalk-smal .zijbalk .label,.zijbalk-smal .zijbalk-zoek kbd{display:none}.zijbalk-smal .zijbalk-zoek{justify-content:center;padding:0}.zijbalk-smal .nav-groep-titel{height:1px;padding:0;margin:0 8px 6px;overflow:hidden;background:var(--border);color:transparent}.zijbalk-smal .nav-item{justify-content:center;padding:0}.zijbalk-smal .nav-item .nav-teller{position:absolute;top:5px;right:8px;min-width:8px;width:8px;height:8px;padding:0;font-size:0;box-shadow:0 0 0 2px var(--bg)}.zijbalk-smal .topbar-user{justify-content:center;padding:0}.main{flex:1;min-width:0;background:var(--bg-soft)}.main-inner{max-width:1600px;margin:0 auto;width:100%;padding:24px 32px 40px;display:flex;flex-direction:column;gap:24px}.app-shell:has(.tc-zwever) .main-inner{padding-bottom:88px}.topbar{position:sticky;top:0;z-index:40;display:none;align-items:center;gap:8px;height:56px;padding:0 12px;background:var(--bg);border-bottom:1px solid var(--border)}.topbar .wordmark svg{width:128px}.topbar-zoek{margin-left:auto}.zijbalk-achtergrond{display:none}.kicker{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}h1.paginatitel{font-size:var(--text-2xl);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}h2.sectiekop{font-size:var(--text-xl);font-weight:600;line-height:1.3;color:var(--ink)}.blokkop{font-size:var(--text-lg);font-weight:600;line-height:1.3;color:var(--ink)}.meta{font-size:var(--text-sm);font-weight:500;color:var(--ink-muted)}.tekstblok{max-width:65ch;white-space:pre-wrap}.paginakop{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.paginakop .links{display:flex;flex-direction:column;gap:2px;flex:1 1 320px;min-width:0}.paginakop .uitleg{font-size:var(--text-base);color:var(--ink-muted)}.paginakop>.rij-flex{gap:8px}.paginakop .links.titelrij{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.kruimelpad{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:2px;font-size:var(--text-sm);font-weight:500}.kruimelpad a{color:var(--ink-muted);transition:color .15s ease-out}.kruimelpad a:hover{color:var(--ink)}.kruimel-scheiding{color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);padding:0 14px;font-size:var(--text-base);font-weight:600;cursor:pointer;border:none;transition:filter .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;min-height:var(--control-h);white-space:nowrap}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primair{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-xs)}.btn-primair:hover{filter:brightness(.94)}.btn-secundair{background:var(--bg);border:1px solid var(--border);color:var(--ink);box-shadow:var(--shadow-xs)}.btn-secundair:hover{background:var(--bg-soft);border-color:var(--border-strong)}.btn-klein{min-height:var(--control-h-sm);padding:0 12px;font-size:var(--text-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.tekstlink{background:none;border:none;color:var(--brand);font-weight:600;font-size:var(--text-base);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 0}.tekstlink .pijl{transition:transform .2s ease-out}.tekstlink:hover .pijl{transform:translate(4px)}.tekstlink-danger{color:var(--danger)}.filterrij{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filterrij select,.pill-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background-color:var(--bg);border-radius:var(--radius-md);padding:0 30px 0 12px;font-size:var(--text-sm);font-weight:500;color:var(--ink-body);cursor:pointer;min-height:var(--control-h-sm);background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8AA3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.zoekveld{position:relative;display:flex;align-items:center}.zoekveld svg{position:absolute;left:10px;width:15px;height:15px;color:var(--ink-muted);pointer-events:none}.zoekveld input{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-md);padding:0 12px 0 32px;font-size:var(--text-sm);height:var(--control-h-sm);min-width:220px;color:var(--ink);transition:border-color .15s ease-out,box-shadow .15s ease-out}.zoekveld input:hover{border-color:var(--border-strong)}.zoekveld input:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.actieve-filter{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--brand);border-radius:var(--radius-md);padding:0 8px 0 10px;font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;min-height:var(--control-h-sm)}.filters-wissen{margin-left:auto}.card{background:var(--bg);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-xs);padding:18px}.card-schaduw{box-shadow:var(--shadow-xs)}.card-klikbaar{cursor:pointer;transition:border-color .15s ease-out,box-shadow .15s ease-out}.card-klikbaar:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.icoon-vlak{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}.icoon-vlak svg{width:18px;height:18px}.kaartgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kaartgrid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kaartgrid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:1px 8px;font-size:var(--text-xs);font-weight:600;line-height:18px;white-space:nowrap}.status-label{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--text-xs);font-weight:500;color:var(--ink-body);white-space:nowrap}.status-stip{width:6px;height:6px;border-radius:50%;flex-shrink:0}.prio-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--ink-body);white-space:nowrap}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.avatar-klein{width:22px;height:22px;font-size:9.5px}.favicon-avatar{background:var(--bg);border:1px solid var(--border);overflow:hidden}.favicon-avatar img{width:18px;height:18px;object-fit:contain}.avatar-klein.favicon-avatar img{width:14px;height:14px}.balk-ok{background:#e7f8ef;color:#0f7a4d;border:1px solid #bfe9d4;border-radius:var(--radius-md);padding:10px 14px;font-size:var(--text-base);font-weight:500}.bulk-tabel td{padding:6px 8px}.cel-input{width:100%;min-width:110px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg);color:var(--ink)}.cel-input:focus{border-color:var(--brand);outline:none}.cel-smal{min-width:64px;max-width:80px}.klant-link{border:none;background:none;cursor:pointer;padding:0;font:inherit;color:inherit}.klant-link:hover .celkop{color:var(--brand-2);text-decoration:underline}.kolomkiezer{position:relative}.kolomkiezer-paneel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:240px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);display:flex;flex-direction:column;gap:6px}.kolomkiezer-paneel label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;white-space:nowrap}.kolomkiezer-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.cel-kort{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cel-breed{min-width:220px}.cel-inline{display:flex;align-items:center;gap:6px;min-height:28px;margin:-4px -8px;padding:4px 8px;border-radius:8px;cursor:text;outline:1px dashed transparent;transition:outline-color .15s ease-out}.cel-inline:hover{outline-color:var(--ink-muted)}.cel-inline-actief{cursor:default;outline:none;margin:-6px -8px;padding:0}.cel-inline-actief .cel-input{min-width:140px}.cel-net{display:inline-flex;color:var(--success);animation:cel-net-weg 1.5s ease-out forwards}@keyframes cel-net-weg{0%,60%{opacity:1}to{opacity:0}}.zoek-modal{max-width:720px;gap:10px;padding:12px}.zoek-modal .zoekveld input{height:40px;font-size:var(--text-base)}.zoek-hint{margin:0;padding:4px 4px 0;font-size:14px}.zoek-resultaten{max-height:62vh;overflow-y:auto;display:flex;flex-direction:column;margin:0 -8px;padding:0 8px}.zoek-groep{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:600;color:var(--ink-muted);padding:14px 12px 6px}.zoek-groep span{background:var(--bg-soft);border-radius:999px;padding:1px 8px;font-weight:600}.zoek-treffer{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;text-align:left;padding:8px 12px;border:none;border-radius:var(--radius-md);background:none;font:inherit;color:inherit;cursor:pointer}.zoek-treffer.actief{background:var(--accent-soft)}.zoek-regel{display:flex;align-items:center;gap:10px}.zoek-regel .titel{flex:1;font-weight:500;color:var(--ink)}.zoek-sub,.zoek-fragment{font-size:13.5px}.zoek-veld{font-weight:600;color:var(--ink-body)}.zoek-veld:after{content:":"}.zoek-treffer mark{background:#fff1a8;color:inherit;border-radius:3px;padding:0 1px}.zoek-voet{display:flex;gap:16px;font-size:12.5px;padding-top:4px;border-top:1px solid var(--border)}kbd{font-family:inherit;font-size:11.5px;font-weight:600;color:var(--ink-body);background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;padding:0 5px;margin-right:4px}.zoek-kbd{margin-left:2px}.tabel-wrap{background:var(--bg);border-radius:var(--radius-card);border:1px solid var(--border);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}thead th{background:var(--bg-soft);font-size:var(--text-xs);font-weight:500;color:var(--ink-muted);text-align:left;padding:9px 16px;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:8px 16px;height:44px;border-bottom:1px solid var(--border);color:var(--ink-body);vertical-align:middle}tbody tr:last-child td{border-bottom:none}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{padding:9px 16px;border-top:1px solid var(--border);background:var(--bg-soft);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tabel-vast{max-height:calc(100dvh - 200px);overflow:auto;overscroll-behavior:contain}.tabel-vast thead th{position:sticky;top:0;z-index:2}.tabel-vast tfoot td{position:sticky;bottom:0;z-index:2}.tabel-vast th:first-child,.tabel-vast td:first-child{position:sticky;left:0;z-index:1;background:var(--bg);box-shadow:inset -1px 0 0 var(--border)}.tabel-vast thead th:first-child,.tabel-vast tfoot td:first-child{z-index:3;background:var(--bg-soft)}.tabel-vast thead th,.tabel-vast tbody td{padding-left:12px;padding-right:12px}.tabel-vast thead th:first-child,.tabel-vast tbody td:first-child{padding-left:16px}.tabel-vast tbody td,td.nowrap{white-space:nowrap}.afkap{display:inline-block;min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.afkap-s{max-width:160px}.afkap-l{max-width:260px}.tabel-vast tbody tr.klikbaar:hover td:first-child{background:var(--bg-soft)}tbody tr.klikbaar{cursor:pointer;transition:background-color .15s ease-out}tbody tr.klikbaar:hover{background:var(--bg-soft)}td .celkop{font-weight:600;color:var(--ink)}.voortgang{display:flex;align-items:center;gap:12px}.voortgang-spoor{flex:1;height:6px;border-radius:999px;background:var(--border);overflow:hidden;min-width:80px}.voortgang-vulling{height:100%;border-radius:999px;background:var(--brand-gradient);transition:width .2s ease-out}.voortgang-pct{font-size:var(--text-sm);font-weight:600;color:var(--ink)}.checklist{display:flex;flex-direction:column}.checklist-regel{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s ease-out}.checklist-regel:hover{background:var(--bg-soft)}.checklist-regel:last-child{border-bottom:none}.checklist-titel{flex:1;font-weight:500;color:var(--ink);font-size:var(--text-base)}.checklist-regel.af .checklist-titel{color:var(--ink-muted);text-decoration:line-through}.checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-out;padding:0}.checkbox.checked{background:var(--brand);border-color:var(--brand);color:#fff}.checkbox svg{width:12px;height:12px}.open-pill{background:var(--accent-soft);color:var(--brand);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;padding:1px 8px}.chevron{transition:transform .2s ease-out;color:var(--ink-muted);width:18px;height:18px;flex-shrink:0}.chevron.open{transform:rotate(90deg)}.checklist-taken{background:var(--bg-soft);padding:6px 14px 6px 44px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.taak-regel{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease-out;font-size:var(--text-base)}.taak-regel:hover{background:#ffffffe6}.taak-regel .titel{flex:1;font-weight:500;color:var(--ink)}.hint{font-size:var(--text-xs);color:var(--brand);font-weight:500;background:var(--accent-soft);border-radius:var(--radius-sm);padding:1px 8px}.main-inner:has(>.kanban){gap:16px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(248px,1fr));gap:12px;overflow-x:auto;align-items:start;padding-bottom:8px}.kanban-kolom{background:#26354409;border-radius:12px;padding:2px 6px 6px;display:flex;flex-direction:column;gap:6px;min-height:160px;transition:background-color .15s ease-out,box-shadow .15s ease-out}.kanban-kolom.drag-over{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--brand)}.kanban-kolomkop{display:flex;align-items:center;gap:8px;height:36px;padding:0 2px 0 6px;font-size:13px;font-weight:600;color:var(--ink)}.kanban-kolomkop .status-stip{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-kolomkop .aantal{color:var(--ink-muted);font-weight:500;font-variant-numeric:tabular-nums}.kolom-plus{margin-left:auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:none;color:var(--ink-muted);cursor:pointer;opacity:0;transition:opacity .15s ease-out,background-color .15s ease-out,color .15s ease-out}.kanban-kolom:hover .kolom-plus,.kolom-plus:focus-visible{opacity:1}.kolom-plus:hover{background:#26354412;color:var(--ink)}.kanban-leeg{border:1px dashed #D9DDE1;border-radius:10px;padding:16px 12px;text-align:center;font-size:12.5px;color:var(--ink-muted)}.kanban-kaart{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px #2635440a;cursor:pointer;transition:border-color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out}.kanban-kaart:hover{border-color:#d3d7dc;box-shadow:0 2px 8px #26354412}.kanban-kaart.dragging{opacity:.45}.kanban-kaart.drop-voor:before,.kanban-kaart.drop-na:after{content:"";position:absolute;left:2px;right:2px;height:2px;border-radius:2px;background:var(--brand);pointer-events:none}.kanban-kaart.drop-voor:before{top:-5px}.kanban-kaart.drop-na:after{bottom:-5px}.kaart-klant{display:flex;align-items:center;gap:6px;min-width:0;padding-right:26px;font-size:12px;font-weight:500;color:var(--ink-muted)}.kaart-klant>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kaart-klant .avatar{width:16px;height:16px;border-radius:4px;font-size:7.5px}.kaart-klant .favicon-avatar img{width:12px;height:12px}.kanban-kaart .titel{font-size:13.5px;font-weight:600;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kanban-kaart .voet{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:20px;margin-top:2px;font-size:12px;color:var(--ink-muted)}.kanban-kaart .voet>*{flex-shrink:0;white-space:nowrap}.kanban-kaart .voet .badge{font-size:11px;padding:1px 6px;border-radius:5px}.kanban-kaart .voet .uren{display:inline-flex;align-items:center;gap:3px;font-weight:500;font-variant-numeric:tabular-nums}.kanban-kaart .voet .rechts{margin-left:auto;display:inline-flex}.kanban-kaart .voet .avatar{width:20px;height:20px;font-size:8.5px}.prio-icoon{display:inline-flex;flex-shrink:0}.fase-knop{position:absolute;top:6px;right:6px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--ink-muted);cursor:pointer;opacity:0;transition:opacity .15s ease-out,background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}.kanban-kaart:hover .fase-knop,.kanban-kaart:focus-within .fase-knop{opacity:1}.fase-knop:hover{background:var(--brand);border-color:var(--brand);color:#fff}@media (hover: none){.kolom-plus,.fase-knop{opacity:1}}@media (max-width: 768px){.kanban{grid-template-columns:repeat(4,82vw);scroll-snap-type:x mandatory}.kanban-kolom{scroll-snap-align:start}}.paneel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142b40;z-index:40;animation:fadeIn .2s ease-out}.zijpaneel{position:fixed;top:0;right:0;bottom:0;width:640px;max-width:100vw;background:var(--bg);border-left:1px solid var(--border);box-shadow:var(--shadow-lift);z-index:50;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paneel-kop{display:flex;align-items:flex-start;gap:12px}.paneel-titel{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.paneel-kop .blokkop{flex:1;font-size:var(--text-xl)}.paneel-soort{font-size:var(--text-sm);font-weight:500;color:var(--ink-muted)}.paneel-soort a{color:var(--ink-muted)}.paneel-soort a:hover{color:var(--ink);text-decoration:underline}.paneel-blok{display:flex;flex-direction:column;gap:8px}.paneel-blok-kop{font-size:var(--text-sm);font-weight:600;color:var(--ink)}.tooltip{position:fixed;z-index:2000;transform:translate(-50%,-100%);max-width:260px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--ink);color:#fff;box-shadow:var(--shadow);font-size:var(--text-xs);font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:fadeIn .1s ease-out}.tooltip.onder{transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.tooltip{animation:none}}.eigenschappen{display:flex;flex-direction:column;gap:2px}.eigenschap{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;min-height:34px}.eigenschap dt{font-size:var(--text-sm);font-weight:500;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eigenschap dd{min-width:0;display:flex;align-items:center;gap:8px;font-size:var(--text-base);color:var(--ink)}.eigenschap dd a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eigenschap dd a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.eigenschap dd a:hover{text-decoration-color:var(--ink)}.record{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.record-hoofd{display:flex;flex-direction:column;gap:16px;min-width:0}.record-zij{position:sticky;top:24px;min-width:0}.record-zij .eigenschap{grid-template-columns:124px minmax(0,1fr)}.record-kop{margin-bottom:8px;font-size:var(--text-sm);font-weight:600;color:var(--ink)}.record-notitie{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:var(--text-sm)}.record-notitie p{margin-top:2px;color:var(--ink-body);white-space:pre-wrap}.record-voet{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:var(--text-xs)}.record-voet .tekstlink{font-size:var(--text-xs);padding:0}@media (max-width: 1100px){.record{grid-template-columns:minmax(0,1fr)}.record-zij{position:static;order:-1}}.keuze.keuze-licht,.invoer.invoer-licht{height:30px;max-width:calc(100% + 8px);margin-left:-8px;padding:0 8px;border-color:transparent;background:transparent;box-shadow:none;font-size:var(--text-base);color:var(--ink)}.keuze.keuze-licht{gap:6px}.keuze-licht:hover,.invoer-licht:hover{background:var(--hover);border-color:transparent}.keuze.keuze-licht.open,.keuze.keuze-licht:focus-visible,.invoer.invoer-licht:focus{background:var(--bg);border-color:var(--brand);box-shadow:var(--ring)}.keuze-licht .keuze-pijl{opacity:0;transition:opacity .15s ease-out,transform .15s ease-out}.keuze-licht:hover .keuze-pijl,.keuze-licht.open .keuze-pijl,.keuze-licht:focus-visible .keuze-pijl{opacity:1}@media (pointer: coarse){.keuze.keuze-licht,.invoer.invoer-licht{height:40px}.keuze-licht .keuze-pijl{opacity:1}}.sluitknop{background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:0;border-radius:var(--radius-md);display:flex;flex-shrink:0;min-width:var(--control-h-sm);min-height:var(--control-h-sm);align-items:center;justify-content:center;transition:background-color .15s ease-out,color .15s ease-out}.sluitknop:hover{background:var(--hover);color:var(--ink)}.sluitknop.gevaar:hover{background:#f31f4f14;color:var(--danger)}.badge-rij{display:flex;gap:6px;flex-wrap:wrap}.velden-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.zijpaneel .pill-select{max-width:100%;width:100%}.veld-label{font-size:var(--text-xs);font-weight:500;color:var(--ink-muted);margin-bottom:4px}.veld-waarde{font-size:var(--text-base);color:var(--ink);font-weight:500;display:flex;align-items:center;gap:8px}.bijlage-rij{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--ink);font-weight:500}.bijlage-rij svg{width:16px;height:16px;color:var(--brand);flex-shrink:0}.bijlage-klikbaar{cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out}.bijlage-klikbaar:hover{background:var(--bg-soft);border-color:var(--border-strong)}.bijlage-rij .grootte{margin-left:auto;color:var(--ink-muted);font-weight:400;font-size:var(--text-xs)}.rte{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg);overflow:hidden;transition:border-color .15s ease-out,box-shadow .15s ease-out}.rte:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.rte-balk{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.rte-balk button{border:none;background:none;border-radius:var(--radius-sm);min-width:28px;height:28px;padding:0 6px;font-size:13px;color:var(--ink-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rte-balk button:hover{background:var(--hover);color:var(--ink)}.rte-scheiding{width:1px;height:18px;background:var(--border);margin:0 4px}.rte-veld{min-height:140px;max-height:320px;overflow-y:auto;padding:10px 12px;font-size:var(--text-base);line-height:1.6;color:var(--ink-body);outline:none}.rte-veld.compact{min-height:90px}.rte-veld:empty:before{content:attr(data-placeholder);color:var(--ink-muted)}.rte-veld strong,.rte-veld b,.rte-weergave strong,.rte-weergave b{color:var(--ink)}.rte-veld a,.rte-weergave a{color:var(--brand);text-decoration:underline}.rte-veld ul,.rte-veld ol,.rte-weergave ul,.rte-weergave ol{padding-left:22px;margin:4px 0}.rte-weergave{font-size:var(--text-base);line-height:1.6;color:var(--ink-body);max-width:65ch;overflow-wrap:break-word}.titel-input{flex:1;font-size:var(--text-xl);font-weight:600;line-height:1.3;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;padding:4px 8px;margin:-4px 0 0 -8px;width:100%}.titel-input:hover{border-color:var(--border)}.titel-input:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring);background:var(--bg)}.uren-rij{display:flex;align-items:center;gap:8px}.uren-rij input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);padding:0 10px;height:var(--control-h-sm);font-size:var(--text-sm);color:var(--ink);min-width:0}.uren-rij input:focus{outline:none;border-color:var(--brand)}.uren-rij input[type=date]{width:128px;flex-shrink:0}.uren-rij input[type=number]{width:64px;flex-shrink:0}.uren-rij input:not([type]){flex:1}.logboek{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-muted)}.logboek .regel{display:flex;gap:8px;line-height:1.5}.origineel-blok{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;font-size:var(--text-sm);white-space:pre-wrap;color:var(--ink-body);max-height:260px;overflow-y:auto}.form{display:flex;flex-direction:column;gap:16px}.form-veld{display:flex;flex-direction:column;gap:6px}.form-veld>label{font-size:var(--text-sm);font-weight:500;color:var(--ink)}.form-veld input,.form-veld select,.form-veld textarea{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg);padding:0 12px;height:var(--control-h);font-size:var(--text-base);color:var(--ink);box-shadow:var(--shadow-xs);transition:border-color .15s ease-out,box-shadow .15s ease-out}.form-veld input:hover,.form-veld select:hover,.form-veld textarea:hover{border-color:var(--border-strong)}.form-veld textarea{padding:10px 12px;height:auto;min-height:140px;resize:vertical;line-height:1.6}.form-veld textarea.klein{min-height:80px}.form-veld input:focus,.form-veld select:focus,.form-veld textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.form-rij{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;cursor:pointer;color:var(--ink-muted);font-size:var(--text-sm);display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .15s ease-out,background-color .15s ease-out}.upload-zone:hover,.upload-zone.drag{border-color:var(--brand);background:var(--accent-soft)}.upload-zone svg{width:22px;height:22px;color:var(--brand)}.keuze-kaarten{display:grid;grid-template-columns:1fr 1fr;gap:10px}.keuze-kaart{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:12px 14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out;font-size:var(--text-sm);color:var(--ink-muted)}.keuze-kaart .kop{font-size:var(--text-base);font-weight:600;color:var(--ink)}.keuze-kaart:hover{border-color:var(--brand)}.keuze-kaart.actief{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--accent-soft)}.leeg{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;text-align:center}.leeg p{color:var(--ink-muted);font-size:var(--text-base)}.roadmap-scroll{overflow-x:auto}.roadmap-binnen{min-width:100%}.rm-koprij,.rm-rij{display:flex;border-bottom:1px solid var(--border)}.rm-rij:last-child{border-bottom:none}.rm-label{width:240px;flex-shrink:0;padding:12px 16px;position:sticky;left:0;background:var(--bg);border-right:1px solid var(--border);z-index:2}.rm-kop{height:36px;padding:0 16px}.rm-naam{font-weight:600;color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.rm-tijdvak{position:relative;height:64px;flex-shrink:0}.rm-koprij .rm-tijdvak{height:36px}.rm-maand{position:absolute;top:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);border-left:1px solid var(--border);padding-left:6px;height:20px}.rm-vandaag{position:absolute;top:0;bottom:0;width:2px;background:var(--brand-2);opacity:.5;pointer-events:none}.rm-balk{position:absolute;top:14px;height:36px;background:var(--accent-soft);border:1px solid var(--brand);border-radius:999px;display:flex;align-items:center;cursor:pointer;transition:box-shadow .2s ease-out;-webkit-user-select:none;user-select:none}.rm-balk:hover{box-shadow:var(--shadow)}.rm-zonder-streef{border-style:dashed;opacity:.75}.rm-te-laat{border-color:var(--danger)}.rm-balk-inhoud{flex:1;display:flex;align-items:center;gap:8px;padding:0 6px;overflow:hidden;white-space:nowrap}.rm-pct{font-size:12px;font-weight:600;color:var(--ink)}.rm-handvat{width:12px;align-self:stretch;cursor:ew-resize;flex-shrink:0;border-radius:999px}.rm-handvat:hover{background:var(--brand);opacity:.35}.tc-assistent{gap:10px;font-size:14.5px;line-height:1.5}.chat-leeg{max-width:460px}.chat-leeg p{color:var(--ink-muted);margin-bottom:12px}.chat-suggesties{display:flex;flex-direction:column;gap:6px}.chat-suggesties button{text-align:left;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer}.chat-suggesties button:hover{background:var(--accent-soft);border-color:var(--brand)}.chat-vraag{align-self:flex-end;max-width:min(640px,85%);padding:8px 14px;border-radius:16px 4px 16px 16px;background:var(--tc-eigen);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.chat-antwoord{align-self:flex-start;max-width:min(720px,92%);padding:8px 14px;border:1px solid var(--border);border-radius:4px 16px 16px;background:var(--bg);color:var(--ink-body);overflow-wrap:anywhere}.chat-antwoord p{margin:4px 0}.chat-antwoord ul,.chat-antwoord ol{margin:4px 0;padding-left:18px}.chat-antwoord li{margin:2px 0}.chat-antwoord strong{color:var(--ink)}.chat-antwoord table{border-collapse:collapse;margin:6px 0;font-size:13px}.chat-antwoord th,.chat-antwoord td{text-align:left;padding:3px 10px 3px 0;vertical-align:top;border-bottom:1px solid var(--border)}.chat-antwoord code{font-size:12.5px;background:#2635440f;border-radius:4px;padding:1px 4px}.chat-antwoord a{text-decoration:underline}.chat-stap{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-muted);padding-left:4px}.chat-fout{padding:8px 12px;border-radius:10px;font-size:13px;color:var(--danger);border:1px solid rgba(243,31,79,.35);background:#f31f4f14}.chat-spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand);animation:draai .8s linear infinite}@keyframes draai{to{transform:rotate(360deg)}}.toast-houder{position:fixed;right:24px;bottom:92px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:var(--text-base);font-weight:500;color:var(--ink);animation:slideUp .2s ease-out;max-width:380px}.toast svg{width:18px;height:18px;color:var(--success);flex-shrink:0}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.tabs{display:flex;gap:2px;box-shadow:inset 0 -1px 0 var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:none;padding:0 12px;font-size:var(--text-base);font-weight:500;color:var(--ink-muted);cursor:pointer;border-bottom:2px solid transparent;min-height:40px;white-space:nowrap;transition:color .15s ease-out,border-color .15s ease-out}.tab:hover{color:var(--ink)}.tab.actief{color:var(--ink);font-weight:600;border-bottom-color:var(--brand)}.stat-kaart{display:flex;align-items:center;gap:14px}.stat-kaart .cijfer{font-size:var(--text-2xl);font-weight:700;color:var(--ink);line-height:1.1}.stat-kaart .label{font-size:var(--text-sm);color:var(--ink-muted);font-weight:500}.stat-kaart .sub{font-size:var(--text-xs);color:var(--ink-muted)}.stat-kaart>div{min-width:0}.invoer{height:var(--control-h);padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg);font-size:var(--text-base);color:var(--ink);transition:border-color .15s ease-out,box-shadow .15s ease-out}.invoer:hover{border-color:var(--border-strong)}.invoer:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.sectie{display:flex;flex-direction:column;gap:12px}.sectie-kop-rij{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.kerngetallen{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 24px;margin-bottom:16px}.kerngetal{display:flex;flex-direction:column;gap:2px;min-width:0}.kerngetal .meta{font-size:var(--text-xs)}.kerngetal strong{color:var(--ink);font-weight:600;overflow-wrap:anywhere}.rij-flex{display:flex;align-items:center;gap:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142b4d;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease-out}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;animation:slideUp .2s ease-out}.bezorgbus{position:fixed;bottom:14px;left:0;z-index:95;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;animation:bezorg-rit 6.4s ease-in-out forwards}.bezorgbus .bus{font-size:42px;line-height:1;transform:scaleX(-1)}.bezorgbus .bus-logo{color:var(--ink);display:flex;align-items:center}.bezorgbus .bus-logo svg{width:132px;height:auto;display:block}.bezorgbus .bus-label{background:var(--bg);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600;color:var(--brand);box-shadow:var(--shadow-lift);white-space:nowrap}@keyframes bezorg-rit{0%{transform:translate(-160px)}to{transform:translate(calc(100vw + 60px))}}@media (prefers-reduced-motion: reduce){.bezorgbus{display:none}}.hamburger{display:inline-flex;flex-shrink:0;background:none;border:none;border-radius:var(--radius-md);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}@media (max-width: 1100px){.kaartgrid,.kaartgrid-4{grid-template-columns:repeat(2,1fr)}.main-inner{padding:24px}}@media (max-width: 900px){.app-shell,.app-shell.zijbalk-smal{--zijbalk-b: 0px}.topbar{display:flex}.zijbalk,.zijbalk-smal .zijbalk{position:fixed;left:0;top:0;bottom:0;z-index:70;width:280px;max-width:85vw;flex-basis:auto;padding:12px 10px 10px;transform:translate(-100%);transition:transform .2s ease-out;box-shadow:none}.menu-open .zijbalk{transform:none;box-shadow:var(--shadow-lift)}.zijbalk-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:69;background:#14142b4d}.menu-open .zijbalk-achtergrond{display:block;animation:fadeIn .2s ease-out}.zijbalk-wissel{display:none}.zijbalk-smal .zijbalk-kop{justify-content:space-between;padding:0 2px 0 8px}.zijbalk-smal .zijbalk-kop .wordmark,.zijbalk-smal .zijbalk .label{display:revert}.zijbalk-smal .zijbalk .nav-item .label,.zijbalk-smal .zijbalk-zoek .label{display:block}.zijbalk-smal .zijbalk-zoek kbd{display:none}.zijbalk-smal .zijbalk-zoek,.zijbalk-smal .nav-item,.zijbalk-smal .topbar-user{justify-content:flex-start;padding:0 8px}.zijbalk-smal .nav-groep-titel{height:auto;padding:0 8px 4px;margin:0;background:none;color:var(--ink-muted)}.zijbalk-smal .nav-item .nav-teller{position:static;width:auto;min-width:20px;height:20px;padding:0 6px;font-size:11px;box-shadow:none}.nav-item{height:40px}.zijbalk-zoek kbd{display:none}}@media (max-width: 768px){.main-inner{padding:16px}h1.paginatitel{font-size:20px}.kaartgrid,.kaartgrid-2,.kaartgrid-4,.velden-grid,.form-rij,.keuze-kaarten{grid-template-columns:1fr}.zijpaneel{width:100vw;border-radius:0}}.debiteur-lijst{position:fixed;z-index:1200;max-height:320px;overflow-y:auto;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);display:flex;flex-direction:column;gap:2px}.debiteur-optie{display:flex;align-items:baseline;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}.debiteur-optie.actief,.debiteur-optie:hover{background:var(--bg-soft)}.debiteur-code{flex:0 0 auto;min-width:64px;font-variant-numeric:tabular-nums;font-weight:600}.debiteur-naam{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debiteur-status{padding:8px 10px;font-size:14px}.abonnement-wefact-rij td{padding-top:0;border-top:0}.abonnement-wefact-rij+tr td{padding-top:12px}.mail-werkblad{display:grid;grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:20px;align-items:start}.mail-kolom{display:flex;flex-direction:column;gap:16px;min-width:0}.mail-mappen{display:inline-flex;gap:2px;padding:3px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.mail-mappen button{border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);padding:0 12px;height:calc(var(--control-h-sm) - 8px);font-size:var(--text-sm);font-weight:500;color:var(--ink-muted);transition:background .15s ease-out,color .15s ease-out}.mail-mappen button:hover{color:var(--ink)}.mail-mappen button.actief{background:var(--accent-soft);color:var(--ink);font-weight:600}.mail-filter{display:inline-flex;align-items:center;gap:8px;height:var(--control-h-sm);padding:0 12px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-size:var(--text-sm);font-weight:500;color:var(--ink-body);transition:border-color .15s ease-out,background .15s ease-out}.mail-filter:hover{border-color:var(--brand)}.mail-filter.actief{border-color:var(--brand);background:var(--accent-soft);color:var(--ink);font-weight:600}.mail-filter .mail-stip{align-self:center}.mail-zoek{flex:1;max-width:380px;min-width:220px}.mail-zoek input{width:100%}.mail-lijst{list-style:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.mail-groep{padding:8px 16px 6px;background:var(--bg-soft);border-bottom:1px solid var(--border);font-size:var(--text-xs);font-weight:600;color:var(--ink-muted)}.mail-rij{position:relative;display:flex;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;transition:background .15s ease-out}.mail-lijst li:last-child .mail-rij{border-bottom:none}.mail-rij:hover{background:var(--bg-soft)}.mail-rij:focus-visible{outline-offset:-2px}.mail-rij.actief{background:var(--accent-soft)}.mail-rij.actief:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brand),var(--brand-2))}.mail-rij-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mail-rij-kop{display:flex;align-items:baseline;gap:8px}.mail-rij-van,.mail-rij-onderwerp,.mail-rij-fragment{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-rij-van{font-size:var(--text-base);font-weight:500;color:var(--ink)}.mail-rij-aantal{flex-shrink:0;font-size:12px;font-weight:600;line-height:18px;color:var(--ink-muted);border:1px solid var(--border);border-radius:9px;padding:0 6px;background:var(--bg)}.mail-rij time{margin-left:auto;flex-shrink:0;font-size:13px;font-weight:500;color:var(--ink-muted);white-space:nowrap}.mail-rij-onderwerp{font-size:var(--text-sm);color:var(--ink-body)}.mail-rij-fragment{font-size:13px;color:var(--ink-muted)}.mail-rij-klant{color:var(--brand);font-weight:600}.mail-rij-klant:after{content:" · ";color:var(--ink-muted);font-weight:400}.mail-stip{align-self:center;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--brand)}.mail-rij.ongelezen .mail-rij-van{font-weight:700}.mail-rij.ongelezen .mail-rij-onderwerp{font-weight:600;color:var(--ink)}.mail-rij.ongelezen time{color:var(--brand);font-weight:600}.mail-lees{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;display:flex;flex-direction:column;gap:22px;padding:24px 28px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);animation:fadeIn .18s ease-out}.mail-lees-leeg{min-height:360px;align-items:center;justify-content:center;text-align:center;background:none;border-style:dashed;color:var(--ink-muted);font-size:15px;animation:none}.mail-lees-leeg .icoon-vlak{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--brand)}.mail-lees-leeg p{max-width:30ch}.mail-lees-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}.mail-klantchip{display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 4px;border:1px solid var(--border);border-radius:999px;font-size:14px;font-weight:500;color:var(--ink);transition:border-color .15s ease-out}.mail-klantchip:hover{border-color:var(--brand)}.mail-draad{display:flex;flex-direction:column;gap:18px}.mail-bericht{display:flex;gap:12px;align-items:flex-start}.mail-bericht-inhoud{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.mail-bericht.eigen .mail-bericht-inhoud{background:var(--accent-soft);border-radius:4px 14px 14px;padding:10px 14px}.mail-eigen-avatar{background:var(--brand-gradient);color:#fff;font-size:11px;letter-spacing:.02em}.mail-bericht-kop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:32px;background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}.mail-afzender{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;min-width:0}.mail-tijd{flex-shrink:0;font-size:13px}.mail-aan{font-size:13px;margin-top:-6px}.mail-fragment{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-6px}.mail-tekst{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-base);color:var(--ink-body);max-width:72ch}.mail-html{width:100%;height:200px;border:none;display:block}.mail-bijlage{min-height:36px;height:36px;font-size:13px;padding:0 12px}.mail-doorsturen{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}.mail-doorsturen .meta{font-size:13px}.mail-antwoord{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:19px 16px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.mail-antwoord:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand-gradient)}.mail-antwoord .rte-veld{min-height:180px}.nav-teller{min-width:18px;height:18px;padding:0 5px;border-radius:9px;flex-shrink:0;background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}@media (max-width: 700px){.mail-zoek{max-width:none;flex-basis:100%}}@media (prefers-reduced-motion: reduce){.mail-lees{animation:none}.mail-rij,.mail-mappen button,.mail-klantchip{transition:none}}.koppel-lijst{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow-y:auto}.koppel-lijst button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;cursor:pointer;border:none;border-radius:var(--radius-md);background:none}.koppel-lijst button:hover{background:var(--bg-soft)}.koppel-lijst button:disabled{cursor:default;opacity:.6}.koppel-tekst{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.koppel-tekst strong{font-size:15px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.koppel-tekst .meta{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.koppelingen{list-style:none;display:flex;flex-direction:column;gap:8px}.koppeling{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.koppeling-kop{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer}.koppeling-kop:hover{background:var(--bg-soft)}.koppeling-pijl{display:inline-flex;color:var(--ink-muted);transform:rotate(90deg);transition:transform .15s ease-out}.koppeling.open .koppeling-pijl{transform:rotate(-90deg)}.koppeling-inhoud{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--border)}.koppeling-leeg{display:flex;align-items:center;gap:8px;font-size:14px}.koppeling-leeg svg{flex-shrink:0}.nvm .form-veld{min-width:0}.nvm .form-veld select,.nvm .form-veld input{width:100%;min-width:0}.inzage-keuze{display:flex;flex-wrap:wrap;gap:8px}.inzage-keuze label{display:inline-flex;align-items:center;gap:8px;height:var(--control-h-sm);padding:0 12px 0 10px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-size:14px;font-weight:500;color:var(--ink-body)}.inzage-keuze label.aan{border-color:var(--brand);background:var(--accent-soft);color:var(--ink);font-weight:600}.inzage-keuze input{width:16px;height:16px;accent-color:var(--brand)}@media (prefers-reduced-motion: reduce){.koppeling-pijl{transition:none}}.keuze{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;max-width:100%;height:var(--control-h);padding:0 10px 0 12px;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg);font-size:var(--text-base);color:var(--ink);box-shadow:var(--shadow-xs);transition:border-color .15s ease-out,box-shadow .15s ease-out}.keuze:hover{border-color:var(--border-strong)}.keuze:focus-visible,.keuze.open{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.keuze:disabled{cursor:not-allowed;background:var(--bg-soft);color:var(--ink-muted)}.keuze-waarde{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keuze-pijl{display:inline-flex;flex-shrink:0;color:var(--ink-muted);transform:rotate(90deg);transition:transform .15s ease-out}.keuze.open .keuze-pijl{transform:rotate(-90deg)}.form-veld .keuze,.nvm .form-veld .keuze{width:100%}.filterrij .keuze{height:var(--control-h-sm);max-width:280px;padding:0 8px 0 12px;background-image:none;font-size:var(--text-sm);font-weight:500;color:var(--ink-body)}.filterrij .keuze.actief{border-color:var(--brand);background:var(--accent-soft);color:var(--ink)}.keuze.pill-select{background-image:none;font-weight:500}.keuze.cel-input{height:32px;padding:0 8px 0 9px;border-radius:var(--radius-sm);font-size:var(--text-sm);box-shadow:none}.keuze-lijst{position:fixed;z-index:1300;display:flex;flex-direction:column;overflow:hidden;outline:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);animation:fadeIn .1s ease-out}.keuze-zoek{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--ink-muted)}.keuze-zoek input{flex:1;min-width:0;padding:0;border:none;outline:none;background:none;font-size:var(--text-base);color:var(--ink)}.keuze-zoek button{width:24px;height:24px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.keuze-zoek button:hover{background:var(--bg-soft);color:var(--ink)}.keuze-opties{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px;display:flex;flex-direction:column;gap:1px}.keuze-optie{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);font-size:var(--text-base);line-height:1.4;color:var(--ink);cursor:pointer}.keuze-optie.actief{background:var(--hover)}.keuze-optie.gekozen{font-weight:600}.keuze-optie.gekozen svg{flex-shrink:0;color:var(--brand)}.keuze-optie.uit{color:var(--ink-muted);cursor:default}.keuze-optie-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keuze-leeg{padding:10px;font-size:14px;color:var(--ink-muted)}.keuze-nieuw{flex-shrink:0;padding:9px 12px;border-top:1px solid var(--border);border-radius:0;font-weight:600;color:var(--brand)}.keuze-nieuw.actief{background:var(--accent-soft)}.keuze-venster{z-index:1400}@media (hover: none){.keuze-zoek input{font-size:16px}}@media (prefers-reduced-motion: reduce){.keuze-lijst{animation:none}.keuze,.keuze-pijl{transition:none}}.cijferrij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}.cijfer-tegel{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 18px;background:var(--bg);color:inherit}.cijfer-tegel.klikbaar{transition:background-color .15s ease-out}.cijfer-tegel.klikbaar:hover{background:var(--bg-soft)}.cijfer-tegel .label{font-size:var(--text-sm);font-weight:500;color:var(--ink-muted)}.cijfer-tegel .waarde{font-size:var(--text-2xl);font-weight:700;line-height:1.25;color:var(--ink);font-variant-numeric:tabular-nums}.cijfer-tegel .sub{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uren-invoer{display:flex;flex-direction:column;gap:12px}.uren-invoer-rij{display:grid;grid-template-columns:minmax(220px,2fr) 150px 90px minmax(180px,2fr) auto;gap:10px;align-items:end}.uren-invoer-rij .keuze{width:100%}.uren-invoer-rij .form-veld input{width:100%;min-width:0}.snel-kiezen{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.snel-kiezen .meta{margin-right:4px;font-size:var(--text-xs)}.chip{max-width:240px;height:28px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--ink-body);transition:border-color .15s ease-out,background-color .15s ease-out}.chip:hover{border-color:var(--border-strong)}.chip.actief{border-color:var(--brand);background:var(--accent-soft);color:var(--ink)}.week-kaart{display:flex;flex-direction:column;gap:12px}.week-balk{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.week-titel{font-size:var(--text-base);font-weight:600;color:var(--ink)}.week-titel .meta{font-weight:500}.week-totaal{margin-left:auto;font-size:var(--text-sm);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.week-dagen{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.week-dag{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;color:var(--ink-body);transition:border-color .15s ease-out,background-color .15s ease-out}.week-dag:hover{border-color:var(--border-strong)}.week-dag.actief{border-color:var(--brand);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--brand)}.week-dag .dagnaam{font-size:var(--text-xs);font-weight:500;color:var(--ink-muted);text-transform:capitalize}.week-dag .dagnr{font-size:var(--text-lg);font-weight:600;color:var(--ink);line-height:1.3}.week-dag.vandaag .dagnr{color:var(--brand-2)}.week-dag .daguren{font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.urenregel{gap:12px}.urenregel .dash-tekst{flex:1 1 200px}.urenregel-toelichting{flex:2 1 200px;min-width:0}.urenregel-uren{width:76px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 900px){.uren-invoer-rij{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.uren-invoer-rij .veld-ticket,.uren-invoer-rij .veld-toelichting,.uren-invoer-rij .btn{grid-column:1 / -1}.urenregel{flex-wrap:wrap}}@media (max-width: 600px){.week-titel .meta{display:none}}.legenda{display:inline-flex;gap:14px;font-size:var(--text-xs);font-weight:500;color:var(--ink-body)}.legenda>span{display:inline-flex;align-items:center;gap:6px}.legenda-kleur{width:10px;height:10px;border-radius:3px}.weekgrafiek{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.weekkolom{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;cursor:default}.weekplot{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;width:100%;height:148px;border-bottom:1px solid var(--border)}.weekwaarde{font-size:var(--text-xs);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.weekstapel{display:flex;flex-direction:column;gap:2px;width:24px;min-height:2px}.weekstapel .seg{min-height:2px}.weekstapel .seg:first-child{border-radius:4px 4px 0 0}.weekkolom:hover .weekstapel{filter:brightness(.94)}.weeklabel{font-size:var(--text-xs);color:var(--ink-muted);white-space:nowrap}.balklijst{display:flex;flex-direction:column;gap:10px}.balkregel{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr) auto;align-items:center;gap:12px;font-size:var(--text-sm)}.balkregel .naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.balkregel .balk{height:8px;border-radius:4px;background:var(--bg-soft);overflow:hidden}.balkregel .balk>span{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--brand-2)}.balkregel .waarde{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.dash-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:24px;align-items:start}.dash-zij{display:flex;flex-direction:column;gap:24px;min-width:0}.dash-lijst{list-style:none;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}.dash-laden{height:58px;background:var(--bg-soft)}.dash-groep{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-soft);border-bottom:1px solid var(--border);font-size:var(--text-xs);font-weight:600;color:var(--ink-body)}.dash-lijst>li+.dash-groep{border-top:1px solid var(--border)}.dash-groep .aantal{font-weight:500;color:var(--ink-muted)}.dash-groep.gevaar{color:var(--danger)}.dash-rij{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:none;border-bottom:1px solid var(--border);background:none;font:inherit;text-align:left;color:inherit}button.dash-rij{cursor:pointer;transition:background-color .15s ease-out}button.dash-rij:hover{background:var(--bg-soft)}button.dash-rij:focus-visible{outline-offset:-2px}.dash-lijst>li:last-child>.dash-rij,.dash-lijst>.dash-rij:last-child{border-bottom:none}.dash-lijst>li:has(+.dash-groep)>.dash-rij{border-bottom:none}.dash-tekst{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.dash-tekst.kolom{flex-direction:column;align-items:stretch;gap:0}.dash-tekst .titel,.dash-tekst .context{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-tekst .titel{flex:0 1 auto;font-size:var(--text-base);font-weight:500;color:var(--ink)}a.titel:hover{color:var(--brand-2)}.dash-tekst .context{flex:0 100 auto;font-size:var(--text-sm);color:var(--ink-muted)}.dash-rechts{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.dash-blok{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px}.dash-blok .titel,.dash-blok .context{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-blok .titel{font-size:var(--text-base);font-weight:500;color:var(--ink)}.dash-blok .context{font-size:var(--text-sm);color:var(--ink-muted)}.dash-datum{display:inline-flex;justify-content:flex-end;min-width:56px}.dash-getal{font-size:var(--text-sm);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.status-stip.groot{width:8px;height:8px}.mini-voortgang{width:96px}.mini-voortgang .voortgang{gap:8px}.mini-voortgang .voortgang-spoor{min-width:0;height:4px}.mini-voortgang .voortgang-pct{font-size:var(--text-xs);min-width:30px;text-align:right}@media (max-width: 1100px){.dash-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 768px){.cijferrij{grid-template-columns:repeat(2,minmax(0,1fr))}.cijfer-tegel{padding:12px 14px}.dash-status,.dash-rechts>.badge{display:none}}.app-shell:has(.tc){height:100vh;height:100dvh;min-height:0}.main:has(.tc){display:flex;flex-direction:column;min-height:0}.main-inner:has(.tc){flex:1;min-height:0;padding-top:20px;padding-bottom:20px}.tc,.tc-zwever-paneel{--tc-eigen: #D6F2F4}.tc{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.tc-laden{height:60vh;background:var(--bg-soft)}.tc-melding{padding:10px 16px;font-size:13px;font-weight:500;color:var(--danger)}.tc-zijkant{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--border)}.tc-zijkant-kop{display:flex;align-items:center;gap:8px;padding:16px 16px 12px 20px}.tc-zijkant-kop h1{flex:1;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--ink)}.tc-nieuw{width:40px;height:40px;border:none;border-radius:50%;background:var(--brand-gradient);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .2s ease-out}.tc-nieuw:hover{filter:brightness(.94)}.tc-gesprekken{list-style:none;flex:1;min-height:0;overflow-y:auto;padding:0 8px 12px;display:flex;flex-direction:column;gap:2px}.tc-gesprek{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:12px;background:none;cursor:pointer;text-align:left;transition:background .15s ease-out}.tc-gesprek:hover{background:var(--bg-soft)}.tc-gesprek.actief{background:var(--accent-soft)}.tc-gesprek:focus-visible{outline-offset:-2px}.tc-avatar{display:inline-flex;flex-shrink:0}.tc-avatar .avatar,.avatar.tc-avatar{width:40px;height:40px;font-size:14px}.tc-avatar-algemeen{background:var(--brand-gradient);color:#fff}.tc-avatar-groep{background:var(--ink);color:#fff}.tc-gesprek-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tc-gesprek-kop,.tc-gesprek-onder{display:flex;align-items:baseline;gap:8px}.tc-gesprek-onder{align-items:center}.tc-gesprek-naam,.tc-gesprek-fragment{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-gesprek-naam{font-size:15px;font-weight:600;color:var(--ink)}.tc-gesprek-fragment{font-size:13px;color:var(--ink-muted)}.tc-gesprek time{flex-shrink:0;font-size:12px;font-weight:500;color:var(--ink-muted)}.tc-gesprek.ongelezen .tc-gesprek-naam{font-weight:700}.tc-gesprek.ongelezen .tc-gesprek-fragment{color:var(--ink);font-weight:500}.tc-gesprek.ongelezen time{color:var(--brand);font-weight:600}.tc-venster{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-soft)}.tc-venster-leeg{align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;color:var(--ink-muted);font-size:15px}.tc-kop{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--border)}.tc-kop-tekst{flex:1;min-width:0;display:flex;flex-direction:column}.tc-kop h2{font-size:17px;font-weight:600;line-height:1.3;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-kop-leden{display:block;max-width:100%;padding:0;border:none;background:none;text-align:left;font-size:13px;font-weight:500;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.tc-kop-leden{cursor:pointer}button.tc-kop-leden:hover{color:var(--brand)}.tc-kop-knop{min-height:38px;padding:0 16px;font-size:14px}.tc-terug{width:36px;height:36px;margin-left:-8px;border:none;border-radius:50%;background:none;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transform:rotate(180deg);flex-shrink:0}.tc-berichten{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:44px 24px 14px;display:flex;flex-direction:column}.tc-berichten>:first-child{margin-top:auto}.tc-leeg{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:auto;text-align:center;color:var(--ink-muted);font-size:15px}.tc-leeg p{max-width:34ch}.tc-ouder{align-self:center;min-height:36px;padding:0 16px;font-size:13px;margin-bottom:8px}.tc-dag{display:flex;justify-content:center;margin:16px 0 6px}.tc-dag span{display:inline-block;padding:2px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:12.5px;font-weight:600;color:var(--ink-muted)}.tc-dag span:first-letter{text-transform:uppercase}.tc-rij{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.tc-rij.vervolg{margin-top:3px}.tc-rij.eigen{justify-content:flex-end}.tc-rij-avatar{width:32px;flex-shrink:0}.tc-bel-kolom{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:min(640px,78%)}.tc-rij.eigen .tc-bel-kolom{align-items:flex-end}.tc-naam{padding-left:4px;font-size:13px;font-weight:600;color:var(--ink)}.tc-bel-houder{position:relative;max-width:100%}.tc-bel{display:flex;flex-direction:column;gap:6px;min-width:76px;padding:8px 12px 5px;background:var(--bg);border:1px solid var(--border);border-radius:4px 16px 16px;font-size:15px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}.tc-rij.eigen .tc-bel{background:var(--tc-eigen);border-color:transparent;border-radius:16px 4px 16px 16px}.tc-tekst{white-space:pre-wrap}.tc-tekst a{color:var(--brand-2);text-decoration:underline}.tc-tijd{align-self:flex-end;margin-top:-4px;font-size:11.5px;font-weight:500;color:var(--ink-muted);white-space:nowrap}.tc-rij .tc-bel-emoji{background:none;border-color:transparent;padding:0 4px}.tc-bel-emoji .tc-tekst{font-size:40px;line-height:1.2}.tc-bel-emoji .tc-tijd{margin-top:0}.tc-rij .tc-bel-weg{flex-direction:row;align-items:baseline;gap:10px;padding-bottom:8px;background:none;border:1px dashed var(--border);font-size:14px;font-style:italic;color:var(--ink-muted)}.tc-bel-weg .tc-tijd{margin-top:0;font-style:normal}.tc-rij.flits .tc-bel{animation:tc-flits 1.6s ease-out}@keyframes tc-flits{0%,35%{box-shadow:0 0 0 3px var(--brand)}to{box-shadow:0 0 0 3px transparent}}.tc-citaat{display:flex;flex-direction:column;gap:1px;max-width:100%;padding:5px 10px;text-align:left;cursor:pointer;border:none;border-left:3px solid var(--brand);border-radius:6px;background:#2635440f;font-size:13px;line-height:1.4;color:var(--ink-body)}.tc-citaat:disabled{cursor:default}.tc-citaat strong{font-weight:600;color:var(--brand-2)}.tc-citaat span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tc-afbeeldingen{display:grid;gap:4px}.tc-afbeeldingen.meer{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-afbeelding{display:block;width:280px;max-width:100%;height:200px;padding:0;border:none;border-radius:10px;overflow:hidden;background:#26354414;cursor:zoom-in}.tc-afbeeldingen.meer .tc-afbeelding{width:150px;height:130px}.tc-afbeelding img{display:block;width:100%;height:100%;object-fit:cover}.tc-bestand{display:flex;align-items:center;gap:10px;width:280px;max-width:100%;padding:8px 10px;text-align:left;cursor:pointer;border:1px solid rgba(38,53,68,.1);border-radius:10px;background:#ffffffb3;color:var(--ink-muted);transition:border-color .15s ease-out}.tc-bestand:hover{border-color:var(--brand)}.tc-bestand-icoon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--accent-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}.tc-bestand-tekst{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.tc-bestand-naam{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-bestand-grootte{font-size:12px;font-weight:500}.tc-acties{position:absolute;top:-36px;left:0;z-index:3;display:none;align-items:center;gap:1px;padding:3px 6px;background:var(--bg);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-lift);white-space:nowrap}.tc-rij.eigen .tc-acties{left:auto;right:0}.tc-rij.open .tc-acties,.tc-rij:focus-within .tc-acties{display:flex}@media (hover: hover){.tc-rij:hover .tc-acties{display:flex}}.tc-acties button{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease-out,transform .15s ease-out}.tc-acties button:hover{background:var(--bg-soft);color:var(--ink)}.tc-acties button.gevaar:hover{color:var(--danger)}.tc-acties .tc-actie-emoji{font-size:19px;line-height:1}.tc-acties .tc-actie-emoji:hover{background:none;transform:scale(1.25)}.tc-acties-streep{width:1px;height:20px;margin:0 4px;background:var(--border)}.tc-reacties{display:flex;flex-wrap:wrap;gap:4px}.tc-rij.eigen .tc-reacties{justify-content:flex-end}.tc-reactie{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;cursor:pointer;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:12.5px;font-weight:600;color:var(--ink-body)}.tc-reactie span{font-size:15px;line-height:1}.tc-reactie:hover{border-color:var(--brand)}.tc-reactie.eigen{border-color:var(--brand);background:var(--accent-soft);color:var(--ink)}.tc-nieuw-onder{position:relative;z-index:2;align-self:center;height:36px;margin:-46px 0 10px;padding:0 16px;cursor:pointer;border:1px solid var(--border);border-radius:999px;background:var(--bg);box-shadow:var(--shadow-lift);font-size:13px;font-weight:600;color:var(--brand)}.tc-sleep{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--brand);border-radius:12px;background:#e6f7f8eb;font-size:16px;font-weight:600;color:var(--ink)}.tc-invoer{display:flex;flex-direction:column;gap:8px;padding:10px 16px 12px;background:var(--bg);border-top:1px solid var(--border)}.tc-invoer-rij{display:flex;align-items:flex-end;gap:4px}.tc-invoer-rij textarea{flex:1;min-width:0;min-height:44px;margin:0 4px;padding:10px 16px;resize:none;border:1px solid var(--border);border-radius:22px;background:var(--bg-soft);font-size:15px;line-height:1.5;color:var(--ink)}.tc-invoer-rij textarea:focus{outline:none;border-color:var(--brand);background:var(--bg)}.tc-invoer-knop,.tc-verstuur{width:44px;height:44px;flex-shrink:0;padding:0;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tc-invoer-knop{background:none;color:var(--ink-muted);transition:background .15s ease-out}.tc-invoer-knop:hover{background:var(--bg-soft);color:var(--ink)}.tc-verstuur{background:var(--brand-gradient);color:#fff;transition:filter .2s ease-out,opacity .2s ease-out}.tc-verstuur:hover{filter:brightness(.94)}.tc-verstuur:disabled{opacity:.4;cursor:default;filter:none}.tc-invoer-antwoord{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-left:3px solid var(--brand);border-radius:8px;background:var(--bg-soft);color:var(--brand)}.tc-invoer-antwoord-tekst{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;line-height:1.4;color:var(--ink-body)}.tc-invoer-antwoord-tekst strong{font-weight:600;color:var(--ink)}.tc-invoer-antwoord-tekst span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-invoer-antwoord .sluitknop{min-width:32px;min-height:32px;padding:4px}.tc-invoer-bestanden{display:flex;flex-wrap:wrap;gap:6px}.tc-wachtend{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:34px;padding:0 4px 0 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:13px;color:var(--ink)}.tc-wachtend.bezig{border-style:dashed;color:var(--ink-muted)}.tc-wachtend-naam{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.tc-wachtend-grootte{font-size:12px;color:var(--ink-muted);white-space:nowrap}.tc-wachtend button{width:26px;height:26px;padding:0;border:none;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tc-wachtend button:hover{background:var(--bg-soft);color:var(--ink)}.tc-kaart{display:flex;align-items:center;gap:10px;width:340px;max-width:100%;padding:8px 10px;text-align:left;border:1px solid rgba(38,53,68,.12);border-radius:12px;background:var(--bg);color:var(--ink);transition:border-color .15s ease-out,box-shadow .15s ease-out}a.tc-kaart:hover{border-color:var(--brand);box-shadow:var(--shadow)}.tc-kaart-icoon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--accent-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}.tc-kaart-tekst{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.tc-kaart-tekst strong{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-kaart-tekst span{font-size:12.5px;font-weight:500;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-kaart .badge{flex-shrink:0;font-size:12px;padding:2px 9px}.tc-kaart-weg{border-style:dashed;background:none}.tc-kaart-weg .tc-kaart-icoon{background:none;color:var(--ink-muted)}.tc-kaart-weg strong{color:var(--ink-muted);text-decoration:line-through}.tc-invoer-kaarten{display:flex;flex-wrap:wrap;gap:6px}.tc-kaart-concept{width:auto;max-width:100%}.tc-kaart-concept button{width:26px;height:26px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tc-kaart-concept button:hover{background:var(--bg-soft);color:var(--ink)}.tc-slash{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--bg);box-shadow:var(--shadow)}.tc-slash-kop{display:flex;justify-content:space-between;gap:12px;padding:4px 8px 6px;font-size:12.5px;font-weight:600;color:var(--ink-muted)}.tc-slash-kop span{display:inline-flex;gap:4px;font-weight:500}.tc-slash kbd{padding:0 5px;border:1px solid var(--border);border-radius:5px;background:var(--bg-soft);font:inherit;font-size:11.5px}.tc-slash button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:none;border-radius:10px;background:none;text-align:left;cursor:pointer}.tc-slash button.actief{background:var(--accent-soft)}.tc-slash .tc-kaart-icoon{width:32px;height:32px}.tc-slash-opdracht{min-width:76px;font-size:14px;font-weight:600;color:var(--brand-2)}.tc-slash-uitleg{font-size:14px;color:var(--ink-body)}.tc-slash-leeg{padding:8px;font-size:14px;color:var(--ink-muted)}@media (hover: none){.tc-slash-kop span,.tc-invoer-emoji{display:none}}.tc-emoji{position:fixed;z-index:1200;overflow-y:auto;padding:4px 10px 10px;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lift);animation:fadeIn .12s ease-out}.tc-emoji-groep{padding:10px 4px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.tc-emoji-raster{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.tc-emoji-raster button{aspect-ratio:1;padding:0;border:none;border-radius:8px;background:none;font-size:22px;line-height:1;cursor:pointer}.tc-emoji-raster button:hover{background:var(--bg-soft)}.tc-leden{list-style:none;display:flex;flex-direction:column;gap:2px}.tc-leden li{display:flex;align-items:center;gap:12px;padding:8px 4px}.tc-leden-naam{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.tc-leden-naam strong{font-size:15px;font-weight:600;color:var(--ink)}.tc-leden-naam .meta{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-leden-keuze li{padding:0}.tc-leden-keuze li>button,.tc-leden-keuze li>label{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:none;border-radius:12px;background:none;cursor:pointer;text-align:left}.tc-leden-keuze li>button:hover,.tc-leden-keuze li>label:hover{background:var(--bg-soft)}.tc-leden-keuze input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;flex-shrink:0;accent-color:var(--brand)}.tc-kop-icoon{width:40px;height:40px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease-out}.tc-kop-icoon:hover{background:var(--bg-soft);color:var(--ink)}.tc-kop-icoon.gedempt{color:var(--warning)}.tc-avatar-eigen{background:var(--accent-soft);color:var(--brand)}.tc-gesprek-gedempt{display:inline-flex;flex-shrink:0;color:var(--ink-muted)}.tc-gesprek.gedempt .nav-teller{background:var(--ink-muted)}.tc-koppeling{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:13px;font-weight:600;color:var(--brand);transition:border-color .15s ease-out}.tc-koppeling:hover{border-color:var(--brand)}.tc-push-stand{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.tc-push-stand .icoon-vlak{background:var(--bg);color:var(--ink-muted)}.tc-push-stand.aan{border-color:transparent;background:var(--accent-soft)}.tc-push-stand.aan .icoon-vlak{color:var(--brand)}.tc-push-stand strong{display:block;font-size:15px;font-weight:600;color:var(--ink)}.tc-push-stand p{font-size:14px;line-height:1.5;color:var(--ink-body)}.tc-push-stand ol{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.6;color:var(--ink-body)}.tc-push-kop{margin-bottom:6px;font-size:14px;font-weight:600;color:var(--ink)}.tc-push-lijst{padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.5;color:var(--ink-body)}.tc-push-apparaten{list-style:none;padding-left:0}.tc-push-apparaten li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tc-push-apparaten strong{font-weight:600;color:var(--ink)}.tc-push-apparaten .meta{font-size:13px;margin-left:auto}.tc-vergroot{flex-direction:column;gap:16px;background:#14142bc7;z-index:110}.tc-vergroot img{max-width:92vw;max-height:78vh;border-radius:12px;box-shadow:var(--shadow-lift)}.tc-vergroot-balk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;color:#fff;font-size:14px;font-weight:500}.tc-vergroot-balk span{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.tc-actiebalk{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--bg);border-top:1px solid var(--border);animation:slideUp .15s ease-out}.tc-actiebalk-emoji{display:flex;justify-content:space-between;align-items:center}.tc-actiebalk-emoji button{width:44px;height:44px;padding:0;border:none;border-radius:50%;background:var(--bg-soft);font-size:22px;line-height:1;cursor:pointer}.tc-actiebalk-emoji .tc-actiebalk-icoon{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted)}.tc-actiebalk-knoppen{display:flex;gap:8px}.tc-actiebalk-knoppen button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 12px;cursor:pointer;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:14px;font-weight:600;color:var(--ink)}.tc-actiebalk-knoppen .gevaar{color:var(--danger)}.tc-actiebalk-knoppen .tc-actiebalk-sluit{flex:0 0 44px;padding:0;color:var(--ink-muted)}@media (hover: none){.tc-acties{display:none!important}.tc-rij.open .tc-bel{box-shadow:0 0 0 2px var(--brand)}input,select,textarea,.tc-invoer-rij textarea,.form-veld input,.form-veld select,.form-veld textarea,.zoekveld input{font-size:16px}}.tc,.tc-zwever-paneel{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tc-zwever{position:fixed;left:calc(var(--zijbalk-b, 0px) + 24px);bottom:24px;z-index:85;box-shadow:var(--shadow-lift)}.tc-zwever svg{color:var(--brand)}.tc-zwever-paneel{position:fixed;left:calc(var(--zijbalk-b, 0px) + 24px);bottom:24px;z-index:95;width:420px;max-width:calc(100vw - 32px);height:640px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lift);animation:slideUp .2s ease-out}.tc-zwever-paneel .tc-zijkant{flex:1;border-right:none}.tc-zwever-paneel .tc-venster{flex:1}.tc-zwever-paneel .tc-kop{padding:10px 10px 10px 14px;gap:8px}.tc-zwever-paneel .tc-kop-knop{display:none}.tc-zwever-paneel .tc-kop-icoon{width:36px;height:36px}.tc-zwever-paneel .tc-zijkant-kop{padding-right:10px;gap:4px}.tc-zwever-paneel .tc-nieuw{margin-right:4px}.tc-zwever-paneel .tc-berichten{padding:44px 12px 10px}.tc-zwever-paneel .tc-bel-kolom{max-width:86%}.tc-zwever-paneel .tc-afbeelding{width:240px;height:170px}.tc-zwever-paneel .tc-invoer{padding:8px 8px 10px}@media (max-width: 768px){.tc-zwever{left:16px;bottom:16px}.tc-zwever-paneel{top:0;right:0;bottom:auto;left:0;width:auto;max-width:none;height:var(--tc-vvh, 100dvh);max-height:none;border:none;border-radius:0;animation:none}html:has(.tc-zwever-paneel){overflow:hidden;overscroll-behavior:none}}@media (max-width: 899px){html:has(.tc){overflow:hidden;overscroll-behavior:none}.app-shell:has(.tc){height:var(--tc-vvh, 100dvh);overflow:hidden}.app-shell:has(.tc-gesprek-open) .topbar{display:none}.main-inner:has(.tc){padding:0}.tc{grid-template-columns:minmax(0,1fr);border:none;border-radius:0}.tc.tc-gesprek-open .tc-zijkant,.tc:not(.tc-gesprek-open) .tc-venster{display:none}.tc-zijkant{border-right:none}.tc-kop{padding:10px 14px}.tc-kop-knop{display:none}.tc-berichten{padding:44px 12px 10px}.tc-bel-kolom{max-width:86%}.tc-invoer{padding:8px 8px 10px}}@media (prefers-reduced-motion: reduce){.tc-rij.flits .tc-bel,.tc-emoji,.tc-zwever-paneel{animation:none}.tc-gesprek,.tc-acties button,.tc-bestand{transition:none}}