.ai-chat-pro{max-width:900px;margin:12px auto;font-family:inherit;color:#111;}
.ai-chat-header{background:linear-gradient(90deg,#4f46e5,#06b6d4);color:#fff;padding:14px;border-radius:10px 10px 6px 6px;text-align:center;}
.ai-chat-header h2{margin:0;font-size:18px;}
.ai-chat-sub{margin:6px 0 0;font-size:13px;opacity:0.95;}
.ai-chat-window{background:#f7f7fb;border-radius:8px;padding:12px;min-height:300px;max-height:60vh;overflow:auto;margin-top:12px;border:1px solid #ececec;}
.ai-messages{display:flex;flex-direction:column;gap:10px;}
.ai-message{max-width:80%;padding:10px 12px;border-radius:12px;line-height:1.5;}
.ai-message.user{align-self:flex-end;background:#0ea5e9;color:#fff;border-bottom-right-radius:4px;}
.ai-message.assistant{align-self:flex-start;background:#fff;border:1px solid #e6e6ea;color:#111;}
.ai-chat-input{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.ai-input{width:100%;min-height:60px;padding:10px;border-radius:10px;border:1px solid #ddd;resize:vertical;font-size:15px;}
.ai-controls{display:flex;gap:8px;align-items:center;}
.ai-controls input{padding:8px;border-radius:8px;border:1px solid #ddd;width:120px;}
.ai-controls .ai-send{padding:10px 14px;border-radius:10px;border:0;background:#2563eb;color:#fff;cursor:pointer;box-shadow:0 8px 20px rgba(37,99,235,0.18);}
.ai-footnote{font-size:12px;color:#666;margin-top:10px;text-align:center;}

@media (max-width:600px){
  .ai-message{max-width:100%;}
  .ai-controls{flex-direction:row;gap:6px;flex-wrap:wrap;}
  .ai-controls input{width:48%;}
  .ai-controls .ai-send{flex:1;}
  .ai-chat-window{min-height:50vh;padding:10px;}
}