/* css/views/audview_records.css — 视图私有样式,owner: W20 audit-views agent。
 * 只许 W20 写;本视图专属选择器前缀 .v-audview-records;颜色/间距用 var(--*)。
 * .v-audview-*(无视图后缀)= audview 分组共享类,各文件同义重复定义,自包含。 */

/* ---- 分组共享(与其他 audview_*.css 同义重复) ---- */
.v-audview-hidden { display: none; }
.v-audview-note {
  margin-bottom: var(--space-2);
  font-size: 12px;
  color: var(--color-text-muted);
}
/* 时间窗迁至 filters.js(audview_common.timeWindow → windowPicker,起止用 .flt-dt 在 app.css)
 * → 原 .v-audview-dt 已无消费者,随 FU-ADMIN-UNIFIED-FILTERS 移除。 */

/* ---- 本视图专属 ---- */
/* 白画布区块容器(§9g 三层法第一层,对拍 usage .v-usage-canvas):
 * 查询条件 / 结果表两区靠底色分离 */
.v-audview-records-canvas {
  background: var(--color-surface);
  border-radius: 24px;
  padding: var(--space-6);
  margin-bottom: var(--space-6);
}
.v-audview-records-canvas .section { margin-bottom: 0; }
.v-audview-records-sub { font-size: 12px; font-weight: 400; color: var(--color-text-muted); margin-left: var(--space-2); }
.v-audview-records-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-bottom: var(--space-3);
}
.v-audview-records-sec-head .section-title { margin-bottom: 0; }

/* 过滤器:等宽网格(对拍 v-usage-filters),字段多也行列整齐;窄屏自动减列 */
.v-audview-records-filters {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: var(--space-8) var(--space-3);
  align-items: end;
}
.v-audview-records-filters .select,
.v-audview-records-filters .input { width: 100%; }
/* 查询按钮独占整行靠右(动作长在筛选画布,唯一 primary) */
.v-audview-records-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: var(--space-2);
  justify-content: flex-end;
}

/* 行可点开解密抽屉:hover 即手型(行底色 hover 由共享 .table 规则负责) */
.v-audview-records-table tbody tr { cursor: pointer; }

/* 全表单行排版(2026-07-14 用户:「查看」「请求/响应」被挤成竖排):
 * 列多靠 .table-wrap 横向滚动消化,单元格绝不折行。
 * 防御:画布与滚动容器锁死在可用宽度内,滚动条行程必达表尾(滑不到底 bug)。 */
.v-audview-records-canvas { min-width: 0; }
.v-audview-records-table { max-width: 100%; }
.v-audview-records-table th,
.v-audview-records-table td { white-space: nowrap; }

/* 异常行分档底色(§9g 红只给真风险):hot = 高危/拦截,warm = 中危/警示 */
.v-audview-records-table tbody tr.v-audview-records-hot td { background: rgba(192, 39, 28, 0.07); }
.v-audview-records-table tbody tr.v-audview-records-warm td { background: rgba(163, 94, 0, 0.06); }

/* 排序分段器(结果区标题行右侧):激活项走品牌渐变(对拍 home 分段器) */
.v-audview-records-seg-wrap { display: flex; gap: var(--space-1); }
.v-audview-records-seg.on {
  background: var(--grad-brand);
  color: var(--color-text-inverse);
  border-color: transparent;
}

.v-audview-records-pager { margin-top: var(--space-3); }

/* 基础排版:网格筛选里的 help 不出格,允许换行(2026-07-14) */
.v-audview-records-filters .field .field-help { white-space: normal; }