/* Smart Atendimento IA — estilos do widget */
.saia-root{
	--saia-color:#4f46e5;
	--saia-color-dark:#3f38c9;
	position:fixed;
	z-index:999999;
	bottom:20px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.saia-root.saia-bottom-right{right:20px;}
.saia-root.saia-bottom-left{left:20px;}

/* Botão flutuante */
.saia-launcher{
	width:60px;height:60px;border:none;border-radius:50%;
	background:var(--saia-color);color:#fff;cursor:pointer;
	box-shadow:0 6px 20px rgba(0,0,0,.25);
	display:flex;align-items:center;justify-content:center;
	transition:transform .15s ease, box-shadow .15s ease;
}
.saia-launcher:hover{transform:scale(1.06);box-shadow:0 8px 26px rgba(0,0,0,.3);}
.saia-launcher svg{width:28px;height:28px;}
.saia-launcher .saia-close-icon{display:none;}
.saia-root.saia-open .saia-launcher .saia-chat-icon{display:none;}
.saia-root.saia-open .saia-launcher .saia-close-icon{display:block;}

/* Janela */
.saia-window{
	position:absolute;bottom:76px;width:360px;max-width:calc(100vw - 40px);
	height:520px;max-height:calc(100vh - 120px);
	background:#fff;border-radius:16px;overflow:hidden;
	box-shadow:0 12px 40px rgba(0,0,0,.22);
	display:flex;flex-direction:column;
	opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;
	transition:opacity .18s ease, transform .18s ease;
}
.saia-bottom-right .saia-window{right:0;}
.saia-bottom-left .saia-window{left:0;}
.saia-root.saia-open .saia-window{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}

/* Cabeçalho */
.saia-header{
	background:var(--saia-color);color:#fff;padding:14px 16px;
	display:flex;align-items:center;gap:12px;
}
.saia-avatar{
	width:38px;height:38px;border-radius:50%;flex:0 0 38px;
	background:rgba(255,255,255,.2);background-size:cover;background-position:center;
	display:flex;align-items:center;justify-content:center;font-size:20px;
}
.saia-header-info{line-height:1.2;}
.saia-header-info strong{display:block;font-size:15px;}
.saia-header-info span{font-size:12px;opacity:.85;}
.saia-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin-right:5px;}

/* Mensagens */
.saia-messages{
	flex:1;overflow-y:auto;padding:16px;background:#f7f7f9;
	display:flex;flex-direction:column;gap:10px;
}
.saia-msg{max-width:82%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.45;word-wrap:break-word;white-space:pre-wrap;}
.saia-msg.bot{background:#fff;color:#1f2330;align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06);}
.saia-msg.user{background:var(--saia-color);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}

/* Conteúdo formatado (Markdown) nas respostas do bot */
.saia-msg.bot ul,.saia-msg.bot ol{margin:6px 0 6px 18px;padding:0;}
.saia-msg.bot li{margin:2px 0;}
.saia-msg.bot strong{font-weight:700;}
.saia-msg.bot a{color:var(--saia-color);text-decoration:underline;word-break:break-word;}
.saia-msg.bot code{background:#f0f0f4;border-radius:4px;padding:1px 5px;font-size:13px;}

/* Botão "Falar no WhatsApp" no cabeçalho */
.saia-wa{margin-left:auto;background:rgba(255,255,255,.18);border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 34px;transition:background .15s ease;}
.saia-wa:hover{background:rgba(255,255,255,.32);}
.saia-wa svg{width:20px;height:20px;}

/* Indicador "digitando" */
.saia-typing{display:flex;gap:4px;align-items:center;padding:12px 14px;background:#fff;border-radius:14px;align-self:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.06);}
.saia-typing span{width:7px;height:7px;border-radius:50%;background:#b6b8c3;animation:saia-bounce 1.2s infinite;}
.saia-typing span:nth-child(2){animation-delay:.2s;}
.saia-typing span:nth-child(3){animation-delay:.4s;}
@keyframes saia-bounce{0%,60%,100%{transform:translateY(0);opacity:.5;}30%{transform:translateY(-5px);opacity:1;}}

/* Rodapé / input */
.saia-input-bar{display:flex;gap:8px;padding:10px;border-top:1px solid #ececf1;background:#fff;}
.saia-input-bar textarea{
	flex:1;resize:none;border:1px solid #dcdce3;border-radius:20px;
	padding:9px 14px;font-size:14px;font-family:inherit;max-height:96px;outline:none;
}
.saia-input-bar textarea:focus{border-color:var(--saia-color);}
.saia-send{
	border:none;background:var(--saia-color);color:#fff;width:40px;height:40px;
	border-radius:50%;cursor:pointer;flex:0 0 40px;display:flex;align-items:center;justify-content:center;
	transition:background .15s ease;
}
.saia-send:hover{background:var(--saia-color-dark);}
.saia-send:disabled{opacity:.5;cursor:not-allowed;}
.saia-send svg{width:20px;height:20px;}
.saia-footer{text-align:center;font-size:11px;color:#9a9cad;padding:4px 0 8px;background:#fff;}

@media (max-width:480px){
	.saia-window{height:70vh;}
}