/* LX-DEC-20260906-NAV-SURFACE-001 / LX-DEC-20260906-SURFACE-UNIFY-002
   Main navigation surfaces only. No geometry, avatars, focus rings, motion,
   chat content, assistant workspace, business forms or document styling. */

#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > #wechatTabbar {
  background: #e9f1eb;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) > #wechatTabbar {
  background: #e4eee7;
}

#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > #wechatTabbar::after {
  background: inherit;
  box-shadow: none;
}

/* Lists remain the same surfaces when the desktop keeps them beside a chat. */
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel,
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel > .conversation-list,
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel:not(.add-colleague-open),
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel > #contactList {
  background: #e9f1eb;
}

#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel > .wechat-panel-head,
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel:not(.add-colleague-open) > .wechat-panel-head,
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel > #contactList .contact-section-title {
  background: #e9f1eb;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel #conversationItems .conversation-item,
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel > #contactList #orgStructure .contact-item {
  background: #e9f1eb;
}

#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel #conversationItems .conversation-item:hover:not(.active),
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel > #contactList #orgStructure .contact-item:hover {
  background: #dce9e0;
}

#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel #conversationItems .conversation-item.active {
  background: #cfdfd3;
}

#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel > .conversation-list > .wechat-search,
#workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel > #contactList > .contact-search {
  background: #f5f8f4;
}

/* The left rail may host the project directory. Change its base with content
   present too; the organization chart owns a separate spanning detail shell. */
#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail) > .workbench-reserved-rail {
  background: #dce9e0;
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail) > .workbench-reserved-rail > #projectTimelineDirectory:not(.is-mobile),
#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel #projectTimelineDirectory.is-mobile {
  background: #e4eee7;
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel #projectTimelineDirectory > .project-timeline-directory-list {
  background: transparent;
}

/* The Me surface continues behind its existing settings/detail cards; only
   the profile and first-level menu receive the lighter navigation material. */
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) > .workspace-main > .wechat-me-panel,
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) > .workspace-main > .wechat-me-panel > .me-content {
  background: #e4eee7;
}

#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) > .workspace-main > .wechat-me-panel > .wechat-panel-head {
  background: #e4eee7;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meProfileOpenSettings,
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meQuickScanEntry,
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meQuickScanEntry > .wechat-list-row,
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meMainMenu > .wechat-list-group,
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meMainMenu > .wechat-list-group > .wechat-list-row {
  background: #f1f6f1;
}

#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meProfileOpenSettings:hover,
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meQuickScanEntry > .wechat-list-row:hover,
#workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) #meMainMenu > .wechat-list-group > .wechat-list-row:hover {
  background: #e5eee7;
}

@media (min-width: 1024px) {
  /* This logo-only panel is hidden by the existing chat/detail state rules. */
  #workspaceLayout:is(.tab-dialogs, .tab-contacts):not(.assistant-workspace-active):not(.module-open) > #desktopOverviewPanel,
  #workspaceLayout:is(.tab-dialogs, .tab-contacts):not(.assistant-workspace-active):not(.module-open) > #desktopOverviewPanel > .desktop-empty-state {
    background: #e9f1eb;
  }

  #workspaceLayout:is(.tab-dialogs, .tab-contacts):not(.assistant-workspace-active):not(.module-open) > #desktopOverviewPanel > .desktop-overview-head {
    background: #e9f1eb;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  #workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) > .workspace-main > .wechat-me-panel > .me-content {
    background: #e4eee7;
  }
}

/* Standard conversation/profile detail canvases share their list's existing
   overview color. Message bubbles, editors, cards and nested panes are intact. */
#workspaceLayout.chat-open:not(.assistant-workspace-active):not(.module-open) > #assistantPanel,
#workspaceLayout.chat-open:not(.assistant-workspace-active):not(.module-open) > #assistantPanel > #assistantMessages,
#workspaceLayout.profile-open:not(.assistant-workspace-active):not(.module-open) > #contactProfilePanel,
#workspaceLayout.chat-detail-open:not(.assistant-workspace-active):not(.module-open) > #chatDetailPanel,
#workspaceLayout.chat-search-open:not(.assistant-workspace-active):not(.module-open) > #chatSearchPanel {
  background: #e9f1eb;
}

