/*
 * Application-wide CSS layered on top of Tailwind. Tailwind's Preflight resets
 * most user-agent styles, so any content we render as raw HTML (e.g. Claude's
 * markdown replies) needs explicit rules.
 */

/* Markdown rendering for assistant chat messages. */
.chat-md p { margin: 0.6em 0; }
.chat-md p:first-child { margin-top: 0; }
.chat-md p:last-child  { margin-bottom: 0; }
.chat-md ul { list-style: disc; padding-left: 1.5em; margin: 0.6em 0; }
.chat-md ol { list-style: decimal; padding-left: 1.5em; margin: 0.6em 0; }
.chat-md li { margin: 0.2em 0; }
.chat-md h1, .chat-md h2, .chat-md h3, .chat-md h4 { font-weight: 600; margin: 1em 0 0.5em; }
.chat-md h2 { font-size: 1.2em; }
.chat-md h3 { font-size: 1.05em; }
.chat-md code { background: #f3f4f6; padding: 0.1em 0.35em; border-radius: 0.25em; font-size: 0.9em; }
.chat-md pre { background: #f3f4f6; padding: 0.75em; border-radius: 0.5em; overflow-x: auto; margin: 0.6em 0; font-size: 0.85em; }
.chat-md pre code { background: transparent; padding: 0; }
.chat-md table { border-collapse: collapse; margin: 0.75em 0; font-size: 0.9em; }
.chat-md th, .chat-md td { border: 1px solid #e5e7eb; padding: 0.35em 0.7em; text-align: left; }
.chat-md th { background: #f9fafb; font-weight: 600; }
.chat-md a { color: #ea580c; text-decoration: underline; }
.chat-md a:hover { text-decoration: none; }
.chat-md strong { font-weight: 600; }
.chat-md em { font-style: italic; }
.chat-md blockquote { border-left: 3px solid #d1d5db; padding-left: 1em; margin: 0.6em 0; color: #6b7280; }
.chat-md hr { border: 0; border-top: 1px solid #e5e7eb; margin: 1em 0; }