/* v632: Pastel, entire-row page colors; readable multi-line titles and full catalog access.
   Leave stored color keys and SQL color-only save unchanged. */
#categoryList.category-list {
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  scrollbar-gutter:stable;
}
#categoryList button.category-button.mindmap-category-v20 {
  display:flex!important;
  flex:0 0 auto!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  grid-auto-rows:auto!important;
  column-gap:9px!important;
  row-gap:2px!important;
  gap:9px!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  height:auto!important;
  padding:9px 12px!important;
  background:color-mix(in srgb,var(--category,#3f6eb8) 25%,#e9eef4)!important;
  border:1px solid color-mix(in srgb,var(--category,#3f6eb8) 42%,#bbc7d5)!important;
  border-radius:10px!important;
  color:var(--mindmap-name-ink,#243447)!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  box-shadow:none!important;
  text-align:left!important;
  transition:background-color .12s ease,border-color .12s ease!important;
}
#categoryList button.category-button.mindmap-category-v20:hover {
  background:color-mix(in srgb,var(--category,#3f6eb8) 31%,#e9eef4)!important;
  box-shadow:inset 0 0 0 1px rgba(43,62,80,.13)!important;
}
#categoryList button.category-button.mindmap-category-v20:focus-visible {
  outline:2px solid #284563!important;
  outline-offset:1px!important;
}
#categoryList button.category-button.mindmap-category-v20.active,
#categoryList button.category-button.mindmap-category-v20.active:hover {
  background:color-mix(in srgb,var(--category,#3f6eb8) 34%,#e9eef4)!important;
  border-color:#435a73!important;
  box-shadow:inset 4px 0 0 #344d65,0 1px 5px rgba(37,51,70,.08)!important;
}
#categoryList button.category-button.mindmap-category-v20.active::after { display:none!important;content:none!important; }
#categoryList button.category-button.mindmap-category-v20 > .category-dot,
#categoryList button.category-button.mindmap-category-v20 > .six-dot-handle { display:none!important; }
#categoryList button.category-button.mindmap-category-v20 > .category-name,
#categoryList button.category-button.mindmap-category-v20.active > .category-name,
#categoryList button.category-button.mindmap-category-v20 > .category-name.inline-text-edit-v34 {
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:auto!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:left!important;
  color:inherit!important;
  background:transparent!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1.38!important;
  font-weight:750!important;
  letter-spacing:0!important;
  align-self:center!important;
}
#categoryList button.category-button.mindmap-category-v20.active > .category-name {font-weight:850!important;}
#categoryList button.category-button.mindmap-category-v20 > .mindmap-share-status-v472 {
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  flex:0 0 17px!important;
  align-self:center!important;
  color:#344a60!important;
  opacity:.77!important;
}
#categoryList button.category-button.mindmap-completed-row-v210 {
  grid-template-columns:16px minmax(0,1fr) 18px!important;
  display:flex!important;
  opacity:1!important;
  background:color-mix(in srgb,var(--category,#64748b) 17%,#edf0f4)!important;
  border-style:dashed!important;
}
#categoryList button.category-button.mindmap-completed-row-v210 > .mindmap-complete-mark-v210 {
  grid-column:1!important;grid-row:1!important;flex:0 0 14px!important;color:#415e74!important;
}
#categoryList button.category-button.mindmap-completed-row-v210 > .category-name {grid-column:2!important;grid-row:1!important;}
#categoryList button.category-button.mindmap-completed-row-v210 > .mindmap-share-status-v472 {grid-column:3!important;grid-row:1!important;}
#categoryList button.category-button.mindmap-category-v20 > .category-name[contenteditable] {
  outline:1px solid #415a73!important;
  outline-offset:2px!important;
  cursor:text!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
#categoryList .mindmap-catalog-summary-v632 {
  padding:4px 8px 2px;font-size:11px;line-height:1.35;color:#576778;font-weight:700;
}
#categoryList .mindmap-catalog-warning-v632 {
  border:1px solid #d3bb79;background:#fff8e5;color:#75561b;
  padding:9px 10px;border-radius:9px;font-size:11px;line-height:1.4;
}
@media(max-width:820px){
  #categoryList button.category-button.mindmap-category-v20 {min-height:50px!important;padding:10px 12px!important;}
  #categoryList button.category-button.mindmap-category-v20 > .category-name {font-size:12px!important;line-height:1.42!important;}
}
/* v268 still declares a three-class dot/name grid even though the dot no longer
   exists. Match its :not(...) specificity (including the active variant) so
   the title gets the flexible column rather than the retired 10px dot column. */
#categoryList button.category-button.mindmap-category-v20:not(.mindmap-completed-row-v210),
#categoryList button.category-button.mindmap-category-v20.active:not(.mindmap-completed-row-v210) {
  grid-template-columns:minmax(0,1fr) 18px!important;
}

/* The legacy panel uses a constrained scrolling container. Prevent 100+ rows
   from flex-shrinking to minimum height and allowing wrapped titles to overrun. */
#categoryList > .mindmap-catalog-summary-v632,
#categoryList > .mindmap-catalog-warning-v632,
#categoryList > .mindmap-completed-heading-v210 { flex:0 0 auto!important; }