/* Salonsite: chatknop. Neemt de kleuren en lettertypes van de site over, anders rustige standaardkleuren. */
.cq-chat{--c-accent:var(--sx-accent,#1430ed);--c-on:var(--sx-on-accent,#fff);--c-ink:var(--sx-ink,#1e1f22);--c-muted:var(--sx-muted,#5c6068);--c-line:var(--sx-line,#e2e0d9);--c-bg:var(--sx-bg,#f6f5f1);--c-surface:var(--sx-surface,#fff);--c-r:var(--sx-r,16px);position:fixed;right:20px;bottom:20px;z-index:9990;font-family:var(--sx-body,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif);color:var(--c-ink);font-size:15px;line-height:1.45}
.cq-chat *{box-sizing:border-box}
.cq-chat [hidden]{display:none!important}
.cq-chat-fab{display:flex;align-items:center;gap:10px;font:inherit;font-weight:600;color:var(--c-on);background:var(--c-accent);border:0;border-radius:999px;padding:13px 20px 13px 16px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.cq-chat-fab:focus-visible{outline:3px solid var(--c-ink);outline-offset:3px}
.cq-chat.is-open .cq-chat-fab{display:none}
.cq-chat-ico{display:grid;place-items:center}
.cq-chat-panel{position:absolute;right:0;bottom:0;width:min(370px,calc(100vw - 32px));height:min(560px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-r);box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden}
.cq-chat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;background:var(--c-accent);color:var(--c-on)}
.cq-chat-head div{display:grid;gap:1px}.cq-chat-head b{font-size:16px;font-family:var(--sx-display,inherit)}.cq-chat-head span{font-size:12.5px;opacity:.85}
.cq-chat-x{font:inherit;font-size:26px;line-height:1;color:inherit;background:none;border:0;cursor:pointer;padding:0 4px}
.cq-chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--c-bg)}
.cq-chat-msg{max-width:88%;padding:10px 14px;border-radius:16px;animation:cq-in .2s ease-out}
.cq-chat-msg.bot{align-self:flex-start;background:var(--c-surface);border:1px solid var(--c-line);border-bottom-left-radius:4px}
.cq-chat-msg.me{align-self:flex-end;background:var(--c-accent);color:var(--c-on);border-bottom-right-radius:4px}
.cq-chat-msg p{margin:0 0 6px}.cq-chat-msg small{display:block;color:var(--c-muted);font-size:12.5px;margin-top:6px}
.cq-chat-msg a{color:var(--c-accent)}
.cq-chat-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-width:220px}
.cq-chat-list li{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.cq-chat-list li span:last-child{color:var(--c-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.cq-chat-list a{font-weight:600;text-decoration:none}
.cq-chat-list.hours li.now{font-weight:600}.cq-chat-list.hours li.now span:last-child{color:var(--c-ink)}
.cq-chat-btn{display:block;text-align:center;margin-top:8px;font:inherit;font-weight:600;font-size:14.5px;color:var(--c-on)!important;background:var(--c-accent);border:1.5px solid var(--c-accent);border-radius:999px;padding:10px 16px;text-decoration:none;cursor:pointer}
.cq-chat-btn.ghost{background:transparent;color:var(--c-accent)!important}
.cq-chat-btn:disabled{opacity:.6;cursor:wait}
.cq-chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-top:1px solid var(--c-line);background:var(--c-surface)}
.cq-chat-chips button{font:inherit;font-size:13.5px;color:var(--c-accent);background:var(--c-surface);border:1.5px solid var(--c-accent);border-radius:999px;padding:7px 12px;cursor:pointer}
.cq-chat-chips button:hover,.cq-chat-chips button:focus-visible{background:var(--c-accent);color:var(--c-on);outline:none}
.cq-chat-form{align-self:stretch;display:grid;gap:8px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:14px;padding:12px}
.cq-chat-form input,.cq-chat-form textarea{font:inherit;font-size:16px;color:var(--c-ink);background:var(--c-bg);border:1.5px solid var(--c-line);border-radius:10px;padding:9px 12px;width:100%}
.cq-chat-form input:focus,.cq-chat-form textarea:focus{outline:none;border-color:var(--c-accent)}
.cq-chat-form small{color:var(--c-muted);font-size:12px}.cq-chat-form small a{color:inherit}
.cq-chat-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.cq-chat-err{background:#fdecec;color:#8a2a2a;border-radius:8px;padding:8px 10px;font-size:13.5px}
@keyframes cq-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cq-chat-msg{animation:none}}
@media (max-width:480px){.cq-chat{right:12px;bottom:12px}.cq-chat-fab-t{display:none}.cq-chat-fab{padding:14px}.cq-chat-panel{height:min(78vh,560px)}}