/* ─── Interactive Tour ──────────────────────────────────────── */
.tour-overlay {
    position: fixed; inset: 0; z-index: 9999;
    pointer-events: none; /* Let clicks pass through except for tooltip */
}
.tour-overlay.active { display: block !important; }

.tour-highlight {
    position: absolute; border: 4px solid var(--primary);
    border-radius: var(--radius-sm); box-shadow: 0 0 0 9999px rgba(0,0,0,0.6);
    transition: all 0.3s ease; pointer-events: none;
}

.tour-tooltip {
    position: absolute; background: var(--surface); color: var(--text);
    padding: 1.5rem; border-radius: var(--radius); width: 320px;
    box-shadow: var(--shadow-lg); transition: all 0.3s ease;
    pointer-events: auto; /* Catch clicks */
    border: 1px solid var(--border);
}
.tour-tooltip h4 { margin-bottom: 0.5rem; font-size: 1.1rem; color: var(--primary); }
.tour-tooltip p { font-size: 0.9rem; margin-bottom: 1.5rem; color: var(--text-light); }

.tour-controls {
    display: flex; justify-content: space-between; align-items: center;
}
.btn-sm { padding: 0.4rem 0.8rem; font-size: 0.8rem; }