@font-face{font-family:Lufga;src:url(../fonts/LufgaRegular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lufga;src:url(../fonts/LufgaMedium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Lufga;src:url(../fonts/LufgaSemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Lufga;src:url(../fonts/LufgaBold.ttf) format("truetype");font-weight:700;font-style:normal}:root,:root[data-theme=dark]{--bg: #1B1D37;--bg-raised: #262947;--border: #32365c;--text: #ffffff;--text-muted: #8A8CA0;--accent: #FF3300;--success: #00E676;--success-tint: rgba(0, 230, 118, .15);--danger-tint: rgba(255, 51, 0, .15);--outbound-bg: #143d2b;--checkmark-blue: #4fc3f7;--shadow: 0 2px 10px rgba(0, 0, 0, .4)}:root[data-theme=light]{--bg: #FFFFFF;--bg-raised: #F5F6FA;--border: #E7E9EF;--text: #1B1D37;--text-muted: #8A8CA0;--accent: #FF3300;--success: #00854A;--success-tint: rgba(0, 230, 118, .12);--danger-tint: rgba(255, 51, 0, .08);--outbound-bg: #E4F9EE;--checkmark-blue: #4fc3f7;--shadow: 0 10px 30px rgba(27, 29, 55, .06)}*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:320px 1fr;height:100dvh}.app.gefilterd{grid-template-columns:1fr}.app.gefilterd .lijst{display:none}.gefilterd-balk{background:var(--bg-raised);color:var(--text);padding:6px 12px;font-size:.85rem;display:flex;align-items:center;gap:8px}.gefilterd-balk button{background:none;border:0;color:var(--accent);cursor:pointer;font-size:.85rem;padding:0}.optout-balk{background:var(--danger-tint);color:var(--accent);padding:8px 12px;font-size:.85rem}.lijst{border-right:1px solid var(--border);overflow-y:auto;background:var(--bg)}.kop{padding:16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg)}.logo{font-family:Lufga,Inter,sans-serif;color:var(--accent);font-weight:700;font-size:1.1rem}.sub{color:var(--text-muted);margin-left:8px;font-size:.85rem}.conv{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:12px 16px;color:var(--text);cursor:pointer}.conv:hover,.conv.actief{background:var(--bg-raised)}.conv-naam{font-weight:600;display:flex;align-items:center;gap:8px}.badge{background:var(--accent);color:#fff;border-radius:10px;font-size:.7rem;padding:1px 7px}.conv-sub{display:flex;gap:8px;margin:4px 0}.venster{font-size:.68rem;padding:1px 6px;border-radius:8px}.venster.open{background:var(--success-tint);color:var(--success)}.venster.dicht{background:var(--danger-tint);color:var(--accent)}.ai-badge{font-size:.68rem;padding:1px 6px;border-radius:8px;background:var(--border);color:var(--text-muted)}.preview{color:var(--text-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leeg{padding:16px;color:var(--text-muted)}.chat{display:flex;flex-direction:column;background:var(--bg-raised);min-width:0}.leeg-groot{display:grid;place-items:center;height:100%;color:var(--text-muted)}.chat-kop{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.terug{display:none;background:none;border:0;color:var(--text);font-size:1.3rem;cursor:pointer}.klein{color:var(--text-muted);font-size:.75rem}.modus{margin-left:auto;display:flex;gap:4px}.modus button{background:var(--border);border:0;color:var(--text-muted);padding:5px 10px;border-radius:6px;cursor:pointer;font-size:.72rem}.modus button.aan{background:var(--accent);color:#fff}.berichten{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubbel{max-width:min(70%,520px);padding:8px 12px;border-radius:12px;position:relative;font-size:.92rem;color:var(--text)}.bubbel.inbound{background:var(--bg);align-self:flex-start;border-bottom-left-radius:4px}.bubbel.outbound{background:var(--outbound-bg);align-self:flex-end;border-bottom-right-radius:4px}.bubbel img,.bubbel video{max-width:100%;border-radius:8px;margin-bottom:4px}.bubbel a{color:var(--accent)}.bubbel p{white-space:pre-wrap;word-break:break-word}.meta{display:block;text-align:right;font-size:.68rem;color:var(--text-muted);margin-top:2px}.meta i{font-style:normal;margin-left:4px}.meta i.blauw{color:var(--checkmark-blue)}.foutje{display:block;color:var(--accent);font-size:.72rem}.ai-paneel{background:var(--bg);border-top:2px solid var(--accent);padding:12px 16px;max-height:40dvh;overflow-y:auto}.ai-kop{font-family:Lufga,Inter,sans-serif;color:var(--accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.ai-samenvatting{color:var(--text-muted);font-size:.82rem;margin:6px 0}.ai-actie p{background:var(--bg-raised);color:var(--text);padding:10px;border-radius:8px;font-size:.9rem;white-space:pre-wrap}.ai-knoppen{display:flex;gap:8px;margin-top:8px}.ai-knoppen button{background:var(--accent);color:#fff;border:0;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:600}.ai-knoppen button.stil{background:var(--border);color:var(--text)}.ai-knoppen button:disabled{opacity:.5}.fout{background:var(--danger-tint);color:var(--accent);padding:8px 16px;font-size:.85rem}.composer{display:flex;gap:8px;padding:12px 16px;background:var(--bg);align-items:flex-end}.clip{cursor:pointer;font-size:1.2rem;padding:8px}.composer textarea{flex:1;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;resize:none;height:44px;font-family:inherit;font-size:.92rem}.composer textarea:focus{outline:2px solid var(--accent)}.stuur{background:var(--accent);border:0;color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.1rem;cursor:pointer}.stuur:disabled{opacity:.4}@media(max-width:760px){.app{grid-template-columns:1fr}.chat,.app.toon-chat .lijst{display:none}.app.toon-chat .chat{display:flex}.terug{display:block}.bubbel{max-width:85%}.modus button{padding:4px 7px;font-size:.65rem}}.login-scherm{display:grid;place-items:center;height:100dvh;padding:16px;background:var(--bg)}.login-kaart{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:28px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.login-logo{font-family:Lufga,Inter,sans-serif;font-weight:700;font-size:1.2rem;color:var(--accent);text-align:center;margin-bottom:6px}.login-logo span{color:var(--text-muted);font-weight:400;font-size:.9rem}.login-kaart label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--text-muted)}.login-kaart input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:.95rem}.login-kaart input:focus{outline:2px solid var(--accent)}.login-kaart button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:12px;font-weight:600;cursor:pointer;font-size:.95rem}.login-kaart button:disabled{opacity:.5}.login-fout{color:var(--accent);font-size:.82rem}.tpl{background:none;border:0;font-size:1.15rem;cursor:pointer;padding:8px 4px}.template-lijst{background:var(--bg);border-top:1px solid var(--border);max-height:40dvh;overflow-y:auto;padding:8px 16px}.template-kop{display:flex;justify-content:space-between;color:var(--accent);font-weight:700;font-size:.8rem;text-transform:uppercase;padding:4px 0}.template-kop button{background:none;border:0;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.template-item{display:block;width:100%;text-align:left;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;margin:6px 0;cursor:pointer}.template-item:hover{border-color:var(--accent)}.emoji-rij{position:absolute;display:none}.composer{position:relative;flex-wrap:wrap}.composer:focus-within .emoji-rij{display:flex;gap:2px;position:static;width:100%;order:-1}.emoji-rij button{background:none;border:0;font-size:1.15rem;cursor:pointer;padding:2px 4px}.reactie{font-size:1.3rem}html,body,#root{height:100%;overflow:hidden}.app{height:100dvh;overflow:hidden}.chat{height:100dvh;min-height:0}.chat-kop{flex-shrink:0;position:sticky;top:0;z-index:5}.berichten{min-height:0;overscroll-behavior:contain}.composer{flex-shrink:0;position:sticky;bottom:0;z-index:5;padding-bottom:max(12px,env(safe-area-inset-bottom))}.ai-paneel{flex-shrink:0}.lijst{height:100dvh}.ai-sluit{float:right;background:none;border:0;color:var(--text-muted);font-size:1.2rem;cursor:pointer;line-height:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;overflow-y:auto}.overlay-binnen{max-width:640px;margin:0 auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom))}.overlay-kop{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--accent);position:sticky;top:0;background:var(--bg);padding:10px 0;font-size:1rem}.terug-zichtbaar{background:none;border:0;color:var(--text);font-size:1.3rem;cursor:pointer}.template-volledig{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:14px;white-space:pre-wrap;font-size:.92rem;margin:10px 0}.template-veld{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:.82rem;margin:8px 0}.template-veld input{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px}.template-verstuur{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:12px 20px;font-weight:600;cursor:pointer;margin-top:10px;width:100%}.template-verstuur:disabled{opacity:.5}.ms-knop{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px;text-decoration:none;font-size:.9rem}.ms-knop:hover{border-color:var(--accent)}.kop{display:flex;align-items:center}.uitlog{margin-left:auto;background:var(--border);border:0;color:var(--text-muted);padding:5px 10px;border-radius:6px;cursor:pointer;font-size:.72rem}.uitlog:hover{color:var(--text)}.thema-knop{background:var(--border);border:0;color:var(--text-muted);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center}.thema-knop:hover{color:var(--text)}.thema-knop:disabled{opacity:.5;cursor:default}.push-knop.aan{background:var(--accent);color:#fff}.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:0;font-weight:700;font-size:.85rem;cursor:pointer;flex-shrink:0}.detail-blok{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 14px;margin:10px 0;font-size:.9rem}.detail-blok p{margin:4px 0}.detail-titel{font-family:Lufga,Inter,sans-serif;color:var(--accent);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.ticket{border-left:3px solid var(--accent);padding-left:8px}.naar-beneden{position:absolute;right:16px;bottom:90px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:0;font-size:1.2rem;cursor:pointer;z-index:6;box-shadow:var(--shadow)}.chat{position:relative}.upload-balk{flex-shrink:0;background:var(--bg);padding:8px 16px;font-size:.78rem;color:var(--text-muted)}.upload-spoor{height:6px;background:var(--border);border-radius:3px;margin-top:5px;overflow:hidden}.upload-vulling{height:100%;background:var(--accent);transition:width .2s}@media(max-width:700px){.modus{flex-direction:column;align-items:stretch;gap:2px}.modus button{font-size:.58rem;padding:3px 8px;text-align:center}}.overlay-boven{z-index:60}.ticket-knop{display:block;width:100%;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;margin:6px 0;cursor:pointer}.ticket-knop:hover{border-color:var(--accent)}.ticket-details{white-space:pre-wrap;font-size:.88rem}.ticket-invoer{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;margin:8px 0;font:inherit;resize:vertical}.ticket-ok{background:var(--success-tint);border:1px solid var(--success);color:var(--text);border-radius:8px;padding:10px 12px;margin-top:10px;font-size:.85rem}.halo-link{margin-left:auto;color:var(--accent);font-size:.75rem;text-decoration:none;border:1px solid var(--accent);border-radius:6px;padding:4px 8px}