@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--paper:#f6f4ef;--surface:#fff;--vlak:#efece5;--ink:#0d1321;--ink-2:#3d4556;--ink-3:#6b7282;--lijn:#e4e0d6;--accent:#2f5bea;--accent-ink:#fff;--accent-zacht:#e6ecfd;--coral:#e4674c;--coral-zacht:#fde9e3;--groen:#1a8a5e;--groen-zacht:#e0f3ea;--geel:#9a6b00;--geel-zacht:#fff4d6;--rood:#c8402b;--rood-zacht:#fce4df;--zij:#0d1321;--zij-tekst:#c9ceda;--zij-actief:#1b2438;--schaduw:0 1px 2px #0d13210d, 0 8px 24px -12px #0d132129;--r:14px;--demo-h:44px;--top-h:60px;--zij-b:232px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#0b101c;--surface:#121a2b;--vlak:#0f1624;--ink:#e9ecf3;--ink-2:#b7bdcb;--ink-3:#8a92a5;--lijn:#222c41;--accent:#7390ff;--accent-ink:#0b101c;--accent-zacht:#1a2547;--coral:#ff917a;--coral-zacht:#3a2220;--groen:#3ccb8f;--groen-zacht:#12301f;--geel:#f2c14e;--geel-zacht:#33290f;--rood:#ff8a73;--rood-zacht:#3a1d18;--zij:#070b14;--zij-tekst:#a9b0c0;--zij-actief:#161f33;--schaduw:0 1px 2px #0000004d, 0 12px 32px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font:400 15px/1.5 Instrument Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}h1{font-size:1.6rem}p{margin:0}a{color:var(--accent)}button{font:inherit;color:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dim{color:var(--ink-3)}.klein{font-size:.82rem}.ok{color:var(--groen)}.fout{color:var(--rood)}.warn{color:var(--geel)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.knop{background:var(--accent);min-height:40px;color:var(--accent-ink);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:600;transition:transform .12s,opacity .12s;display:inline-flex}.knop:hover:not(:disabled){transform:translateY(-1px)}.knop:disabled{opacity:.5;cursor:not-allowed}.knop-rustig{color:var(--ink);border-color:var(--lijn);background:0 0}.knop-klein{min-height:32px;padding:0 12px;font-size:.85rem}.rondknop{border:1px solid var(--lijn);cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border-radius:999px;place-items:center;display:inline-grid}.rondknop:hover{border-color:var(--ink-3)}.tekstknop{font-size:.75rem;font-weight:700}.logo{align-items:center;gap:9px;display:inline-flex}.logo-mark{color:#fff;width:26px;height:26px}.logo-lijn{stroke:#0d1321}.logo-stip{fill:#f27c62}.logo-woord{letter-spacing:-.04em;color:#fff;font-size:1.2rem;font-weight:600}.logo-woord b{color:#8fa8ff}.mobiel-logo .logo-mark{color:var(--ink)}.mobiel-logo .logo-lijn{stroke:var(--paper)}.mobiel-logo .logo-woord{color:var(--ink)}.mobiel-logo .logo-woord b{color:var(--accent)}.app{grid-template-columns:var(--zij-b) minmax(0, 1fr);grid-template-rows:var(--demo-h) var(--top-h) 1fr;grid-template-areas:"demo demo""zij top""zij main";min-height:100vh;display:grid}.demobalk{z-index:40;color:#fff;background:linear-gradient(90deg,#2f5bea,#5b3fd6);grid-area:demo;align-items:center;gap:12px;min-width:0;padding:0 16px;font-size:.88rem;display:flex;position:sticky;top:0}.demo-pil{text-transform:uppercase;letter-spacing:.08em;background:#fff3;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700}.demo-tekst{text-overflow:ellipsis;white-space:nowrap;opacity:.95;flex:1;min-width:0;overflow:hidden}.demo-knoppen{gap:6px;display:flex}.dknop{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.dknop:hover:not(:disabled),.dknop[aria-pressed=true]{background:#ffffff26}.dknop-primair{color:#2f3cc9;background:#fff;border-color:#fff}.dknop-primair:hover:not(:disabled){background:#eef1ff}.dknop:disabled{opacity:.55;cursor:default}.zijbalk{top:var(--demo-h);height:calc(100vh - var(--demo-h));background:var(--zij);color:var(--zij-tekst);flex-direction:column;grid-area:zij;gap:4px;padding:18px 12px;display:flex;position:sticky}.zij-logo{padding:2px 10px 0}.zij-msp{color:#7c859a;text-transform:uppercase;letter-spacing:.08em;margin:6px 10px 18px;font-size:.78rem;font-weight:600}.zij-nav{gap:2px;display:grid}.zij-link{color:var(--zij-tekst);border-radius:10px;align-items:center;gap:11px;padding:9px 10px;font-weight:500;text-decoration:none;display:flex}.zij-link:hover{background:var(--zij-actief);color:#fff}.zij-link.active{background:var(--zij-actief);color:#fff;box-shadow:inset 3px 0 #7390ff}.zij-link.uit{opacity:.45;cursor:default}.zij-link.uit:hover{color:var(--zij-tekst);background:0 0}.zij-link em{text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-size:.68rem;font-style:normal}.teller{color:#fff;text-align:center;background:#2f5bea;border-radius:999px;min-width:22px;margin-left:auto;padding:0 7px;font-size:.75rem;font-weight:700;line-height:20px}.bovenbalk{top:var(--demo-h);z-index:30;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--lijn);grid-area:top;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky}.mobiel-logo{display:none}.zoek{background:var(--surface);border:1px solid var(--lijn);max-width:460px;height:38px;color:var(--ink-3);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.zoek input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.boven-acties{align-items:center;gap:8px;margin-left:auto;display:flex}.ik{align-items:center;gap:8px;margin-left:6px;font-weight:500;display:inline-flex}.inhoud{grid-area:main;min-width:0;padding:24px 24px 64px}.demo-hint{background:var(--accent-zacht);max-width:1200px;color:var(--ink);border:1px dashed color-mix(in srgb, var(--accent) 45%, transparent);border-radius:12px;margin:0 auto 16px;padding:10px 14px;font-size:.9rem}.pagina{max-width:1200px;margin:0 auto}.pagina-kop{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.sub{color:var(--ink-3);margin-top:4px}.avatar{letter-spacing:.02em;background:var(--vlak);color:var(--ink-2);border-radius:999px;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar-md{width:32px;height:32px;font-size:.75rem}.avatar-sm{width:26px;height:26px;font-size:.65rem}.avatar-engineer{background:var(--accent-zacht);color:var(--accent)}.avatar-ai{color:#fff;background:linear-gradient(135deg,#2f5bea,#7b5cf0);font-size:.7rem}.avatar-leeg{border:1.5px dashed var(--lijn);background:0 0}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.status-new{background:var(--accent-zacht);color:var(--accent)}.status-open{background:var(--vlak);color:var(--ink-2)}.status-waiting{background:var(--geel-zacht);color:var(--geel)}.status-resolved,.status-closed{background:var(--groen-zacht);color:var(--groen)}.prio{border-radius:6px;flex:none;place-items:center;width:30px;height:22px;font-size:.72rem;font-weight:700;display:inline-grid}.prio-1{background:var(--rood);color:#fff}.prio-2{background:var(--coral-zacht);color:var(--coral)}.prio-3{background:var(--vlak);color:var(--ink-2)}.prio-4{color:var(--ink-3);border:1px solid var(--lijn);background:0 0}.kanaal{color:var(--ink-3);align-items:center;gap:5px;display:inline-flex}.sla{white-space:nowrap;align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:inline-flex}.sla-ok{color:var(--ink-3)}.sla-warn{color:var(--geel)}.sla-over{color:var(--rood)}.pil{white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.pil-nieuw{background:var(--accent);color:var(--accent-ink)}.pil-voorstel{background:var(--coral-zacht);color:var(--coral)}.pil-ai{color:#fff;background:linear-gradient(135deg,#2f5bea,#7b5cf0)}.pil-intern{background:var(--geel-zacht);color:var(--geel);margin-left:6px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{border-radius:var(--r);background:var(--surface);border:1px solid var(--lijn);padding:14px 16px}.stat span{color:var(--ink-3);font-size:.8rem;display:block}.stat b{letter-spacing:-.02em;font-size:1.6rem;font-weight:600}.stat-warn b{color:var(--geel)}.stat-accent{border-color:color-mix(in srgb, var(--coral) 50%, var(--lijn))}.stat-accent b{color:var(--coral)}.stat-ai b{background:linear-gradient(135deg,#2f5bea,#7b5cf0);color:#0000;-webkit-background-clip:text;background-clip:text}.tabs{border-bottom:1px solid var(--lijn);gap:4px;margin-bottom:14px;display:flex;overflow-x:auto}.tab{color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;font-weight:600;display:inline-flex}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.tab-n{background:var(--vlak);border-radius:999px;padding:0 7px;font-size:.72rem;line-height:18px}.info-regel{color:var(--ink-2);align-items:center;gap:8px;margin-bottom:12px;font-size:.88rem;display:flex}.lijst{gap:8px;display:grid}.rij{border-radius:var(--r);background:var(--surface);border:1px solid var(--lijn);color:inherit;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:grid}.rij:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--lijn));box-shadow:var(--schaduw)}.rij-nieuw{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);animation:.5s ease-out binnen}@keyframes binnen{0%{opacity:0;transform:translateY(-8px)}}.rij-voorstel{border-left:3px solid var(--coral)}.rij-hoofd{min-width:0}.rij-titel{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.rij-titel b{font-weight:600}.nummer{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.82rem}.rij-sam{color:var(--ink-2);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:.88rem;display:-webkit-box;overflow:hidden}.rij-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.8rem;display:flex}.rij-rechts{align-items:center;gap:12px;display:flex}.leeg{text-align:center;color:var(--ink-3);padding:40px}.kaart{background:var(--surface);border:1px solid var(--lijn);border-radius:var(--r);padding:18px}.kaart-kop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.kaart-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.terug{color:var(--ink-3);align-items:center;gap:6px;margin-bottom:12px;font-weight:500;text-decoration:none;display:inline-flex}.terug:hover{color:var(--ink)}.ticket-kop{margin-bottom:18px}.ticket-titel{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.ticket-titel h1{font-size:1.45rem}.ticket-meta{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;font-size:.88rem;display:flex}.status-kies select{font:inherit;border:1px solid var(--lijn);background:var(--surface);color:var(--ink);border-radius:8px;padding:4px 8px;font-size:.85rem}.toegewezen{color:var(--ink-3)}.ticket-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.ticket-links{gap:14px;min-width:0;display:grid}.ticket-rechts{top:calc(var(--demo-h) + var(--top-h) + 16px);position:sticky}.samenvatting{background:linear-gradient(135deg, color-mix(in srgb, #2f5bea 7%, var(--surface)), color-mix(in srgb, #7b5cf0 7%, var(--surface)));border-color:color-mix(in srgb, var(--accent) 25%, var(--lijn))}.samenvatting p{margin-top:8px}.voorstel{border:1.5px solid var(--coral);box-shadow:0 0 0 4px color-mix(in srgb, var(--coral) 12%, transparent)}.voorstel-executed{border-color:var(--groen);box-shadow:0 0 0 4px color-mix(in srgb, var(--groen) 12%, transparent)}.voorstel-rejected{border-color:var(--lijn);box-shadow:none}.voorstel h3{margin-bottom:6px;font-size:1.1rem}.voorstel>p{color:var(--ink-2)}.voorstel-doel{gap:8px;margin:10px 0 0;font-size:.85rem;display:flex}.voorstel-doel dt{color:var(--ink-3)}.voorstel-doel dd{word-break:break-all;margin:0;font-weight:600}.vstatus{border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.vstatus-pending{background:var(--coral-zacht);color:var(--coral)}.vstatus-approved,.vstatus-executing{background:var(--accent-zacht);color:var(--accent)}.vstatus-executed{background:var(--groen-zacht);color:var(--groen)}.vstatus-rejected,.vstatus-failed{background:var(--vlak);color:var(--ink-3)}.veilig{color:var(--ink-3);align-items:center;gap:6px;margin-top:12px;font-size:.82rem;display:flex}.voorstel-knoppen{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.stappen{gap:6px;margin:14px 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.stappen li{color:var(--ink-3);align-items:center;gap:8px;display:flex}.stappen li.klaar{color:var(--groen)}.stappen li.bezig{color:var(--accent);font-weight:600}.bol{border:1.5px solid var(--lijn);border-radius:50%;width:10px;height:10px;margin:0 2px}.voorstel-na{color:var(--ink-2);align-items:center;gap:6px;margin-top:12px;font-size:.85rem;display:flex}.voorstel-executed .voorstel-na{color:var(--groen);font-weight:600}.draai{animation:1s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}.berichten{gap:14px;margin:12px 0 0;padding:0;list-style:none;display:grid}.bericht{grid-template-columns:26px 1fr;gap:10px;display:grid}.bericht-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;font-size:.8rem;display:flex}.bericht-meta b{color:var(--ink);margin-right:4px;font-weight:600}.bericht-inhoud p{white-space:pre-wrap;margin-top:3px}.bericht.intern .bericht-inhoud{background:var(--geel-zacht);border-radius:10px;padding:8px 12px}.antwoord{border:1px solid var(--lijn);border-radius:12px;margin-top:16px;overflow:hidden}.antwoord-note{border-color:color-mix(in srgb, var(--geel) 40%, var(--lijn))}.antwoord-tabs{border-bottom:1px solid var(--lijn);display:flex}.antwoord-tabs button{cursor:pointer;color:var(--ink-3);background:0 0;border:0;align-items:center;gap:5px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.antwoord-tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.antwoord-note .antwoord-tabs button[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--geel)}.antwoord textarea{width:100%;font:inherit;background:var(--surface);color:var(--ink);resize:vertical;border:0;outline:none;padding:12px 14px;display:block}.antwoord-note textarea{background:color-mix(in srgb, var(--geel-zacht) 60%, var(--surface))}.antwoord-voet{background:var(--surface);justify-content:flex-end;padding:8px 10px;display:flex}.m365 h4{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:16px 0 8px;font-size:.75rem;font-weight:700}.gdap-tag{color:var(--groen);align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:inline-flex}.m365-leeg{color:var(--ink-3);font-size:.9rem}.m365-gebruiker{gap:2px;display:grid}.m365-gebruiker b{font-size:1.05rem}.upn{color:var(--ink-3);word-break:break-all;font-size:.82rem}.status-regel{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:.82rem;font-weight:600;display:inline-flex}.status-regel .dim{font-weight:400}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--vlak);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:500}.m365-lijst{gap:8px;margin:0;padding:0;list-style:none;display:grid}.m365-lijst li{grid-template-columns:16px 1fr auto;align-items:start;gap:8px;font-size:.85rem;display:grid}.m365-lijst li>svg{color:var(--ink-3);margin-top:2px}.m365-lijst em{white-space:nowrap;color:var(--ink-3);font-size:.75rem;font-style:normal;font-weight:600}.m365-lijst em.ok{color:var(--groen)}.m365-lijst em.fout{color:var(--rood)}.snel{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.klanten{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.klant-kop{justify-content:space-between;align-items:start;gap:12px;display:flex}.klant h3{font-size:1.05rem}.gdap{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.gdap-active{background:var(--groen-zacht);color:var(--groen)}.gdap-expiring{background:var(--geel-zacht);color:var(--geel)}.gdap-none{background:var(--rood-zacht);color:var(--rood)}.klant-cijfers{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px;display:grid}.klant-cijfers dt{color:var(--ink-3);font-size:.75rem}.klant-cijfers dd{margin:0;font-size:1.25rem;font-weight:600}.licentie{gap:4px;display:grid}.licentie meter{width:100%;height:8px}.teams{z-index:60;top:calc(var(--demo-h) + 12px);background:var(--surface);border:1px solid var(--lijn);border-radius:18px;flex-direction:column;width:380px;transition:transform .3s;display:flex;position:fixed;bottom:12px;right:12px;overflow:hidden;transform:translate(calc(100% + 24px));box-shadow:0 24px 60px -20px #0d132173}.teams.open{transform:none}.teams-kop{color:#fff;background:#464eb8;align-items:center;gap:10px;padding:12px 14px;display:flex}.teams-kop .rondknop{color:#fff;border-color:#ffffff59;margin-left:auto}.teams-titel{line-height:1.25;display:grid}.teams-titel span{opacity:.85;font-size:.75rem}.teams-lijst{background:var(--vlak);flex-direction:column;flex:1;gap:12px;padding:16px 14px;display:flex;overflow-y:auto}.teams-leeg{text-align:center;color:var(--ink-3);margin:auto;padding:0 20px;font-size:.9rem}.tbericht{align-items:flex-end;gap:8px;max-width:88%;animation:.3s ease-out binnen;display:flex}.tbericht-user{align-self:flex-end}.tballon{background:var(--surface);border:1px solid var(--lijn);border-radius:14px;padding:8px 12px;font-size:.88rem}.tbericht-user .tballon{color:#1d1f3a;background:#e8ebfa;border-color:#d4d8f3}.tmeta{color:var(--ink-3);margin-bottom:2px;font-size:.7rem;display:block}.tbericht-user .tmeta{color:#5a5f86}.typen{gap:4px;padding:12px;display:inline-flex}.typen i{background:var(--ink-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite stip}.typen i:nth-child(2){animation-delay:.15s}.typen i:nth-child(3){animation-delay:.3s}@keyframes stip{30%{opacity:.5;transform:translateY(-4px)}}.teams-invoer{border-top:1px solid var(--lijn);color:var(--ink-3);align-items:center;gap:6px;padding:12px 14px;font-size:.78rem;display:flex}@media (width<=1100px){.ticket-grid{grid-template-columns:1fr}.ticket-rechts{position:static}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){:root{--zij-b:0px}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--demo-h) var(--top-h) 1fr;grid-template-areas:"demo""top""main";padding-bottom:64px}.zijbalk{z-index:50;border-top:1px solid #1b2438;flex-direction:row;gap:0;height:64px;padding:6px 8px;position:fixed;inset:auto 0 0}.zij-logo,.zij-msp{display:none}.zij-nav{justify-content:space-around;width:100%;display:flex}.zij-link{flex-direction:column;gap:2px;padding:6px 10px;font-size:.7rem;position:relative}.zij-link.active{box-shadow:none}.zij-link.uit{display:none}.teller{min-width:18px;padding:0 5px;font-size:.65rem;line-height:16px;position:absolute;top:0;right:2px}.mobiel-logo{display:block}.zoek,.ik-naam{display:none}.bovenbalk{padding:0 16px}.inhoud{padding:16px 16px 40px}.dknop-label{display:none}.demo-tekst{font-size:.8rem}.rij{grid-template-columns:auto 1fr}.rij-rechts{flex-wrap:wrap;grid-column:2;gap:8px}.teams{border:0;border-radius:0;width:auto;inset:0}.klanten{grid-template-columns:1fr}}@media (width<=420px){.demo-pil{display:none}.demobalk{gap:8px;padding:0 10px}}