/* ===========================================
   SYNTHEDGE v2 — ANALYTICS CSS
   =========================================== */

.analytics-bars { display:flex; flex-direction:column; gap:10px; }
.ab-item { display:flex; align-items:center; gap:10px; font-size:13px; }
.ab-label { min-width:110px; color:var(--text-2); flex-shrink:0; }
.ab-bar-wrap { flex:1; height:8px; background:rgba(255,255,255,0.06); border-radius:100px; overflow:hidden; }
.ab-bar-fill { height:100%; border-radius:100px; transition:width 1s ease; }
.ab-val { min-width:80px; text-align:right; font-weight:700; flex-shrink:0; }
.ab-pos { color:var(--green); }
.ab-neg { color:var(--red); }

.analytics-insight {
  margin-top:14px; padding:12px; background:rgba(255,107,53,0.06);
  border:1px solid rgba(255,107,53,0.15); border-radius:var(--r-md);
  font-size:12px; color:var(--text-2); line-height:1.6;
}

.ai-teaser {
  display:flex; align-items:center; gap:20px;
  background:linear-gradient(135deg, rgba(255,107,53,0.08), rgba(45,212,191,0.05));
  border-color:rgba(255,107,53,0.25);
}
.ai-teaser-icon { font-size:36px; flex-shrink:0; }
.ai-teaser-text { flex:1; }
.ai-teaser-text h3 { font-family:var(--font-display); font-size:1rem; font-weight:700; margin-bottom:4px; }
.ai-teaser-text p { font-size:13px; color:var(--text-2); line-height:1.6; }

@media (max-width:600px) { .ai-teaser { flex-direction:column; text-align:center; } }