.markdown-preview-view table,
.markdown-source-view.mod-cm6 .cm-table-widget table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Header Styling */
.markdown-preview-view table thead tr,
.markdown-source-view.mod-cm6 .cm-table-widget thead tr {
  background-color: #11111b;
}

.markdown-preview-view table thead th,
.markdown-source-view.mod-cm6 .cm-table-widget thead th {
  color: #cdd6f4;
  font-weight: 600;
  padding: 1px;
  border: 1px solid #313244;
}

/* Odd Row Background */
.markdown-preview-view table tbody tr:nth-child(odd),
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:nth-child(odd) {
  background-color: #1e1e2e;
}

/* Even Row Background */
.markdown-preview-view table tbody tr:nth-child(even),
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:nth-child(even) {
  background-color: #181825;
}

/* Table Cells */
.markdown-preview-view table td,
.markdown-source-view.mod-cm6 .cm-table-widget td {
  color: #cdd6f4;
  padding: 2px;
  border: 1px solid #313244;
}

/* Hover Effect with Matching Cursor Color */
.markdown-preview-view table tbody tr:hover,
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:hover {
  background-color: #b4befe;
  color: #11111b;
  transition: background-color 0.2s ease, color 0.2s ease;
  caret-color: #11111b;
}

/* Ensure table cells also update their text and cursor color */
.markdown-preview-view table tbody tr:hover td,
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:hover td {
  color: #11111b;
  caret-color: #11111b;
}