/* ── Product switcher ── */
.product-switcher { display:flex; gap:3px; background:var(--s2); border-radius:7px; padding:3px; }
.prod-btn { padding:4px 14px; border:none; border-radius:5px; cursor:pointer; font-size:13px; font-weight:500; background:transparent; color:var(--muted); transition:all .15s; font-family:'Inter',sans-serif; white-space:nowrap; }
.prod-btn.active { background:var(--bg); color:var(--text); box-shadow:0 1px 4px rgba(0,0,0,.12); }
.prod-btn:hover:not(.active) { color:var(--text); }

/* ── Copilot accent overrides (scoped) ── */
#copilot-section .tab.active { color:#6264A7; border-bottom-color:#6264A7; }
#copilot-section .bar-fill { background:#6264A7; }
#copilot-section .arr.on { color:#6264A7; }
#copilot-section .search-wrap input:focus,
#copilot-section .cg input:focus { border-color:#6264A7; box-shadow:0 0 0 3px rgba(98,100,167,.12); }

/* ── Copilot KPI stat colors ── */
.cp-ca::before { background:#6264A7; }
.cp-cb::before { background:#3AA0F3; }
.cp-cc::before { background:#28A745; }
.cp-cd::before { background:#F2C811; }
.cp-ce::before { background:#E74856; }
.cp-cf::before { background:#7719AA; }
.cp-cg::before { background:#C43E1C; }
.cp-ca .stat-val { color:#6264A7; }
.cp-cb .stat-val { color:#3AA0F3; }
.cp-cc .stat-val { color:#28A745; }
.cp-cd .stat-val { color:#c4a000; }
.cp-ce .stat-val { color:#E74856; }
.cp-cf .stat-val { color:#7719AA; }
.cp-cg .stat-val { color:#C43E1C; }

/* ── Mock data banner ── */
.cp-mock-banner { background:rgba(98,100,167,.07); border:1px solid rgba(98,100,167,.2); border-radius:var(--r); padding:8px 14px; font-size:12px; color:#6264A7; margin-bottom:14px; display:flex; align-items:center; gap:8px; }

/* ── App cards grid ── */
.app-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; margin-bottom:14px; }
.app-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:14px 16px; }
.app-card-head { display:flex; align-items:center; gap:9px; margin-bottom:12px; }
.app-icon-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.app-card-name { font-size:13px; font-weight:600; color:var(--text); }
.app-stats { display:flex; gap:0; margin-bottom:10px; }
.app-stat { flex:1; text-align:center; }
.app-stat-val { font-size:18px; font-weight:700; color:var(--text); letter-spacing:-.02em; line-height:1; }
.app-stat-lbl { font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; margin-top:3px; }
.app-spark { height:36px; }
.app-spark canvas { width:100% !important; height:36px !important; }

/* ── Funnel ── */
.cp-funnel { display:flex; flex-direction:column; gap:8px; padding:4px 0; }
.cp-funnel-step { display:flex; align-items:center; gap:14px; }
.cp-funnel-bar-wrap { flex:1; height:32px; background:var(--s2); border-radius:4px; overflow:hidden; }
.cp-funnel-bar { height:100%; background:#6264A7; border-radius:4px; transition:width .4s ease; display:flex; align-items:center; padding-left:10px; }
.cp-funnel-info { width:clamp(160px,20vw,240px); display:flex; align-items:center; gap:10px; flex-shrink:0; }
.cp-funnel-label { font-size:13px; font-weight:500; color:var(--text); width:clamp(80px,10vw,120px); }
.cp-funnel-val { font-size:14px; font-weight:700; color:var(--text); font-family:monospace; }
.cp-funnel-pct { font-size:12px; color:var(--muted); }
.cp-funnel-drop { font-size:11px; color:var(--red); margin-left:4px; }

/* ── Cohort heatmap table ── */
.cohort-wrap { overflow-x:auto; }
.cohort-table { width:100%; border-collapse:collapse; font-size:12px; }
.cohort-table th { text-align:center; color:var(--muted); font-weight:600; font-size:10px; text-transform:uppercase; letter-spacing:.06em; padding:6px 10px; border-bottom:2px solid var(--border); white-space:nowrap; }
.cohort-table th:first-child { text-align:left; }
.cohort-table td { padding:6px 10px; border-bottom:1px solid var(--border); text-align:center; font-weight:600; font-size:12px; border-radius:3px; }
.cohort-table td:first-child { text-align:left; color:var(--muted); font-size:11px; font-weight:500; white-space:nowrap; }
.cohort-table tr:last-child td { border-bottom:none; }
.cohort-empty { color:var(--border); font-weight:400; }

/* ── Pagination ── */
.pagination { display:flex; align-items:center; justify-content:space-between; padding:12px 0 0; border-top:1px solid var(--border); margin-top:4px; }
.pagination-info { font-size:12px; color:var(--muted); }
.pagination-btns { display:flex; align-items:center; gap:6px; }
.pg-btn { background:var(--bg); border:1px solid var(--border); border-radius:5px; padding:5px 12px; font-size:12px; color:var(--text); cursor:pointer; font-family:'Inter',sans-serif; transition:all .15s; }
.pg-btn:hover:not(:disabled) { border-color:#6264A7; color:#6264A7; }
.pg-btn:disabled { opacity:.4; cursor:not-allowed; }
.pg-current { font-size:12px; color:var(--text); padding:0 8px; }