/* ── 任务结果卡片 ─────────────────────────────────── */
.item-card[data-status="done"]    { border-left: 3px solid #198754; }
.item-card[data-status="error"]   { border-left: 3px solid #dc3545; }
.item-card[data-status="timeout"] { border-left: 3px solid #fd7e14; }
.item-card[data-status="running"] { border-left: 3px solid #0d6efd; }
.item-card[data-status="pending"] { border-left: 3px solid #adb5bd; }

/* ── Query 行 ────────────────────────────────────── */
.query-row {
  background: #f8f9ff;
  border-radius: 0 4px 4px 0;
}

/* ── 区块标签（Response / 应用截图 / 图表）─────────── */
.label-sm {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6c757d;
}

/* ── Response 文字区 ──────────────────────────────── */
.response-text {
  max-height: 320px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.82rem;
  line-height: 1.6;
}

/* ── 应用截图（右列，铺满列宽，限制最大高度）──────── */
.screenshot-thumb {
  display: block;
  width: 100%;
  max-height: 420px;
  object-fit: contain;    /* 保持比例，不裁剪 */
  object-position: top;
  cursor: zoom-in;
  transition: opacity 0.15s;
  background: #f0f0f0;
}
.screenshot-thumb:hover { opacity: 0.88; }

/* ── Widget 图表块 ────────────────────────────────── */
.widget-block {
  background: #fafafa;
}

.widget-thumb {
  display: block;
  width: 100%;
  max-height: 280px;
  object-fit: contain;
  object-position: top;
  cursor: zoom-in;
  transition: opacity 0.15s;
}
.widget-thumb:hover { opacity: 0.88; }

.widget-text {
  background: #f4f4f4;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 0.78rem;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 160px;
  overflow-y: auto;
}

/* ── 进度条动画（运行中）────────────────────────────── */
.progress-bar:not(.bg-success) {
  animation: progress-stripes 1s linear infinite;
}