/* ─── Dashboard-specific ──────────────────────────────────────── */
.journey-timeline{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px}
.stage-card-mini{min-width:130px;padding:14px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;transition:var(--transition);border:2px solid transparent;text-align:center}
.stage-card-mini:hover{border-color:var(--primary);transform:translateY(-2px)}
.stage-card-mini.mapped{border-color:var(--secondary)}
.stage-card-mini.partial{border-color:var(--warning)}
.stage-card-mini .stage-name{font-size:12px;font-weight:600;text-transform:capitalize;margin-bottom:6px}
.stage-card-mini .stage-counts{font-size:11px;color:var(--text-secondary)}
.session-list{display:flex;flex-direction:column;gap:8px}
.session-row{display:flex;align-items:center;padding:12px 16px;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);gap:12px;transition:var(--transition)}
.session-row:hover{box-shadow:0 2px 8px rgba(0,0,0,0.12)}
.session-row .sme-name{flex:1;font-weight:500;font-size:14px}
.session-row .session-meta{font-size:12px;color:var(--text-secondary)}
/* ─── Reports page ────────────────────────────────────────────── */
.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.report-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px;display:flex;flex-direction:column;gap:12px}
.report-icon{font-size:32px}
.report-card h3{font-size:16px;font-weight:600}
.report-card p{font-size:13px;color:var(--text-secondary);flex:1}
/* ─── Process/gap matrix ──────────────────────────────────────── */
.matrix-container{position:relative;width:100%;min-height:300px;border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}
.matrix-axis-y{position:absolute;left:0;top:0;bottom:32px;width:60px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-around;font-size:10px;color:var(--text-secondary);writing-mode:vertical-rl;transform:rotate(180deg)}
.matrix-axis-x{position:absolute;bottom:0;left:60px;right:0;height:32px;display:flex;align-items:center;justify-content:space-around;font-size:10px;color:var(--text-secondary)}
.matrix-plot{position:absolute;inset:0;left:60px;bottom:32px}
.matrix-dot{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:var(--transition)}
.matrix-dot:hover{transform:translate(-50%,-50%) scale(1.5)}
/* ─── Integration map (tech ecosystem) ───────────────────────── */
.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tech-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px;border-left:4px solid var(--primary)}
.tech-card h4{font-size:14px;font-weight:600}
.tech-card .vendor{font-size:12px;color:var(--text-secondary);margin:2px 0 8px}
.tech-card .integrations{font-size:12px;color:var(--text-secondary)}