/*! tier2-shell.css — KSpace 第二档 · 壳适配层  r9-20260916
 *
 * 职责（只做三件事）：
 *   1. 第二档模式开关：body.ks-tier2-active 时，隐藏线上第一档的 .view，
 *      显示第二档内容区 #tier2-root。
 *   2. 第二档内容区布局：与第一档 .workspace/.view 同宽同位（max-width 1440 居中）。
 *   3. [hidden] 兜底：#rag-app/#topic-app 由第二档模块自己切 hidden，
 *      但 graph-*.css 里给 #rag-app 设了 display/max-width，需要一个确定性的兜底。
 *
 * 边界：不修改线上第一档任何既有选择器的原有行为；下方选择器全部是本文件新增的
 *      （body.ks-tier2-active 前缀 或 #tier2-root 前缀），不加进第一档的样式作用域。
 */

/* ── 1. 模式互斥 ── */
body.ks-tier2-active .workspace > .view { display: none !important; }
/* 第一档在 main 里还有非 .view 的直系子节点（例如初始化失败时 app.js:4623 会
   main.prepend(failure) 的「平台数据暂时不可用」横幅）。第二档模式下必须一并隐去，
   否则会出现「第一档横幅压在第二档内容之上」的观感错误。 */
body.ks-tier2-active .workspace > *:not(#tier2-root) { display: none !important; }
body.ks-tier2-active .workspace { padding-top: 22px; }

/* ── 2. 第二档内容区 ── */
#tier2-root { display: block; max-width: 1440px; margin: 0 auto; }
#tier2-root[hidden] { display: none !important; }
#tier2-root [hidden] { display: none !important; }

#tier2-root #rag-app,
#tier2-root #topic-app { display: block; width: 100%; box-sizing: border-box; }

/* ── 3. 菜单：第二档分组在第二档模式下高亮（不改变第一档分组） ── */
body.ks-tier2-active .tier-nav-group[data-tier-group="tier-2"] > .tier-toggle { color: #fff; }
body.ks-tier2-active .tier-subnav button[data-tier2-route].active {
  color: #fff;
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 2px 0 0 var(--accent, #2f6654);
}

/* ── 4. 顶层提示条（第二档当前为预览/模拟数据时显示，由 tier2-shell.js 注入） ── */
#tier2-root .tier2-notice {
  margin: 0 auto 14px;
  max-width: 1220px;
  padding: .55rem .8rem;
  border: 1px solid var(--console-line);
  border-left: 3px solid var(--console-warning, #f3a33d);
  border-radius: var(--console-radius);
  background: #fffaf2;
  color: var(--console-text);
  font-size: .72rem;
}