/* ======================================
                   MARKDOWN STYLING COMPATTO - ChatMessages
                   ====================================== */

                /* Titoli con colore primario della chat */
                .chat-container .message-content h1,
                .chat-container .message-content h2,
                .chat-container .message-content h3,
                .chat-container .message-content h4,
                .chat-container .message-content h5,
                .chat-container .message-content h6 {
                    color: var(--chat-primary);
                    font-weight: 700;
                    margin: 0.6em 0 0.2em 0;
                    line-height: 1.2;
                    font-family: inherit;
                }

                .chat-container .message-content h1 { font-size: 1.6em; }
                .chat-container .message-content h2 { font-size: 1.4em; }
                .chat-container .message-content h3 { font-size: 1.2em; }
                .chat-container .message-content h4 { font-size: 1.1em; }
                .chat-container .message-content h5 { font-size: 1em; }
                .chat-container .message-content h6 { font-size: 0.9em; }

                /* Paragrafi compatti */
                .chat-container .message-content p {
                    margin: 0.3em 0;
                    line-height: 1.4;
                }

                /* Primo paragrafo dopo titolo: nessun margine sopra */
                .chat-container .message-content h1 + p,
                .chat-container .message-content h2 + p,
                .chat-container .message-content h3 + p,
                .chat-container .message-content h4 + p,
                .chat-container .message-content h5 + p,
                .chat-container .message-content h6 + p {
                    margin-top: 0;
                }

                /* Testo enfatizzato */
                .chat-container .message-content strong {
                    color: var(--chat-primary);
                    font-weight: 700;
                }

                .chat-container .message-content em {
                    color: var(--chat-primary);
                    opacity: 0.8;
                    font-style: italic;
                }

                /* Liste compatte */
                .chat-container .message-content ul,
                .chat-container .message-content ol {
                    margin: 0.4em 0;
                    padding-left: 1.2em;
                }

                .chat-container .message-content li {
                    margin: 0.1em 0;
                    line-height: 1.3;
                }

                /* Lista con primo elemento: nessun margine sopra */
                .chat-container .message-content ul:first-child,
                .chat-container .message-content ol:first-child {
                    margin-top: 0;
                }

                /* Blockquotes */
                .chat-container .message-content blockquote {
                    border-left: 3px solid var(--chat-primary);
                    background: var(--chat-primary-light, rgba(0, 123, 255, 0.1));
                    margin: 0.4em 0;
                    padding: 0.4em 0.8em;
                    border-radius: 4px;
                    font-style: italic;
                }

                /* Codice inline */
                .chat-container .message-content code {
                    background: var(--chat-bg-light, #f8f9fa);
                    color: var(--chat-text, inherit);
                    padding: 0.1em 0.3em;
                    border-radius: 3px;
                    font-family: 'Courier New', Monaco, monospace;
                    font-size: 0.85em;
                    border: 1px solid var(--chat-border, #e9ecef);
                }

                /* Blocchi di codice */
                .chat-container .message-content pre {
                    background: var(--chat-bg-light, #f8f9fa);
                    border: 1px solid var(--chat-border, #e9ecef);
                    border-radius: 6px;
                    padding: 0.6em;
                    margin: 0.4em 0;
                    overflow-x: auto;
                }

                .chat-container .message-content pre code {
                    background: none;
                    padding: 0;
                    border: none;
                    border-radius: 0;
                }

                /* Link */
                .chat-container .message-content a {
                    color: var(--chat-primary);
                    text-decoration: none;
                    font-weight: 500;
                    transition: all 0.2s ease;
                }

                .chat-container .message-content a:hover {
                    color: var(--chat-primary-hover, var(--chat-primary));
                    text-decoration: underline;
                }

                /* ======================================
                   INDICATORE STREAMING - USA IL SISTEMA ESISTENTE
                   ====================================== */
                
                /* Il sistema .typing-indicator è già definito in chat-messages.css
                   Non serve duplicare qui - usiamo quello esistente */

                /* Responsive per mobile */
                @media (max-width: 768px) {
                    .chat-container .message-content h1 { font-size: 1.4em; }
                    .chat-container .message-content h2 { font-size: 1.2em; }
                    .chat-container .message-content h3 { font-size: 1.1em; }
                }