/* css/views/vk.css — 视图私有样式,owner: vk 视图 agent。
 * 只许本视图 agent 写;全部选择器前缀 .v-vk;颜色/间距用 var(--*)。
 * 通用组件(按钮/表格/表单/modal/三态)全部复用 app.css,不在此重复。 */

/* 过滤行:搜索框定宽(刷新/签发已迁入页头 ctx.actions 槽,W18) */
.v-vk-search { width: 320px; }

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

/* 底部分页:布局/字体全走 app.css 通用 .pager / .pager-info,无私有覆盖 */

/* 详情:label/值 两列网格;UUID 等长字符串允许断行 */
.v-vk-detail {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--space-2) var(--space-4);
  font-size: 13px;
  word-break: break-all;
}
.v-vk-detail-label {
  color: var(--color-text-secondary);
  font-weight: 500;
  white-space: nowrap;
}

/* 警示说明条(一次性明文 / REPLACE 语义):amber tint 信号,非装饰 */
.v-vk-warn-note {
  background: var(--color-warning-tint);
  border-left: 3px solid var(--color-warning);
  border-radius: var(--radius-control);
  color: var(--color-warning);
  font-size: 13px;
  line-height: 1.5;
  padding: var(--space-2) var(--space-3);
}

/* 一次性明文行:等宽展示 + 复制按钮 */
.v-vk-plaintext-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.v-vk-plaintext {
  flex: 1;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* modal 内表单:超高时自身滚动,不撑破 modal */
.v-vk-modal-form {
  max-height: 60vh;
  overflow-y: auto;
  padding-right: var(--space-1);
}

/* 表单内服务端错误行(message + trace_id) */
.v-vk-form-error {
  color: var(--color-danger);
  font-size: 12px;
}
.v-vk-form-error:empty { display: none; }

/* 调用方身份锚(actor_type/agent_label,R0-C):列表「调用方」列 badge + 可选标签同列。
 * badge 自身走 app.css 的 .badge-*(语义色固定),此处只排版,不自造颜色。 */
.v-vk-actor {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}
.v-vk-agent-label {
  color: var(--color-text-secondary);
  font-size: 12px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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