/* FGSL inspector 共享样式（B-5 轻量去重，2026-06-15）
 * 导航栏样式单一来源——巡视员核查清单 index + issues_dashboard 两页 <link> 引用，
 * 消费各页自己的主题变量（var(--acc-go) 等），所以浅色/深色主题各自适配、不在此统一。
 *
 * 只统一 nav 按钮（原 inspector / 看板两份逐行近似但已漂移：看板 <a> 导航多 text-decoration/inline-flex、
 * 圆角写死 2px vs inspector var(--r-sm)、inspector 多 .primary 变体）。
 * 下面是「向后兼容并集」：var(--r-sm,2px)/var(--glow-live,none) 回退保证两页零视觉变化
 * （inspector --r-sm=2px；看板无 --r-sm/--glow-live → 回退正好等于看板原值）。
 *
 * .header-inner / .brand / .brand-sub 各页保留 inline（布局有意分歧：inspector 静态辉光 vs 看板脉冲动画）。
 * supervision.html 无导航条，不引用本文件。
 * 服务器部署到 /var/www/wenrun/sop-check/inspector/common.css（与页面同目录，相对路径 href="common.css"）。
 */
nav { display: flex; gap: 4px; flex-wrap: wrap; }
nav button, nav a.tab-btn, nav .tab-btn {
  background: transparent;
  color: var(--text-mid);
  border: 1px solid var(--border-mid);
  padding: 6px 12px;
  font-family: var(--ff-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: var(--r-sm, 2px);
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.14s, background 0.14s, border-color 0.14s, scale 0.12s;
}
/* 按压触感（make-interfaces-feel-better #12）：导航 tab 按下 scale 0.96，独立 scale 属性不覆盖既有 transform */
nav button:active, nav a.tab-btn:active, nav .tab-btn:active { scale: 0.96; }
nav button:hover, nav .tab-btn:hover {
  color: var(--acc-go);
  border-color: var(--acc-go);
  background: var(--acc-go-soft);
}
nav button.primary, nav .tab-btn.primary {
  background: var(--acc-go-soft);
  border-color: var(--acc-go);
  color: var(--acc-go);
  font-weight: 600;
}
nav button.primary:hover, nav .tab-btn.primary:hover {
  background: var(--acc-go);
  color: #ffffff;
  box-shadow: var(--glow-live, none);
}
nav .tab-btn.tab-active {
  background: var(--acc-go-soft);
  border-color: var(--acc-go);
  color: var(--acc-go);
}

/* 品牌视觉规范 v1.3：FGSL / 青苗体系。important 只用于覆盖各页后置的旧 token。 */
html[data-brand="fgsl"] {
  --bg-deep: #f3f5f0 !important;
  --bg-surface: #ffffff !important;
  --bg-raised: #eef4ea !important;
  --bg-card: #ffffff !important;
  --border: #dce7d6 !important;
  --border-mid: #b9cdb0 !important;
  --text-main: #132510 !important;
  --text-mid: #4f6249 !important;
  --text-mute: #75836f !important;
  --acc-live: #206810 !important;
  --acc-go: #206810 !important;
  --acc-go-soft: rgba(32, 104, 16, 0.10) !important;
  --primary: #206810 !important;
  --primary-dark: #174c0c !important;
  --success: #206810 !important;
  --glow-live: none !important;
}

html[data-brand="fgsl"] body {
  background: #f3f5f0 !important;
  background-image: none !important;
  color: #132510 !important;
}

html[data-brand="fgsl"] header {
  background: #ffffff !important;
  border-bottom: 3px solid #206810 !important;
  box-shadow: none !important;
}

html[data-brand="fgsl"] .brand::before {
  color: #a0d038 !important;
  text-shadow: none !important;
  animation: none !important;
}

html[data-brand="fgsl"] :is(.card, .panel, .metric, .stat-card, .issue-card, .supervision-card) {
  border-color: #dce7d6 !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 22px rgba(23, 76, 12, 0.06) !important;
}

html[data-brand="fgsl"] :is(button, input, select, textarea, nav a.tab-btn, nav .tab-btn) {
  min-height: 44px;
}

html[data-brand="fgsl"] :is(button.primary, nav button.primary, nav .tab-btn.primary):hover {
  background: #206810 !important;
  border-color: #206810 !important;
  color: #ffffff !important;
}

html[data-brand="fgsl"] :is(.tag, .badge, .pill) {
  border-radius: 999px;
}