/* ══════════════════════════════════════
   ANALYTICS — css/analytics.css
══════════════════════════════════════ */
.analytics-page { padding:20px; }
.analytics-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:14px; }

/* Revenue big chart */
.big-bar-chart { display:flex; align-items:flex-end; gap:0; padding:0 4px; height:195px; }
.bbc-bar {
  flex:1; background:linear-gradient(180deg,rgba(59,142,255,.45) 0%,rgba(59,142,255,.07) 100%);
  border-radius:4px 4px 0 0; cursor:pointer; transition:opacity .2s; position:relative;
}
.bbc-bar:hover { opacity:.8; }
.bbc-bar::after {
  content:attr(data-val); position:absolute; top:-18px; left:50%; transform:translateX(-50%);
  font-size:9px; color:var(--blue); font-weight:700; font-family:var(--mo); white-space:nowrap;
}

/* Funnel chart */
.funnel { display:flex; flex-direction:column; gap:6px; }
.funnel-row { display:flex; align-items:center; gap:10px; }
.funnel-label { font-size:11px; color:var(--m3); min-width:115px; }
.funnel-bar-wrap { flex:1; height:24px; background:var(--s3); border-radius:4px; overflow:hidden; }
.funnel-bar { height:100%; border-radius:4px; display:flex; align-items:center; padding-left:8px; font-size:10px; font-weight:700; color:#fff; transition:width .7s ease; }
.funnel-pct { font-size:11px; color:var(--m2); min-width:38px; text-align:right; font-family:var(--mo); }

/* Channel chart (donut-like via flex) */
.channel-bars { display:flex; flex-direction:column; gap:8px; }
.ch-bar-row { display:flex; align-items:center; gap:10px; }
.ch-icon { font-size:16px; width:28px; text-align:center; flex-shrink:0; }
.ch-label { font-size:12px; font-weight:600; min-width:100px; }
.ch-bar-wrap { flex:1; height:8px; background:var(--s3); border-radius:4px; overflow:hidden; }
.ch-bar { height:100%; border-radius:4px; }
.ch-pct { font-size:11px; font-weight:700; font-family:var(--mo); min-width:32px; text-align:right; }

/* Satisfaction score */
.sat-big { text-align:center; padding:12px 0; }
.sat-score { font-size:48px; font-weight:900; font-family:var(--mo); letter-spacing:-2px; color:var(--green); line-height:1; }
.sat-stars { font-size:20px; color:var(--amber); margin:6px 0 4px; }
.sat-sub   { font-size:11px; color:var(--m2); }