/* ==========================================
  MARKDOWN CHUNG (CHAT & MODAL)
   ========================================== */

/* 1. Văn bản chung */
.md-rendered-content,
.chat-body,
.bot-message-content {    
    color: black;     
    font-size: 15.5px;   
    line-height: 1.7; 
}

/* 2. Tiêu đề (Headings) */
.md-rendered-content h1, .md-rendered-content h2, .md-rendered-content h3,
.chat-body h1, .chat-body h2, .chat-body h3,
.bot-message-content h1, .bot-message-content h2, .bot-message-content h3 { 
    color: #1a1a1a; 
    margin-top: 14px; 
    margin-bottom: 8px;
    font-weight: 600;
}

/* 3. Thẻ Code Inline */
.md-rendered-content code,
.chat-body code,
.bot-message-content code {     
    padding: 2px 6px; 
    border-radius: 8px; 
    color: #D01967;     
}

/* 4. Khối Code (Pre) */
.md-rendered-content pre,
.chat-body pre,
.bot-message-content pre {    
    overflow-x: auto; 
    border-radius: 6px;     
}

/* 5. BẢNG (TABLE) - Đã sửa lỗi viền trắng & dính chữ */
.md-rendered-content table,
.chat-body table,
.bot-message-content table { 
    border-collapse: collapse; 
    width: 100%; 
    margin: 16px 0; 
    display: table; /* Đổi lại thành table thay vì block */
    word-break: normal;
}

.md-rendered-content th, .md-rendered-content td,
.chat-body th, .chat-body td,
.bot-message-content th, .bot-message-content td { 
    border: 1px solid #f0f0f0; /* Đổi màu viền đậm hơn một chút cho rõ nét */
    padding: 8px 14px;
    text-align: left; 
    vertical-align: top;
    background-color: #ffffff;
}

.md-rendered-content th,
.chat-body th,
.bot-message-content th { 
    background-color: #ffffff; 
    font-weight: 600;
}

.md-rendered-content tr:nth-child(even),
.chat-body tr:nth-child(even),
.bot-message-content tr:nth-child(even) {
    background-color: #ffffff;
}

/* Container bọc ngoài bảng để cuộn ngang mượt mà */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 1rem;
}

/* 6. Trích dẫn (Blockquote) */
.md-rendered-content blockquote,
.chat-body blockquote,
.bot-message-content blockquote { 
    border-left: 2px solid var(--primary-color, #0c826f);
    padding-left: 15px; 
    margin: 12px 0; 
    color: #32465a; 
    font-style: italic; 
    background-color: color-mix(in srgb, var(--primary-color, #0c826f) 2%, transparent);
    padding-top: 4px;
    padding-bottom: 4px;
}

/* 7. Danh sách (Lists) */
.md-rendered-content ul, .md-rendered-content ol,
.chat-body ul, .chat-body ol,
.bot-message-content ul, .bot-message-content ol {
    padding-left: 20px;
    margin: 8px 0;
}