/* ErgoChat styles */
.ergochat-container { max-width: 720px; margin: 1rem auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.ec-card { border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.ec-header { padding: 12px 16px; background: #0ea5e9; color: white; }
.ec-title { font-weight: 700; font-size: 1.1rem; }
.ec-subtitle { opacity: .9; font-size: .9rem; }
.ec-msgs { padding: 16px; height: 420px; overflow-y: auto; background: #f8fafc; }
.ec-msg { display: flex; margin-bottom: 10px; }
.ec-msg.ec-user { justify-content: flex-end; }
.ec-msg .ec-bubble { padding: 10px 12px; border-radius: 12px; max-width: 85%; line-height: 1.35; }
.ec-user .ec-bubble { background: #e0f2fe; }
.ec-bot .ec-bubble { background: white; border: 1px solid #e5e7eb; }
.ec-controls { display: grid; grid-template-columns: 48px 1fr 110px; gap: 8px; padding: 10px; background: white; border-top: 1px solid #e5e7eb; }
#ec-input { padding: 10px; border: 1px solid #e5e7eb; border-radius: 10px; width: 100%; }
.ec-send { background: #0ea5e9; color: white; border: none; border-radius: 10px; padding: 10px 12px; cursor: pointer; }
.ec-mic { background: white; border: 1px solid #e5e7eb; border-radius: 10px; cursor: pointer; font-size: 18px; }
.ec-mic-on { background: #fee2e2 !important; border-color: #ef4444 !important; }
.ec-footnote { padding: 8px 12px; font-size: .8rem; color: #475569; background: #fafafa; border-top: 1px solid #e5e7eb; }
a { color: #0369a1; }
code { background: #f1f5f9; padding: 2px 5px; border-radius: 6px; }