.data-health-page {
  --dh-border: #dce6ee;
  --dh-muted: #64748b;
  display: grid;
  gap: 18px;
  min-width: 0;
}
.dh-heading, .dh-result { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.dh-heading > strong { margin-right: auto; overflow-wrap: anywhere; }
.dh-query { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.dh-query .el-form-item { margin-bottom: 12px; }
.dh-query .dh-symbols { flex: 1; min-width: 240px; }
.dh-context-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.dh-table-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.dh-context-grid h3 { margin: 0 0 16px; font-size: 15px; }
.dh-table-card { background: linear-gradient(145deg, #fff 55%, #f3f8fc); }
.dh-coverage { margin: 22px 0; font-size: 30px; font-weight: 650; color: #245a78; letter-spacing: -.5px; }
.dh-coverage span { display: block; margin-top: 6px; font-size: 12px; font-weight: 400; letter-spacing: 0; color: var(--dh-muted); }
.dh-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 11px 16px; margin: 20px 0; font-size: 13px; }
.dh-facts dt { color: var(--dh-muted); }
.dh-facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.dh-note { margin: 10px 0; font-size: 13px; line-height: 1.75; }
/* el-progress 默认占满可用宽度，在 dh-result 的 flex 行里会把百分比与当前步挤到换行，
   在历史表「进度」列里则会把列撑开。给它一个上限并允许收缩。 */
.dh-progress { flex: 1 1 160px; min-width: 90px; max-width: 260px; }
.cool-table .dh-progress { max-width: 100%; margin-bottom: 4px; }
.dh-error { color: #b45332; font-size: 13px; overflow-wrap: anywhere; }
.dh-pagination { margin-top: 18px; max-width: 100%; overflow-x: auto; }
.dh-repair-form { margin-top: 18px; }
.dh-message, .dh-result { margin-top: 18px; }
.data-health-page pre, .dh-dialog pre, .dh-drawer pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 16px; background: #f3f6fa; border: 1px solid #dce6ee; border-radius: 8px; line-height: 1.6; font-size: 12px; max-height: 420px; overflow-y: auto; }
.dh-dialog { max-width: calc(100vw - 28px); }
.dh-drawer { max-width: 100vw; }
.dh-dialog li { margin: 10px 0; line-height: 1.6; }
@media (max-width: 680px) {
  .data-health-page { gap: 14px; }
  .dh-context-grid, .dh-table-grid { grid-template-columns: 1fr; gap: 14px; }
  .dh-query { display: block; }
  .dh-query .el-date-editor, .dh-query .el-form-item, .dh-query .dh-symbols { width: 100%; min-width: 0; }
  .dh-query .el-button { width: 100%; }
  .dh-facts { gap: 10px; }
  .dh-repair-form .el-checkbox-group { display: grid; grid-template-columns: 1fr 1fr; }
  .dh-repair-form .el-checkbox { margin-right: 0; }
  .dh-drawer .el-drawer__body { padding: 16px; }
}