/**
 * Fix Tutorial Initial Visibility
 * Prevents purple flash on page load
 */

/* Ensure tutorial overlay is hidden by default */
.tutorial-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Only show when explicitly activated */
.tutorial-overlay.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Also hide the backdrop initially */
.tutorial-backdrop {
    display: none !important;
}

.tutorial-overlay.active .tutorial-backdrop {
    display: block !important;
}

/* Hide tooltip until overlay is active */
.tutorial-tooltip {
    display: none !important;
}

.tutorial-overlay.active .tutorial-tooltip {
    display: block !important;
}

/* Ensure no flash of purple during page load */
body::before {
    content: none !important;
}

/* Override any inline styles that might show tutorial */
[style*="visibility: visible"].tutorial-overlay:not(.active),
[style*="display: block"].tutorial-overlay:not(.active),
[style*="opacity: 1"].tutorial-overlay:not(.active) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}