/* Rich Text Styles for TODO Descriptions with Quill Support */

.todo-description,
.todo-content,
.comment-content {
    line-height: 1.6;
}

/* Quill generated code block styles */
.todo-description pre.ql-syntax,
.todo-content pre.ql-syntax,
.comment-content pre.ql-syntax {
    background-color: #F3F4F6 !important;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    padding: 12px;
    font-family: 'Courier New', 'Monaco', 'Menlo', monospace;
    font-size: 14px;
    margin: 8px 0;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #374151;
}

/* Regular code block styles (fallback) */
.todo-description pre,
.todo-content pre,
.comment-content pre {
    background-color: #F3F4F6;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    padding: 12px;
    font-family: 'Courier New', 'Monaco', 'Menlo', monospace;
    font-size: 14px;
    margin: 8px 0;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #374151;
}

/* Inline code styles */
.todo-description code,
.todo-content code,
.comment-content code {
    background-color: #F3F4F6 !important;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 2px 6px;
    font-family: 'Courier New', 'Monaco', 'Menlo', monospace;
    font-size: 13px;
    color: #374151;
}

/* Don't apply inline styles to code inside pre blocks */
.todo-description pre code,
.todo-content pre code,
.comment-content pre code,
.todo-description pre.ql-syntax code,
.todo-content pre.ql-syntax code,
.comment-content pre.ql-syntax code {
    background-color: transparent !important;
    border: none;
    padding: 0;
    color: inherit;
}

/* Text formatting */
.todo-description strong,
.todo-content strong {
    font-weight: 700;
}

.todo-description em,
.todo-content em {
    font-style: italic;
}

.todo-description u,
.todo-content u {
    text-decoration: underline;
}

/* Lists */
.todo-description ul,
.todo-content ul {
    list-style-type: disc;
    margin: 8px 0;
    padding-left: 20px;
}

.todo-description ol,
.todo-content ol {
    list-style-type: decimal;
    margin: 8px 0;
    padding-left: 20px;
}

.todo-description li,
.todo-content li {
    margin: 4px 0;
    line-height: 1.5;
}

/* Preserve formatting on comments as well */
.comment-content {
    line-height: 1.6;
}

.comment-content pre {
    background-color: #F3F4F6;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    padding: 12px;
    font-family: 'Courier New', 'Monaco', 'Menlo', monospace;
    font-size: 14px;
    margin: 8px 0;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #374151;
}

.comment-content code {
    background-color: #F3F4F6;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 2px 6px;
    font-family: 'Courier New', 'Monaco', 'Menlo', monospace;
    font-size: 13px;
    color: #374151;
}

.comment-content pre code {
    background-color: transparent;
    border: none;
    padding: 0;
    color: inherit;
}

.comment-content strong {
    font-weight: 700;
}

.comment-content em {
    font-style: italic;
}

.comment-content u {
    text-decoration: underline;
}

.comment-content ul {
    list-style-type: disc;
    margin: 8px 0;
    padding-left: 20px;
}

.comment-content ol {
    list-style-type: decimal;
    margin: 8px 0;
    padding-left: 20px;
}

.comment-content li {
    margin: 4px 0;
    line-height: 1.5;
}