/* ============================================================================
   南澳嘉禾 · 统一视觉基准 najh-ui.css
   v1.1.0 · 2026-10-29
   单一真源：~/WorkBuddy/najh-ui/najh-ui.css（改动只改这里，再同步到各站）
   同步目标：
     ~/WorkBuddy/najh-weiyouju-tool/web/najh-ui.css   （微邮局 najh-addr）
     ~/WorkBuddy/najh-santa-letters/najh-ui.css        （信件工作台 najh-santa）
     ~/WorkBuddy/najh-dashboard/public/najh-ui.css     （财务驾驶舱 najh-dashboard）
     ~/WorkBuddy/najh-console/public/najh-ui.css       （管理后台 najh-console）
   各站在本文件之后加载自身样式，并用 var(--nj-*) 映射本地变量。
   知识库（quartz-najh）颜色走 quartz.config.yaml 构建期配置，取值与本基准对齐。

   v1.1.0 变更：
   · 阴影体系分层（sm 默认 / hover 悬停 / lg 弹层），默认阴影更轻
   · 新增公共组件层：.nj-chip（软胶囊）/ .nj-badge（描边徽标）/ .nj-tag（分类彩签）
     各站新组件优先用这套，不再各写一份；旧组件逐步迁移
   ========================================================================== */
:root {
  /* 底色与面板 */
  --nj-bg:        #F3F7FC;   /* 全站页面底色 */
  --nj-surface:   #FFFFFF;   /* 卡片 */
  --nj-surface-2: #F6FAFF;   /* 次级面板 / 输入框底 */

  /* 边线 */
  --nj-line:      #DCE8F4;   /* 卡片描边、分隔 */
  --nj-line-soft: #E9F0F7;   /* 更软的分隔 */

  /* 文字三级 */
  --nj-ink:       #233750;
  --nj-ink-2:     #3C5673;
  --nj-ink-3:     #75879A;
  --nj-ink-4:     #9FB2C6;

  /* 主色 */
  --nj-brand:     #1976CF;   /* 按钮 / 链接 / 强调 */
  --nj-brand-dk:  #0D4F96;   /* 悬停 */
  --nj-brand-bg:  #EAF4FF;   /* 主色浅底 */

  /* 品牌渐变（侧栏 / 顶栏 / logo） */
  --nj-side-1:    #125FA9;
  --nj-side-2:    #0C417A;

  /* 语义色 */
  --nj-ok:        #1B8A50;  --nj-ok-bg:   #E3F6E9;
  --nj-warn:      #B4761A;  --nj-warn-bg: #FFF2DB;
  --nj-bad:       #CF3535;  --nj-bad-bg:  #FFE9E9;
  --nj-l3:        #A45C22;  --nj-l3-bg:   #FBEFE8;

  /* 形状与阴影（v1.1 分层） */
  --nj-r:         13px;
  --nj-r-s:       8px;
  --nj-shadow-sm:   0 1px 2px rgba(22,78,123,.03), 0 3px 12px rgba(22,78,123,.04);
  --nj-shadow:      var(--nj-shadow-sm);
  --nj-shadow-hover:0 3px 14px rgba(22,78,123,.10);
  --nj-shadow-lg:   0 12px 32px rgba(23,51,91,.18);

  /* 字体 */
  --nj-font: "PingFang SC", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
             "Microsoft YaHei", sans-serif;
  --nj-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

/* ==================== 公共组件层（v1.1） ==================== */

/* 软胶囊：状态/计数（替代各站加粗大色块 pill） */
.nj-chip{display:inline-flex;align-items:center;gap:5px;padding:2.5px 9px;border-radius:20px;
  font-size:11.5px;font-weight:500;letter-spacing:.2px;line-height:1.5;white-space:nowrap}
.nj-chip.ok{background:var(--nj-ok-bg);color:var(--nj-ok)}
.nj-chip.warn{background:var(--nj-warn-bg);color:var(--nj-warn)}
.nj-chip.bad{background:var(--nj-bad-bg);color:var(--nj-bad)}
.nj-chip.dim{background:#F1F5FA;color:var(--nj-ink-3)}
.nj-chip.brand{background:var(--nj-brand-bg);color:var(--nj-brand)}

/* 描边徽标：类型/来源（比软胶囊更轻，适合成组出现） */
.nj-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;
  font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap;
  color:var(--nj-ink-3);border:1px solid var(--nj-line);background:#fff}
.nj-badge.brand{color:var(--nj-brand);border-color:rgba(25,118,207,.35)}
.nj-badge.dashed{border-style:dashed}

/* 分类彩签：五类语义色（新闻灰/要闻蓝/民生绿/经济橙/生活紫） */
.nj-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;
  font-size:11px;font-weight:600;white-space:nowrap}
.nj-tag.t1{background:#EAF4FF;color:#1565C0}
.nj-tag.t2{background:#E8F5E9;color:#1B8A50}
.nj-tag.t3{background:#FFF3E0;color:#B4761A}
.nj-tag.t4{background:#F3E5F5;color:#8E44AD}
.nj-tag.t0{background:#ECEFF1;color:#546E7A}