/* ── QuinielaLab Chat (Quini) — widget ── */
#qlc-widget{position:fixed;bottom:24px;right:24px;z-index:99999;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;pointer-events:none}
#qlc-toggle,#qlc-box{pointer-events:auto}
@media(max-width:640px){#qlc-widget{bottom:90px!important}}

#qlc-toggle{width:56px;height:56px;border-radius:50%;background:#0a6e3c;border:none;cursor:pointer;
	display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(10,110,60,.4);
	transition:transform .2s,background .2s;margin-left:auto}
#qlc-toggle:hover{background:#075a30;transform:scale(1.07)}
#qlc-toggle svg{width:26px;height:26px;fill:#fff}

#qlc-box{display:none;flex-direction:column;width:360px;height:520px;background:#fff;border-radius:16px;
	box-shadow:0 8px 40px rgba(0,0,0,.18);overflow:hidden;margin-bottom:12px}
#qlc-box.open{display:flex}

#qlc-header{background:#0a6e3c;color:#fff;padding:14px 18px;display:flex;align-items:center;
	justify-content:space-between;font-weight:600;font-size:15px}
#qlc-header-left{display:flex;align-items:center;gap:10px}
#qlc-avatar{width:34px;height:34px;background:rgba(255,255,255,.22);border-radius:50%;
	display:flex;align-items:center;justify-content:center;font-size:17px}
#qlc-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;padding:2px 6px;border-radius:6px}
#qlc-close:hover{background:rgba(255,255,255,.2)}

#qlc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f6f8f7}
#qlc-messages::-webkit-scrollbar{width:4px}
#qlc-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}

.qlc-msg{max-width:82%;padding:10px 14px;border-radius:14px;line-height:1.5;word-break:break-word;animation:qlcFade .2s ease}
@keyframes qlcFade{from{opacity:0;transform:translateY(6px)}to{opacity:1}}
.qlc-msg.user{background:#0a6e3c;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.qlc-msg.assistant{background:#fff;color:#1c2b23;align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.qlc-msg.assistant a{color:#0a6e3c}

.qlc-typing{display:flex;gap:5px;padding:12px 14px;background:#fff;border-radius:14px;border-bottom-left-radius:4px;
	align-self:flex-start;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.qlc-typing span{width:7px;height:7px;background:#94a3b8;border-radius:50%;animation:qlcTyping 1.2s infinite}
.qlc-typing span:nth-child(2){animation-delay:.2s}
.qlc-typing span:nth-child(3){animation-delay:.4s}
@keyframes qlcTyping{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}

#qlc-input-area{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e4ece7}
#qlc-input{flex:1;border:1px solid #cbd5e1;border-radius:10px;padding:9px 13px;font-size:14px;outline:none;
	resize:none;height:40px;max-height:100px;overflow-y:auto;font-family:inherit;line-height:1.4;transition:border-color .2s}
#qlc-input:focus{border-color:#0a6e3c}
#qlc-send{width:40px;height:40px;background:#0a6e3c;border:none;border-radius:10px;cursor:pointer;
	display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}
#qlc-send:hover{background:#075a30}
#qlc-send:disabled{background:#9cccb2;cursor:not-allowed}
#qlc-send svg{width:18px;height:18px;fill:#fff}

@media(max-width:640px){
	#qlc-widget{bottom:90px;right:16px;left:16px}
	#qlc-box{width:100%;height:480px}
}