:root {
  /* 导航底色（Figma sidebar 竖向渐变） */
  --lg-nav-bg: linear-gradient(180deg, #FAFAFA 0%, #F5F5FA 39%, #F5F6FA 98%);
  /* 导航中下部实际底色，供 sticky 吸顶层 / 渐隐遮罩对齐使用 */
  --lg-nav-bottom: #F5F6FA;
  --lg-nav-bottom-rgb: 245, 246, 250;
  /* 内容区底色 */
  --lg-content-bg: #FAFAFA;
  /* 导航与内容区之间的分界线（两者色值接近，靠此线建立边界） */
  --lg-shell-divider: rgba(0, 0, 0, 0.05);
}

/* =============================================================
   1. 左侧导航底色 + 左上角装饰光斑
   —— 光斑用多重背景里的 radial-gradient 实现，等价于 Figma 的
      「低透明度椭圆 + 50px 高斯模糊」，且不引入伪元素 / 层叠上下文，
      不会干扰侧栏内既有的 sticky 吸顶与弹出菜单层级。
   —— 椭圆中心 = (-185 + 555/2, -222 + 563/2) = (92.5, 59.5)
      半径 = 277.5 x 281.5
   —— 椭圆内部按 Figma 保持均匀 0.03，仅最外圈渐隐，以模拟
      「纯色填充 + 50px 模糊」的边缘扩散，避免中心过重。
   ============================================================= */
.session-sidebar {
  background:
    radial-gradient(277.5px 281.5px at 92.5px 59.5px,
      rgba(73, 93, 255, 0.03) 0%,
      rgba(73, 93, 255, 0.03) 62%,
      rgba(73, 93, 255, 0) 100%),
    var(--lg-nav-bg);
}

/* 开发 tab 内部的二级导航（216px）同步 */
.dev-sidebar {
  background:
    radial-gradient(216px 281.5px at 60px 59.5px,
      rgba(73, 93, 255, 0.03) 0%,
      rgba(73, 93, 255, 0.03) 62%,
      rgba(73, 93, 255, 0) 100%),
    var(--lg-nav-bg);
  border-right-color: var(--lg-shell-divider);
}

/* =============================================================
   2. 导航内 sticky 吸顶层 / 渐隐遮罩跟随新底色
   —— 原值写死 #fafafa，导航底部改为 #F5F6FA 后，这些层会在列表
      中下部露出一道色差，需同步。
   ============================================================= */
.session-sidebar__history-tabs {
  background: var(--lg-nav-bottom);
}
.session-sidebar__section-title--sticky {
  background: rgba(var(--lg-nav-bottom-rgb), 0.9);
}
.session-sidebar__scroll-container:after {
  background: linear-gradient(180deg,
    rgba(var(--lg-nav-bottom-rgb), 0),
    rgba(var(--lg-nav-bottom-rgb), 0.9));
}

/* =============================================================
   3. 右侧内容区底色（对话 / 工作 tab）
   —— .chat-welcome / .new-session-page 原本无底色，白底来自父级
      .chat-main{background:#fff}；此处补 Figma 的 #FAFAFA。
   —— 父级用 :has() 限定为「仅首页态」，避免把会话进行中的对话页
      一起改灰（超出本次范围）。
   ============================================================= */
.new-session-page,
.chat-welcome {
  background: var(--lg-content-bg);
}
/* 首页态的容器（承接 .chat-welcome 之外的留白，如底部免责声明区） */
.chat-main:has(.chat-welcome),
.chat-main:has(.new-session-page) {
  background: var(--lg-content-bg);
}

/* =============================================================
   4. 右侧内容区底色（开发 tab）
   —— .dev-main-bg 原为纯白，其 :before 还有一层白色径向渐晕，
      需一起换成新底色，否则中心区域仍是白。
   ============================================================= */
.dev-main-bg {
  background: var(--lg-content-bg);
}
.dev-main-bg:before {
  background: radial-gradient(circle at 50% 50%,
    rgba(var(--lg-nav-bottom-rgb), 0),
    var(--lg-content-bg));
}

/* =============================================================
   5. 「组织」tab · AI组织 / AI 各部门面板
   —— .lof-panel--org 覆盖 AI组织主页（组织概览 / 组织智能体 /
      组织目标 / 成本预算）与下辖 AI 财务部、销售部、采购部、
      制造运营部等部门页。原为 #fbfbfb，与新导航底色过近。
   ============================================================= */
/* 选择器与原规则 .lof-panel.lof-panel--org 同为双类，本表后加载即生效 */
.lof-panel.lof-panel--org {
  background: var(--lg-content-bg);
  /* 面板为 fixed 覆盖，会盖住导航的外阴影，改用内阴影补回分界线 */
  box-shadow: inset 1px 0 0 var(--lg-shell-divider);
}