/* Chatknop (Fisionbot-hoofd) + chatpaneel, alle pagina's (13 nov 2026; eerst in de homepage-hero). */
.sf-chat-btn{position:fixed;z-index:86;right:24px;bottom:94px;width:64px;height:64px;padding:0;border:0;border-radius:50%;cursor:pointer;overflow:hidden;background:radial-gradient(circle at 50% 35%,#2a1018,#0c0e1c 70%);box-shadow:0 14px 34px -10px rgba(0,0,0,.8),0 0 0 1px rgba(232,54,66,.45),0 0 24px -4px rgba(232,54,66,.6);opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .25s,transform .45s cubic-bezier(.34,1.6,.64,1),box-shadow .3s}
.sf-chat-btn.show{opacity:1;transform:none;pointer-events:auto}
.sf-chat-btn img{position:absolute;left:-6.3px;top:12.6px;width:71px;height:94px;max-width:none;pointer-events:none;opacity:0;transition:opacity .15s}
.sf-chat-btn.docked img{opacity:1}
.sf-chat-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 40px -10px rgba(0,0,0,.85),0 0 0 1px rgba(232,54,66,.7),0 0 34px -2px rgba(232,54,66,.8)}
.sf-chat-btn:hover .sf-chat-eyes{animation:sfChatBlink .3s}
@keyframes sfChatBlink{50%{transform:scaleY(.1)}}
.sf-chat-eyes{transform-origin:47% 19%}
.sf-chat-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(232,54,66,.7);animation:sfChatRing 2.6s ease-out infinite;pointer-events:none}
@keyframes sfChatRing{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(1.5);opacity:0}}
.sf-chat-dot{position:absolute;right:7px;top:7px;width:11px;height:11px;border-radius:50%;background:#4ade80;border:2px solid #0c0e1c;box-shadow:0 0 8px #4ade80}
/* chatpaneel */
.sf-chat-panel{position:fixed;z-index:95;right:24px;bottom:170px;width:min(360px,calc(100vw - 32px));border-radius:22px;background:rgba(12,14,28,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -20px rgba(0,0,0,.85),0 0 0 1px rgba(232,54,66,.2);color:#F4F5FA;font-family:Roboto,system-ui,sans-serif;overflow:hidden;transform-origin:100% 100%;animation:sfChatIn .45s cubic-bezier(.34,1.4,.64,1)}
.sf-chat-panel[hidden]{display:none}
@keyframes sfChatIn{from{opacity:0;transform:translateY(16px) scale(.92)}}
.sf-chat-top{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(232,54,66,.14),transparent)}
.sf-chat-top b{display:block;font:600 15px Poppins,sans-serif}
.sf-chat-top small{display:flex;align-items:center;gap:6px;font-size:12px;color:#A9AEC4}
.sf-chat-top small::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.sf-chat-av{position:relative;flex:none;width:42px;height:42px;border-radius:50%;overflow:hidden;background:#1a0c12;box-shadow:0 0 0 1px rgba(232,54,66,.5)}
.sf-chat-av img{position:absolute;left:-4.1px;top:8.3px;width:46.6px;height:61.7px;max-width:none}
.sf-chat-x{margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:none;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.sf-chat-x:hover{background:rgba(255,255,255,.08)}
.sf-chat-body{display:grid;gap:8px;padding:16px}
.sf-chat-msg{margin:0;max-width:88%;padding:11px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.06);font-size:14px;line-height:1.5;animation:sfChatMsg .5s cubic-bezier(.22,1,.36,1) both}
.sf-chat-msg+.sf-chat-msg{animation-delay:.35s}
@keyframes sfChatMsg{from{opacity:0;transform:translateY(8px)}}
.sf-chat-acts{display:grid;gap:8px;padding:0 16px 16px}
.sf-chat-a{display:flex;align-items:center;justify-content:center;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.13);font:600 14px Poppins,sans-serif;color:#fff!important;text-decoration:none}
.sf-chat-a:hover{background:rgba(255,255,255,.06)}
.sf-chat-a.main{border:0;background:linear-gradient(180deg,#f04a55,#C8202A);box-shadow:0 10px 26px -10px rgba(232,54,66,.8)}
@media (prefers-reduced-motion:reduce){.sf-chat-ring{animation:none}.sf-chat-panel,.sf-chat-msg{animation:none}}