/* ═══════════════════════════════════════════════════════════════
   CHURN ALERTS — Risk scoring and signals
   ═══════════════════════════════════════════════════════════════ */
.ca-wrap { padding: var(--space-5) var(--space-6); }
.ca-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4); flex-wrap: wrap; gap: var(--space-3); }
.ca-title { font-size: var(--text-md); font-weight: var(--weight-semibold); }

.ca-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
.ca-stat-card { background: var(--bg-surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
  padding: var(--space-4); display: flex; align-items: center; gap: var(--space-3); }
.ca-stat-icon { font-size: 1.6rem; }
.ca-stat-info { flex: 1; }
.ca-stat-value { font-size: var(--text-xl); font-weight: var(--weight-bold); }
.ca-stat-label { font-size: var(--text-xs); color: var(--text-muted); }

.ca-list { display: flex; flex-direction: column; gap: var(--space-2); }
.ca-card {
  background: var(--bg-surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
  padding: var(--space-4); display: flex; align-items: flex-start; gap: var(--space-4);
  transition: border-color var(--duration-fast), background var(--duration-fast); cursor: pointer;
}
.ca-card:hover { background: var(--bg-hover); }
.ca-card.risk-critical { border-left: 3px solid var(--error); }
.ca-card.risk-high { border-left: 3px solid var(--orange); }
.ca-card.risk-medium { border-left: 3px solid var(--warning); }
.ca-card.risk-low { border-left: 3px solid var(--success); }

.ca-score { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-weight: var(--weight-bold); font-size: var(--text-sm); flex-shrink: 0; }
.ca-score.critical { background: var(--error-muted); color: var(--error); }
.ca-score.high { background: var(--orange-muted); color: var(--orange); }
.ca-score.medium { background: var(--warning-muted); color: var(--warning); }
.ca-score.low { background: var(--success-muted); color: var(--success); }

.ca-info { flex: 1; min-width: 0; }
.ca-customer-name { font-weight: var(--weight-semibold); font-size: var(--text-base); margin-bottom: var(--space-1); }
.ca-signals { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-bottom: var(--space-2); }
.ca-signal { font-size: var(--text-xs); padding: 2px var(--space-2); border-radius: var(--radius-full);
  background: var(--bg-elevated); border: 1px solid var(--border-subtle); color: var(--text-secondary); }
.ca-action { font-size: var(--text-sm); color: var(--accent-text); font-weight: var(--weight-medium); }
.ca-meta { font-size: var(--text-xs); color: var(--text-muted); text-align: right; flex-shrink: 0; white-space: nowrap; }
.ca-empty { text-align: center; padding: var(--space-10); color: var(--text-muted); }