/* shell.css - 整合外壳：全局基调 + 顶部导航 + 页面切换 */
* { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }

html, body { height: 100%; }
body {
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif;
  background: #f5f7fa; color: #1f2733;
  display: flex; flex-direction: column;
  overflow: hidden;
}

/* ---------- 顶部导航 ---------- */
.shell-nav {
  display: flex; align-items: center; gap: 14px;
  height: 52px; padding: 0 20px; flex: none;
  background: #ffffff; border-bottom: 1px solid #e3e8ef;
}
.shell-logo { font-size: 20px; font-weight: 700; color: #1f6feb; }
.shell-sub { font-size: 12px; color: #68758a; }
.shell-tabs { margin-left: auto; display: flex; gap: 4px; height: 100%; }
.shell-tab {
  border: none; background: none; cursor: pointer;
  font-size: 14px; color: #68758a; padding: 0 18px;
  border-bottom: 2px solid transparent;
  font-family: inherit;
}
.shell-tab:hover { color: #1f6feb; }
.shell-tab.active { color: #1f6feb; font-weight: 600; border-bottom-color: #1f6feb; }

/* ---------- 页面容器 ---------- */
.shell-main { flex: 1; min-height: 0; }
.page { height: 100%; display: flex; flex-direction: column; }

/* ---------- 页面内子工具条（替代原模块独立顶栏） ---------- */
.subbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 20px; flex: none;
  background: #ffffff; border-bottom: 1px solid #e3e8ef;
}
.subbar-title { font-size: 13px; font-weight: 600; color: #68758a; }
.subbar-actions { display: flex; gap: 8px; align-items: center; }