/* v20 — restore clear vertical split lines between List columns. */
:root {
  --dnxt-list-divider: rgba(47,106,112, .42);
  --dnxt-list-divider-dark: rgba(140,207,215, .30);
}

/* Header column separators. */
#listView .grid-header .gh-cell,
#listView .mytasks-grid-header .gh-cell,
.custom-list-host .grid-header .gh-cell,
.mytasks-list-view .grid-header .gh-cell,
.grid-header.task-grid .gh-cell {
  border-right: 1px solid var(--dnxt-list-divider) !important;
  box-shadow: none !important;
}

/* Row column separators. */
#listView .task-row .task-cell,
#listView .inline-new-row .task-cell,
.custom-list-host .task-row .task-cell,
.mytasks-list-view .task-row .task-cell,
.task-grid-row .task-cell,
.task-row .cell {
  border-right: 1px solid var(--dnxt-list-divider) !important;
}

/* Keep the final edge clean; internal columns retain their separators. */
#listView .grid-header .gh-cell:last-child,
#listView .task-row .task-cell:last-child,
#listView .inline-new-row .task-cell:last-child,
.custom-list-host .grid-header .gh-cell:last-child,
.custom-list-host .task-row .task-cell:last-child,
.mytasks-list-view .grid-header .gh-cell:last-child,
.mytasks-list-view .task-row .task-cell:last-child,
.grid-header.task-grid .gh-cell:last-child,
.task-grid-row .task-cell:last-child,
.task-row .cell:last-child {
  border-right: 0 !important;
}

html[data-theme="dark"] #listView .grid-header .gh-cell,
html[data-theme="dark"] #listView .mytasks-grid-header .gh-cell,
html[data-theme="dark"] .custom-list-host .grid-header .gh-cell,
html[data-theme="dark"] .mytasks-list-view .grid-header .gh-cell,
html[data-theme="dark"] .grid-header.task-grid .gh-cell,
html[data-theme="dark"] #listView .task-row .task-cell,
html[data-theme="dark"] #listView .inline-new-row .task-cell,
html[data-theme="dark"] .custom-list-host .task-row .task-cell,
html[data-theme="dark"] .mytasks-list-view .task-row .task-cell,
html[data-theme="dark"] .task-grid-row .task-cell,
html[data-theme="dark"] .task-row .cell {
  border-right-color: var(--dnxt-list-divider-dark) !important;
}



/* Follow-up: Completed view should match the List page table separators. */
#completedView #completedGridHeader .gh-cell,
#completedView #completedTaskRows .task-row .task-cell,
#completedView #completedTaskRows .task-row .cell {
  border-right: 1px solid var(--dnxt-list-divider) !important;
}
#completedView #completedGridHeader .gh-cell:last-child,
#completedView #completedTaskRows .task-row .task-cell:last-child,
#completedView #completedTaskRows .task-row .cell:last-child {
  border-right: 0 !important;
}
html[data-theme="dark"] #completedView #completedGridHeader .gh-cell,
html[data-theme="dark"] #completedView #completedTaskRows .task-row .task-cell,
html[data-theme="dark"] #completedView #completedTaskRows .task-row .cell {
  border-right-color: var(--dnxt-list-divider-dark) !important;
}