/* Use the existing right-hand environment once for the whole column group.
   Home authority: liquid-glass-system.css #workbenchMainContent.
   Project authority: project-timeline-foundation.css .project-timeline-stage.
   These guards never select other detail pages or the organization chart. */
#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open):has(> .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden])) {
  --navigation-workbench-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, .50), transparent 36%),
    radial-gradient(circle at 92% 24%, rgba(178, 210, 196, .46), transparent 34%),
    radial-gradient(circle at 18% 92%, rgba(122, 158, 143, .16), transparent 38%),
    linear-gradient(148deg, #d7e4de 0%, #e7eeeb 54%, #cddfd6 100%);
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open):has(> .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchDetailPanel:not([hidden]) .project-timeline-app) {
  --navigation-workbench-surface:
    radial-gradient(ellipse at 50% 18%, #fff9 0, transparent 65%),
    linear-gradient(155deg, #eef4f0, #e9f1ec 80%, #e3eee7);
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open):has(
  > .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden]),
  > .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchDetailPanel:not([hidden]) .project-timeline-app
) {
  background: var(--navigation-workbench-surface);
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open):has(
  > .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden]),
  > .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchDetailPanel:not([hidden]) .project-timeline-app
) > :is(#wechatTabbar, .workbench-panel),
#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail):has(
  > #workbenchMainContent:not([hidden]),
  > #workbenchDetailPanel:not([hidden]) .project-timeline-app
) > :is(.wechat-panel-head, .workbench-reserved-rail, #workbenchMainContent) {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail):has(> #workbenchDetailPanel:not([hidden]) .project-timeline-app) :is(
  #workbenchDetailPanel,
  #workbenchDetailMount,
  .project-timeline-app,
  .project-timeline-stage,
  #projectTimelineDirectory:not(.is-mobile)
) {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail):has(> #workbenchDetailPanel:not([hidden]) .project-timeline-app) #projectTimelineDirectory.is-mobile {
  background: var(--navigation-workbench-surface);
  box-shadow: none;
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden]) #departmentWorkbenchModuleGroup::before {
  background: none;
  filter: none;
}

/* Preserve the right-hand home surface's established transparency fallback. */
html.linxi-reduce-transparency #workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open):has(> .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden])) {
  --navigation-workbench-surface: #e6eee9;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  #workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open):has(> .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden])) {
    --navigation-workbench-surface: #e6eee9;
  }
}

@media (prefers-reduced-transparency: reduce) {
  #workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open):has(> .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden])) {
    --navigation-workbench-surface: #e6eee9;
  }
}

/* Home canvas keeps its native two-axis scrolling without visible tracks. */
#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden]) {
  scrollbar-width: none;
  scrollbar-gutter: auto;
  -ms-overflow-style: none;
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail) > #workbenchMainContent:not([hidden])::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

#workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel > #workbenchMainContent.workbench-pan-active {
  cursor: grabbing;
  user-select: none;
  -webkit-user-select: none;
  scroll-behavior: auto;
}

/* Retain the operating system's contrasting surface in forced-colors mode. */
@media (forced-colors: active) {
  #workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) {
    --navigation-workbench-surface: Canvas !important;
  }
  #workspaceLayout:not(.assistant-workspace-active):not(.module-open) > #wechatTabbar,
  #workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel,
  #workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .conversation-panel > .conversation-list,
  #workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel:not(.add-colleague-open),
  #workspaceLayout:not(.assistant-workspace-active):not(.module-open) > .contacts-panel > #contactList,
  #workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel:not(.detail-spans-reserved-rail) > .workbench-reserved-rail,
  #workspaceLayout.tab-workbench:not(.assistant-workspace-active):not(.module-open) > .workbench-panel #projectTimelineDirectory,
  #workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) > .workspace-main > .wechat-me-panel,
  #workspaceLayout.tab-me:not(.assistant-workspace-active):not(.module-open) > .workspace-main > .wechat-me-panel > .me-content {
    background: Canvas;
  }
}