/* Reference navigation states, verified from the Ark console on 2026-09-08. */
:root {
  --navigation-state-fill: #ebebf5;
  --navigation-state-text: #0b0b0f;
  --navigation-state-secondary: #3f3f51;
  --navigation-accent: #5252ff;
  --navigation-accent-soft: #f5f7ff;
  --navigation-accent-border: #8e96ff;
}

/* Hide retired ordering-only serial numbers in legacy page-local navigation. */
.API配置侧栏 nav > button > span,
.素材采集库分类组 > button > span,
.模板规则标签栏 > .模板规则标签 > span,
.模型网关环节导航 > button > span {
  display: none !important;
}

.API配置侧栏 nav > button {
  padding-inline: 10px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
}

.API配置侧栏 nav > button > :where(b, small),
.素材采集库分类组 > button > :where(b, small) {
  grid-column: 1 !important;
}

.素材采集库分类组 > button {
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
}

.模型网关环节导航 > button {
  gap: 0 !important;
}


/* Neutral selected fill belongs only to the outer management sidebar. Content controls keep their own component states. */
html body .operator-sidebar .sidebar-list :is(a,button) {
  transition: color .2s linear !important;
}
html body .operator-sidebar .sidebar-list :is(a,button):is(.当前,.已选中,[aria-selected="true"],[aria-pressed="true"],[aria-current="page"]),
html body .operator-sidebar .sidebar-list :is(a,button):is(:hover,:active):not(:disabled) {
  background: var(--navigation-state-fill) !important;
  color: var(--navigation-state-text) !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
html body .operator-sidebar .sidebar-list :is(a,button):is(.当前,.已选中,[aria-selected="true"],[aria-pressed="true"],[aria-current="page"]) { font-weight: 500 !important; }
html body .operator-sidebar .sidebar-list :is(a,button):focus-visible {
  outline: 2px solid var(--navigation-accent-border);
  outline-offset: -2px;
}
/* Counts and labels share the selected item's text treatment; old blue marks disappear. */
html body .operator-sidebar .sidebar-list :is(a,button) :is(span,small,strong,b,em) { text-decoration: none !important; }
html body .operator-sidebar .sidebar-list :is(a,button):is(.当前,.已选中,[aria-selected="true"],[aria-pressed="true"],[aria-current="page"]) :is(span,small,strong,b,em),
html body .operator-sidebar .sidebar-list :is(a,button):is(:hover,:active):not(:disabled) :is(span,small,strong,b,em) {
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .operator-sidebar .sidebar-list :is(a,button)::before, html body .operator-sidebar .sidebar-list :is(a,button)::after,
html body .operator-sidebar .sidebar-list :is(a,button) :is(span,small,strong,b,em)::after { content: none !important; }

/* Pagination uses the reference's separate accent selection, not the menu fill. */
html body .素材采集库分页 button.当前 {
  color: var(--navigation-accent) !important;
  background: var(--navigation-accent-soft) !important;
  border-color: var(--navigation-accent-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html body .素材采集库图片缩略条 button.当前 {
  border-color: var(--navigation-accent-border) !important;
  box-shadow: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html body .operator-sidebar .sidebar-list :is(a,button) { transition: none !important; }
}

/* Content navigation stays transparent while hovered or pressed; outer navigation owns filled states. */
html body :is([role="tablist"],.workflow-center-filters,.workflow-editor-layout>nav,.workflow-stage-navigation,.API配置侧栏 nav,.课程生产步骤,.内容中心同版侧栏>nav,.视频版阶段,.模板类型筛选,.技能中心大类,.技能中心平台筛选,.技能中心分类,.技能资源横向分类,.工作日志栏目标签,.API配置单一标签,.asset-folder-bar,.素材采集库侧栏>nav,.模型网关环节导航,.内容架构分类,.IM检查器标签,.内容架构层级树,.模板规则标签栏,.素材采集库分类组) :is(a,button):is(:hover,:active):not(:disabled){
  background:transparent!important;
  box-shadow:none!important;
}
