.cogni-chat-wrapper{max-width:820px;margin:30px auto;border:1px solid #d9e2ec;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cogni-chat-header{background:linear-gradient(135deg,#1b4965,#247ba0);color:#fff;padding:22px}
.cogni-chat-header h3{margin:0 0 6px;font-size:22px}.cogni-chat-header p{margin:0;font-size:14px;opacity:.92}
.cogni-chat-messages{height:540px;overflow-y:auto;padding:20px;background:#f5f7fb}
.cogni-message{max-width:86%;padding:14px 16px;margin-bottom:12px;border-radius:14px;line-height:1.55;font-size:15px;white-space:pre-wrap}
.cogni-bot{background:#fff;color:#1f2937;border:1px solid #e5e7eb;margin-right:auto}
.cogni-user{background:#1b4965;color:#fff;margin-left:auto}
.cogni-chat-form{display:flex;gap:10px;padding:14px;background:#fff;border-top:1px solid #e5e7eb}
.cogni-chat-form input{flex:1;padding:13px 14px;border-radius:12px;border:1px solid #cbd5e1;font-size:15px}
.cogni-chat-form button{background:#247ba0;color:#fff;border:none;border-radius:12px;padding:0 22px;font-weight:700;cursor:pointer}
.cogni-chat-form button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:640px){.cogni-chat-wrapper{margin:15px}.cogni-chat-messages{height:430px}.cogni-chat-form{flex-direction:column}.cogni-chat-form button{padding:13px}}