:root{--itm-ai-primary:#111111}
.itm-ai-chat{
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:12px;
  max-width:720px;
  margin:10px 0;
  font: 16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.itm-ai-messages{
  height: 280px;
  overflow:auto;
  background:#fafafa;
  border-radius:8px;
  padding:10px;
  margin-bottom:8px;
}
.itm-ai-msg{padding:8px 10px; margin:6px 0; border-radius:8px;}
.itm-ai-msg.user{background:#e6f0ff; align-self:flex-end;}
.itm-ai-msg.bot{background:#fff;}
.itm-ai-form{display:flex; gap:8px;}
#itm-ai-input{flex:1; padding:10px; border:1px solid #ddd; border-radius:8px;}
#itm-ai-send{padding:0 14px; border:1px solid #ddd; border-radius:8px; cursor:pointer;}
.itm-ai-hints{margin-top:8px; display:flex; gap:8px; flex-wrap:wrap;}
.itm-ai-hints button{border:1px solid #ddd; border-radius:999px; padding:6px 10px; cursor:pointer; background:#fff;}

#itm-ai-send{border-color:var(--itm-ai-primary)} .itm-ai-msg.user{outline:1px solid var(--itm-ai-primary)}

/* --- Robot Widget --- */
.itm-ai-widget{display:grid; grid-template-columns:88px 1fr; gap:14px; align-items:flex-start; max-width:780px}
.itm-ai-robot{width:88px; height:88px; position:relative}
.itm-bot-svg{width:100%; height:100%; display:block}
.bot-head{fill:#ffffff; stroke:#e5e7eb; stroke-width:2}
.bot-eye{fill:#111}
.bot-mouth{fill:#e5e7eb}
.bot-arm-right{transform-origin:95px 50px; animation: itm-wave 2.2s ease-in-out infinite}
.bot-antenna circle{fill:var(--itm-ai-primary)}
.bot-antenna rect{fill:#777}
.bot-body rect{fill:#e5e7eb}
.itm-ai-pulse{position:absolute; inset:0; border-radius:16px; pointer-events:none; box-shadow:0 0 0 0 rgba(17,17,17,.18); animation: itm-pulse 2.4s ease-out infinite}
@keyframes itm-wave{0%,60%,100%{transform:rotate(0deg)} 20%{transform:rotate(-22deg)} 40%{transform:rotate(15deg)}}
@keyframes itm-pulse{0%{box-shadow:0 0 0 0 rgba(17,17,17,.16)} 70%{box-shadow:0 0 0 10px rgba(17,17,17,0)} 100%{box-shadow:0 0 0 0 rgba(17,17,17,0)}}
.bot-eye-left,.bot-eye-right{animation: itm-blink 6s infinite}
@keyframes itm-blink{0%,96%,100%{transform:scaleY(1)} 97%,99%{transform:scaleY(0.05)}}
@media (prefers-reduced-motion: reduce){
  .bot-arm-right,.itm-ai-pulse,.bot-eye-left,.bot-eye-right{animation:none}
}
/* --- Chat shell --- */
.itm-ai-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px}
.itm-ai-header .badge{font-size:12px; background: #e6ffe8; color:#0a7d12; border:1px solid #c9f3cd; padding:2px 8px; border-radius:999px}
.itm-ai-chat{border:1px solid #e5e7eb; border-radius:10px; padding:12px; background:#fff}