/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Markdown rendering in chat messages */
.markdown-body h1 { font-size: 1.5em; font-weight: 700; margin: 0.6em 0 0.3em; }
.markdown-body h2 { font-size: 1.3em; font-weight: 700; margin: 0.5em 0 0.25em; }
.markdown-body h3 { font-size: 1.1em; font-weight: 600; margin: 0.4em 0 0.2em; }
.markdown-body p { margin: 0.4em 0; }
.markdown-body ul { list-style: disc; padding-left: 1.5em; margin: 0.3em 0; }
.markdown-body ol { list-style: decimal; padding-left: 1.5em; margin: 0.3em 0; }
.markdown-body li { margin: 0.15em 0; }
.markdown-body code { background: rgba(0,0,0,0.06); padding: 0.15em 0.35em; border-radius: 4px; font-size: 0.88em; }
.markdown-body pre { background: #1e1e2e; color: #cdd6f4; padding: 0.75em 1em; border-radius: 6px; overflow-x: auto; margin: 0.5em 0; }
.markdown-body pre code { background: none; padding: 0; color: inherit; font-size: 0.85em; }
.markdown-body strong { font-weight: 700; }
.markdown-body em { font-style: italic; }
.markdown-body blockquote { border-left: 3px solid #93c5fd; padding-left: 0.75em; margin: 0.4em 0; color: #4b5563; }
.markdown-body a { color: #2563eb; text-decoration: underline; }
.markdown-body hr { border-top: 1px solid #d1d5db; margin: 0.6em 0; }
.markdown-body table { border-collapse: collapse; margin: 0.5em 0; width: 100%; }
.markdown-body th, .markdown-body td { border: 1px solid #d1d5db; padding: 0.35em 0.6em; text-align: left; }
.markdown-body th { background: rgba(0,0,0,0.04); font-weight: 600; }