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

/* 行内操作列:按钮靠右成组,不换行 */
.v-departments-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
  white-space: nowrap;
}

/* 盲翻页页脚:布局/字体走 app.css 通用 .pager/.pager-info,这里只留差异项 */
.v-departments-pager-info {
  margin-right: auto;
}

/* modal 表单内的提交错误块(后端 message + trace_id 可见) */
.v-departments-form-error {
  margin-top: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-danger);
  border-radius: var(--radius-control);
  background: var(--color-danger-tint);
  color: var(--color-danger);
  font-size: 13px;
}

.v-departments-form-error p {
  margin: 0;
}

.v-departments-form-error p + p {
  margin-top: var(--space-1);
}

/* 编辑表单顶部的 REPLACE 语义提示(留空 = 改为无限制,不是保留旧值) */
.v-departments-replace-note {
  margin: 0 0 var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-bg);
  color: var(--color-text-secondary);
  font-size: 13px;
}

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

/* ---- 2026-07-14 表格视觉升级:56px 行高 / 首字圆标 / 预算细条 ---- */
.v-departments-canvas .table td { height: 56px; vertical-align: middle; }
.v-departments-namecell { display: inline-flex; align-items: center; gap: var(--space-2); }
.v-departments-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(249, 115, 22, 0.14); /* 浅橙底橙字(对拍 admins DB 头像) */
  color: var(--color-accent);
}
/* 预算列:金额在上、4px 细条在下,条长 = 金额/本表最大金额(<progress value/max>) */
.v-departments-budget { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.v-departments-budgetbar {
  width: 76px;
  height: 4px;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 999px;
  overflow: hidden;
  background: #EFF2F6; /* 底槽浅灰 */
}
.v-departments-budgetbar::-webkit-progress-bar { background: #EFF2F6; }
.v-departments-budgetbar::-webkit-progress-value { background: var(--color-accent-bright); }
.v-departments-budgetbar::-moz-progress-bar { background: var(--color-accent-bright); }
.v-departments-inf { color: var(--color-text-muted); font-size: 15px; }