/**
 * Z-Index Fixes for Application System
 * Ensures proper layering of all application interfaces
 */

/* Sequential Collector - Highest priority */
.sequential-collector-overlay {
    z-index: 10000000 !important; /* Above everything including senna-ultimate */
}

.collector-panel {
    z-index: 10000001 !important;
}

/* Apply Mode Section - Second highest */
.apply-mode-section {
    z-index: 9999999 !important; /* Above senna-ultimate but below collector */
}

.apply-mode-panel {
    z-index: 9999999 !important;
}

/* Preview Modals and other overlays */
.preview-modal,
.review-notification,
.apply-notification,
.quick-edit-modal {
    z-index: 10000002 !important; /* Above everything for modals */
}

/* When senna-ultimate is active, ensure our elements stay on top */
.senna-ultimate-container.active ~ .sequential-collector-overlay,
.senna-ultimate-container.active ~ .apply-mode-section {
    z-index: 10000000 !important;
}

/* Hide senna-ultimate when apply mode or collector is active */
body.apply-mode-active .senna-ultimate-container,
body.sequential-collector-active .senna-ultimate-container {
    z-index: 1 !important;
    pointer-events: none;
}

/* Ensure collector stays on top even on mobile */
@media (max-width: 768px) {
    .sequential-collector-overlay {
        z-index: 10000000 !important;
    }
    
    .apply-mode-section {
        z-index: 9999999 !important;
    }
    
    /* Override senna-ultimate mobile z-index */
    .senna-ultimate-container {
        z-index: 999998 !important; /* Lower than our overlays */
    }
}