/* ==========================================================================
   人事行政管理板块（/hr）—— pages-kq.css（2026-09-28）
   与财务中心同形态：独立外壳 + 自带侧栏 + 显示标签栏。
   颜色一律走设计令牌（禁用裸 hex 与带兜底值的 var，见 tests/css-token 门禁）。
   ========================================================================== */

/* 板块壳：显示侧栏与标签栏（覆盖 .is-standalone 的隐藏）
   ⚠️⚠️ 三条都不能少（2026-09-28 真机踩到，侧栏整块不显示）：
     ① **必须带 `!important`** —— 项目那条隐藏规则是
        `.app-shell.is-standalone .sidebar { display: none !important; }`，
        `!important` 的优先级**高于普通声明**，即便我们选择器特异性更高也照样输
        （特许性只在"都没有 !important / 都有 !important"时才比）。
        finance / admin / portal 三个板块都写了 `!important`，hr 一开始漏了 ⇒ 侧栏 display:none。
     ② **选择器要带 `.app-shell` 前缀** —— 与那三个板块保持同一份写法，
        避免将来有人调隐藏规则时两边不同步。
     ③ `.page-tabs-bar` 同理（财务**保留**标签栏是乐哥明确要求的，
        门户才不显示；hr 与财务同档）。 */
.app-shell.is-standalone.is-hr .sidebar { display: flex !important; }
.app-shell.is-standalone.is-hr .page-tabs-bar { display: flex !important; }

/* ── 概览小片 ── */
.kq-chips {
  display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px;
}
.kq-chip {
  flex: 0 0 auto; min-width: 128px;
  background: var(--color-background-secondary);
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: 12px; padding: 12px 16px;
}
.kq-chip__num { font-size: 28px; font-weight: 500; color: var(--color-text-primary); }
.kq-chip__label { font-size: 12px; color: var(--color-text-secondary); margin-top: 2px; }
.kq-chip--bad .kq-chip__num { color: var(--color-text-danger); }

/* ── 工具条 ── */
.kq-toolbar {
  display: flex; align-items: center; gap: 12px; margin: 0 0 12px; flex-wrap: wrap;
}
.kq-toolbar label { font-size: 13px; color: var(--color-text-secondary); display: flex; align-items: center; gap: 6px; }
.kq-toolbar input[type="date"], .kq-toolbar input[type="text"] {
  height: 34px; border-radius: 8px; border: 0.5px solid var(--color-border-secondary);
  padding: 0 10px; font-size: 13px; background: var(--color-background-primary);
  color: var(--color-text-primary);
}
.kq-dry { font-size: 12px; color: var(--color-text-warning); }
.kq-muted { font-size: 12px; color: var(--color-text-secondary); }

/* ── 表格容器 ── */
.kq-table-wrap { margin-top: 8px; }
.kq-table-wrap .tbl-empty { padding: 24px; text-align: center; color: var(--color-text-secondary); font-size: 13px; }
.kq-phone-input { width: 180px; }

/* 页面说明与标题间距 */
.kq-page .kq-desc { margin: 0 0 14px; font-size: 13px; color: var(--color-text-secondary); }