/* v24 — keep the List header's hover color as its normal background. */
html[data-theme="light"] #listView .grid-header .gh-cell,
html:not([data-theme="dark"]) #listView .grid-header .gh-cell,
html[data-theme="light"] .mytasks-grid-header .gh-cell,
html:not([data-theme="dark"]) .mytasks-grid-header .gh-cell,
html[data-theme="light"] .custom-list-host .grid-header .gh-cell,
html:not([data-theme="dark"]) .custom-list-host .grid-header .gh-cell,
html[data-theme="light"] .completed-grid-header .gh-cell,
html:not([data-theme="dark"]) .completed-grid-header .gh-cell {
  background: var(--bg-hover, #f1f9f9) !important;
  color: var(--text-primary, #142628) !important;
}

html[data-theme="light"] #listView .grid-header .gh-cell:hover,
html:not([data-theme="dark"]) #listView .grid-header .gh-cell:hover,
html[data-theme="light"] .mytasks-grid-header .gh-cell:hover,
html:not([data-theme="dark"]) .mytasks-grid-header .gh-cell:hover,
html[data-theme="light"] .custom-list-host .grid-header .gh-cell:hover,
html:not([data-theme="dark"]) .custom-list-host .grid-header .gh-cell:hover,
html[data-theme="light"] .completed-grid-header .gh-cell:hover,
html:not([data-theme="dark"]) .completed-grid-header .gh-cell:hover {
  background: var(--bg-hover, #f1f9f9) !important;
  color: var(--text-primary, #142628) !important;
}

html[data-theme="dark"] #listView .grid-header .gh-cell,
html[data-theme="dark"] .mytasks-grid-header .gh-cell,
html[data-theme="dark"] .custom-list-host .grid-header .gh-cell,
html[data-theme="dark"] .completed-grid-header .gh-cell {
  background: #0b2224 !important;
  color: #f1f8f9 !important;
}