/* ═══════════════════════════════════════════════════════════════
   DATA QUALITY — AUTONOMY Tier Funnel
   ═══════════════════════════════════════════════════════════════ */
.cc-wrap { padding: var(--space-5) var(--space-6); }
.cc-header { margin-bottom: var(--space-5); }
.cc-title { font-size: var(--text-md); font-weight: var(--weight-semibold); margin-bottom: var(--space-1); }
.cc-subtitle { font-size: var(--text-sm); color: var(--text-muted); }

.cc-funnel { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-6); max-width: 700px; margin-left: auto; margin-right: auto; }
.cc-funnel-row {
  display: flex; align-items: center; gap: var(--space-3); cursor: pointer;
  padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg);
  transition: background var(--duration-fast); border: 1px solid transparent;
}
.cc-funnel-row:hover { background: var(--bg-hover); }
.cc-funnel-row.active { background: var(--bg-surface); border-color: var(--accent); }
.cc-funnel-bar-wrap { flex: 1; height: 32px; background: var(--bg-elevated); border-radius: var(--radius-md); overflow: hidden; }
.cc-funnel-bar {
  height: 100%; border-radius: var(--radius-md); transition: width 0.6s var(--ease-default);
  display: flex; align-items: center; padding-left: var(--space-3);
  font-size: var(--text-sm); font-weight: var(--weight-semibold); color: #fff; min-width: 40px;
}
.cc-funnel-bar.incomplete { background: linear-gradient(90deg, var(--error), rgba(239,68,68,0.5)); }
.cc-funnel-bar.minimal { background: linear-gradient(90deg, var(--orange), rgba(249,115,22,0.5)); }
.cc-funnel-bar.range_quotable { background: linear-gradient(90deg, var(--warning), rgba(245,158,11,0.5)); }
.cc-funnel-bar.bind_ready { background: linear-gradient(90deg, var(--info), rgba(59,130,246,0.5)); }
.cc-funnel-bar.complete { background: linear-gradient(90deg, var(--success), rgba(34,197,94,0.5)); }
.cc-funnel-label { width: 140px; flex-shrink: 0; font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--text-secondary); }
.cc-funnel-count { width: 60px; flex-shrink: 0; text-align: right; font-size: var(--text-base); font-weight: var(--weight-bold); }

.cc-detail { background: var(--bg-surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); overflow: hidden; }
.cc-detail-header { padding: var(--space-3) var(--space-4); background: var(--bg-elevated);
  border-bottom: 1px solid var(--border-subtle); display: flex; justify-content: space-between; align-items: center; }
.cc-detail-title { font-size: var(--text-sm); font-weight: var(--weight-semibold); }
.cc-detail-count { font-size: var(--text-sm); color: var(--text-muted); }
.cc-detail-list { max-height: 400px; overflow-y: auto; }
.cc-detail-item { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-subtle);
  display: flex; align-items: flex-start; gap: var(--space-3); transition: background var(--duration-fast); }
.cc-detail-item:last-child { border-bottom: none; }
.cc-detail-item:hover { background: var(--bg-hover); }
.cc-detail-name { font-weight: var(--weight-medium); font-size: var(--text-sm); min-width: 140px; }
.cc-detail-missing { flex: 1; display: flex; gap: var(--space-1); flex-wrap: wrap; }
.cc-missing-tag { font-size: var(--text-xs); padding: 2px 7px; border-radius: var(--radius-full); background: var(--error-muted); color: var(--error); white-space: nowrap; }
.cc-detail-actions { flex-shrink: 0; }
.cc-action-btn { font-size: var(--text-xs); padding: 3px var(--space-2); border: 1px solid var(--accent);
  border-radius: var(--radius-md); background: transparent; color: var(--accent-text);
  cursor: pointer; font-family: var(--font-sans); transition: background var(--duration-fast); }
.cc-action-btn:hover { background: var(--accent-muted); }
.cc-empty { text-align: center; padding: var(--space-10); color: var(--text-muted); }

@media (max-width: 600px) { .cc-funnel-label { width: 100px; font-size: var(--text-xs); } .cc-funnel-count { width: 40px; } }