#kchat-root{--kc-p:#00547e;--kc-on:#fff;--kc-bg:#fff;--kc-card:#fff;--kc-in:#fff;--kc-tx:#1d2733;--kc-mut:#5b6773;--kc-who:#44505c;--kc-time:#6b7783;--kc-ib:#8a96a3;--kc-mdw:#e3f1f8;--kc-mdwb:#bcd9e8;--kc-listbg:rgba(0,0,0,.03);--kc-line:rgba(0,0,0,.12);color-scheme:light;position:fixed;right:20px;bottom:20px;z-index:99990;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--kc-tx)}
#kchat-root *{box-sizing:border-box;text-shadow:none!important}
#kchat-root .kchat-title{text-shadow:none!important;filter:none;-webkit-text-stroke:0;font-weight:700;color:var(--kc-on)}
#kchat-root [hidden]{display:none!important}
.kchat-launcher{width:56px;height:56px;border-radius:50%;border:0;background:var(--kc-p);color:var(--kc-on);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;margin-left:auto}
.kchat-launcher:hover{filter:brightness(1.1)}
.kchat-launcher:focus-visible,.kchat-opt:focus-visible,.kchat-x:focus-visible,.kchat-send:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.kchat-panel{position:absolute;right:0;bottom:68px;width:360px;max-width:calc(100vw - 24px);height:520px;max-height:calc(100vh - 110px);background:var(--kc-bg);border-radius:14px;box-shadow:0 10px 36px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--kc-line)}
.kchat-head{background:var(--kc-p);color:var(--kc-on);padding:12px 14px;display:flex;align-items:center;justify-content:space-between}
.kchat-x{background:transparent;border:0;color:var(--kc-on);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.kchat-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px;background:var(--kc-listbg)}
.kchat-msg{display:flex;flex-direction:column;max-width:86%}
.kchat-bot,.kchat-medewerker{align-self:flex-start}
.kchat-bezoeker{align-self:flex-end;align-items:flex-end}
.kchat-systeem{align-self:center;max-width:94%}
.kchat-bubble{padding:8px 12px;border-radius:14px;word-wrap:break-word;overflow-wrap:anywhere}
.kchat-bot .kchat-bubble{background:var(--kc-card);border:1px solid var(--kc-line)}
.kchat-medewerker .kchat-bubble{background:var(--kc-mdw);border:1px solid var(--kc-mdwb)}
.kchat-bezoeker .kchat-bubble{background:var(--kc-p);color:var(--kc-on)}
.kchat-bezoeker .kchat-bubble a{color:var(--kc-on)}
.kchat-systeem .kchat-bubble{background:transparent;color:var(--kc-mut);font-size:13px;text-align:center;padding:2px 6px}
.kchat-who{font-size:12px;font-weight:600;color:var(--kc-who);margin:0 4px 2px}
.kchat-time{font-size:11px;color:var(--kc-time);margin:2px 4px 0}
.kchat-systeem .kchat-time{display:none}
.kchat-bubble a{color:var(--kc-p);text-decoration:underline}
.kchat-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 6px}
.kchat-opt{border:1.5px solid var(--kc-p);background:var(--kc-card);color:var(--kc-p);border-radius:18px;padding:7px 13px;font:inherit;cursor:pointer;text-align:left}
.kchat-opt:hover{background:var(--kc-p);color:var(--kc-on)}
.kchat-form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--kc-line);background:var(--kc-bg)}
.kchat-input{flex:1;min-width:0;border:1.5px solid var(--kc-ib);border-radius:8px;padding:9px 10px;font:inherit;color:var(--kc-tx);background:var(--kc-in)}
.kchat-input:focus{outline:3px solid #ffbf47;outline-offset:0;border-color:var(--kc-p)}
.kchat-send{border:0;background:var(--kc-p);color:var(--kc-on);border-radius:8px;padding:0 14px;font:inherit;cursor:pointer}
.kchat-hint{padding:10px 12px;font-size:13px;color:var(--kc-mut);border-top:1px solid var(--kc-line)}
.kchat-ts{padding:8px;border-top:1px solid var(--kc-line);display:flex;justify-content:center}
@media (max-width:600px){
  #kchat-root{right:12px;bottom:12px}
  .kchat-panel{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0;bottom:0}
}
@media (prefers-reduced-motion:no-preference){.kchat-panel{animation:kchatin .18s ease-out}@keyframes kchatin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* donker thema: volgt de themaschakelaar (kp-theme-dark), anders de systeeminstelling */
html.kp-theme-dark #kchat-root,body.kp-theme-dark #kchat-root{--kc-p:#4aa8dc;--kc-on:#06141d;--kc-bg:#1b222a;--kc-card:#27313b;--kc-in:#12171d;--kc-tx:#e6edf3;--kc-mut:#a3b3c2;--kc-who:#c3d0dc;--kc-time:#92a3b4;--kc-ib:#5f7081;--kc-mdw:#1d3b50;--kc-mdwb:#2c5873;--kc-listbg:rgba(0,0,0,.18);--kc-line:rgba(255,255,255,.16);color-scheme:dark;}
@media (prefers-color-scheme:dark){html:not(.kp-theme-dark):not(.kp-theme-light) body:not(.kp-theme-dark):not(.kp-theme-light) #kchat-root{--kc-p:#4aa8dc;--kc-on:#06141d;--kc-bg:#1b222a;--kc-card:#27313b;--kc-in:#12171d;--kc-tx:#e6edf3;--kc-mut:#a3b3c2;--kc-who:#c3d0dc;--kc-time:#92a3b4;--kc-ib:#5f7081;--kc-mdw:#1d3b50;--kc-mdwb:#2c5873;--kc-listbg:rgba(0,0,0,.18);--kc-line:rgba(255,255,255,.16);color-scheme:dark;}}