/* css/views/employees.css — 视图私有样式,owner: employees 视图 agent。
 * 只许本视图 agent 写;全部选择器前缀 .v-employees;颜色/间距用 var(--*)。 */

/* 传播 SLA 提示条:mutation 后出现。Signal Amber = 传播 SLA 语义(DESIGN.md §2)。 */
.v-employees-sla {
  background: var(--color-warning-tint);
  color: var(--color-warning);
  border: 1px solid var(--color-warning);
  border-radius: var(--radius-control);
  padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-4);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

/* 名称过滤输入框(filters 行内) */
.v-employees-q {
  width: 240px;
}

/* 分页行:表格之后。布局/字体全走 app.css 通用 .pager / .pager-info;
 * .v-employees-pager 仅作视图标识钩子,当前无私有声明。 */

/* 行内操作列:右对齐(紧凑档统一走 app.css 的 .btn-sm,不再私有覆盖) */
.v-employees-actions {
  display: flex;
  gap: var(--space-2);
  justify-content: flex-end;
  white-space: nowrap;
}

/* 编辑表单内的 REPLACE 语义提示 */
.v-employees-replace-note {
  font-size: 12px;
  color: var(--color-text-secondary);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  padding: var(--space-2) var(--space-3);
}

/* 表单级错误(后端 message + trace_id 可见) */
.v-employees-form-err {
  font-size: 12px;
  color: var(--color-danger);
}

.v-employees-trace {
  font-family: var(--font-mono);
}

/* Authentik 关联(FU-GROUP-IDP-SYNC,块4):write-only 控件 + content-free 状态。 */
.v-employees-idp {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.v-employees-idp-status {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 13px;
}
.v-employees-idp-unlink {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 13px;
  color: var(--color-text-secondary);
  cursor: pointer;
}

/* ---- 白画布区块容器(§9g 三层法第一层,2026-07-14 冲刺):列表整区一张画布,
 * 主动作上区块版头(表格屏配方;页头槽退役) ---- */
.v-employees-canvas {
  background: var(--color-surface);
  border-radius: 24px;
  padding: var(--space-6);
  margin-bottom: var(--space-6);
}
.v-employees-canvas .section { margin-bottom: 0; }
.v-employees-sub { font-size: 12px; font-weight: 400; color: var(--color-text-muted); margin-left: var(--space-2); }
.v-employees-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-bottom: var(--space-3);
}
.v-employees-sec-head .section-title { margin-bottom: 0; }
.v-employees-filters { margin-bottom: var(--space-3); }
.v-employees-canvas .table th,
.v-employees-canvas .table td { white-space: nowrap; } /* 基础排版:不竖排 */

/* ---- 2026-07-14 表格视觉升级:56px 行高 / 首字圆标 / 预算细条 ---- */
.v-employees-canvas .table td { height: 56px; vertical-align: middle; }
.v-employees-namecell { display: inline-flex; align-items: center; gap: var(--space-2); }
.v-employees-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  flex: none;
  background: rgba(59, 85, 196, 0.12); /* 浅蓝底蓝字(deepseek 品牌蓝同族) */
  color: var(--color-prov-deepseek);
}
/* 预算列:金额在上、4px 细条在下,条长 = 金额/本表最大金额(<progress value/max>) */
.v-employees-budget { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.v-employees-budgetbar {
  width: 76px;
  height: 4px;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 999px;
  overflow: hidden;
  background: #EFF2F6; /* 底槽浅灰 */
}
.v-employees-budgetbar::-webkit-progress-bar { background: #EFF2F6; }
.v-employees-budgetbar::-webkit-progress-value { background: var(--color-accent-bright); }
.v-employees-budgetbar::-moz-progress-bar { background: var(--color-accent-bright); }
.v-employees-inf { color: var(--color-text-muted); font-size: 15px; }