/* ─── Active item: full row blue ─── */
.tree-item-header:has(a[aria-current="page"]) {
  background-color: #1D7AFC;
  border-radius: 4px;
  border: none !important;
  outline: none !important;
}
.tree-item-header:has(a[aria-current="page"])::before {
  display: none !important;
  border: none !important;
}
.tree-item-header a[aria-current="page"] {
  background-color: transparent !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 2px 6px;
  display: inline-block;
  border: none !important;
}
/* ─── Remove grey border/outline on click & hover ─── */
.tree-item-header a:focus,
.tree-item-header a:active,
.tree-item-header a:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* ─── Hover state: soft blue background on full row ─── */
.tree-item-header:not(:has(a[aria-current="page"])):hover {
  background-color: #CCE0FF;
  border-radius: 4px;
  border: none !important;
}
.tree-item-header:not(:has(a[aria-current="page"])):hover a {
  color: #0055CC !important;
  text-decoration: none !important;
}
/* ─── Remove any default grey border from tree-item-header ─── */
.tree-item-header {
  border: none !important;
  box-shadow: none !important;
}