/* 监督管理 · 群众评价 · 评价详情（页面词表 evd-）
   字段行 / 底色块 / 附件复用 todo-detail 的 .tdetail-*，
   办理环节时间轴复用 warn-detail 的 .wnk-node*（均为全局样式，不复制第二套）。 */

.evd-page {
  min-height: 100%;
  padding-bottom: var(--space-6);
  background: var(--color-page);
}

.evd-empty {
  margin: var(--space-8, 64px) var(--space-4) 0;
  color: var(--color-text-tertiary);
  font-size: 14px;
  text-align: center;
}

/* ===== 头部：业务分类 + 业务状态徽标 ===== */
.evd-head {
  padding: var(--space-4);
  background: #f4f6fd;
}

.evd-head__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

/* 头部标题字号对齐全站详情页头部标题（tdetail-header__title = 18px/600） */
.evd-head__title {
  margin: 0;
  color: var(--color-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

/* 业务状态徽标：文案取 seed，色值由 JS 按终态绿内联；
   字号对齐全站详情页头部徽标（tdetail-header__stage = 12px） */
.evd-status {
  flex: none;
  padding: 2px 10px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

/* ===== 概要信息：业务编号 / 评价星级 / 评价时间 ===== */
.evd-info {
  padding: var(--space-3) var(--space-4) var(--space-4);
  background: var(--color-surface);
}

.evd-info__row {
  margin: 0 0 var(--space-2);
  font-size: 14px;
  line-height: 1.6;
}

.evd-info__row:last-child {
  margin-bottom: 0;
}

.evd-info__label {
  color: var(--color-text-secondary);
}

.evd-info__value {
  color: var(--color-text);
  letter-spacing: 1px; /* 星星略松一点，避免挤成一团 */
  font-variant-numeric: tabular-nums;
}

.evd-info__value.evd-stars,
.evd-stars {
  letter-spacing: 2px;
}

/* ===== 三段内容区：左右留页面边距（tdetail-body 自带卡片与上下间距）===== */
.evd-secwrap {
  padding: 0 var(--space-4);
}

/* ===== 办理环节时间轴：节点名行 + 已完成 chip ===== */
.evd-timeline {
  margin-top: var(--space-2);
}

.evd-node__name {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.evd-node__chip {
  padding: 1px 8px;
  border-radius: var(--radius-sm);
  color: #16a34a;
  background: #eaf7ef;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}