/* ========== ANALYTICS PAGE ========== */
.analytics-bar {
  min-width: 8px; border-radius: 4px 4px 0 0;
  transition: all 0.2s; cursor: pointer; position: relative;
}
.analytics-bar:hover { opacity: 0.8; }
.analytics-bar.success { background: var(--success); }
.analytics-bar.error { background: var(--error); }
.analytics-bar.running { background: var(--warning); }
.analytics-wf-row {
  display: flex; align-items: center; gap: 12px;
  padding: 8px 12px; background: var(--surface2);
  border-radius: 8px;
}
.analytics-wf-bar { flex: 1; height: 8px; background: var(--surface); border-radius: 4px; overflow: hidden; }
.analytics-wf-fill { height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--primary), var(--accent)); transition: width 0.3s; }
.analytics-wf-name { font-size: 12px; min-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.analytics-wf-count { font-size: 12px; color: var(--text-muted); min-width: 40px; text-align: right; }
.analytics-error-item {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 10px 12px; background: var(--error-dim);
  border-radius: 8px; border-left: 3px solid var(--error);
}
.analytics-error-item .err-wf { font-size: 12px; font-weight: 600; }
.analytics-error-item .err-time { font-size: 11px; color: var(--text-dim); }
.analytics-error-item .err-msg { font-size: 12px; color: var(--text-muted); margin-top: 2px; }

/* ========== RESPONSIVE ========== */
@media (max-width: 480px) {
  .analytics-wf-name { min-width: 100px; font-size: 11px; }
  .analytics-wf-row { padding: 6px 8px; gap: 8px; }
  .analytics-error-item { padding: 8px 10px; gap: 8px; }
  .analytics-error-item .err-wf { font-size: 11px; }
  .analytics-error-item .err-msg { font-size: 11px; }
}