#documents-panel .sidebar-group-summary,
#documents-panel .sidebar-subgroup-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 12px;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--ui-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  list-style: none;
  cursor: pointer;
}

#documents-panel :is(.sidebar-group-summary, .sidebar-subgroup-summary)::marker {
  content: "";
}

#documents-panel :is(.sidebar-group-summary, .sidebar-subgroup-summary)::-webkit-details-marker {
  display: none;
}

#documents-panel :is(.sidebar-group-summary, .sidebar-subgroup-summary):hover {
  background: var(--ui-surface-subtle);
}

#documents-panel .sidebar-group-summary h2 {
  margin: 0;
  font: inherit;
}

#documents-panel #data-navigation {
  min-width: 0;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

#documents-panel #data-navigation .data-catalog-group {
  margin: 0;
  padding: 0;
}

#documents-panel #data-navigation .data-catalog-group-heading,
#documents-panel #project-library > .sidebar-group-summary > [role="heading"] {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: inherit;
  font: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#documents-panel #data-navigation:not([hidden]) + #project-library {
  margin-top: 0;
}

.sidebar-nav-icon,
.sidebar-chevron {
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
  color: var(--ui-text-soft);
  pointer-events: none;
}

.sidebar-chevron {
  width: 12px;
  height: 12px;
  transition: transform 120ms ease;
}

details[open] > :is(.sidebar-group-summary, .sidebar-subgroup-summary) .sidebar-chevron {
  transform: rotate(90deg);
}

#documents-panel .paper-library > .sidebar-subgroup {
  margin: 8px 8px 4px 24px;
  padding: 0;
  border: 0;
}

#documents-panel .sidebar-subgroup-summary {
  padding-inline: 8px;
  color: var(--ui-text-soft);
  font-size: 13px;
  font-weight: 400;
}

#documents-panel .sidebar-subgroup-summary .notes-count {
  margin-inline-start: auto;
}

#documents-panel #project-library {
  margin-top: 12px;
  padding-top: 0;
  border-top: 0;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-chevron { transition: none; }
}