/* GLOBAL RESPONSIVENESS PATCH FOR LUMIERE NEXUS NEW COMPONENTS */

@media (max-width: 1024px) {
    /* Event Architect */
    .architect-modal-content {
        width: 95%;
        flex-direction: column;
        height: 90vh;
    }
    
    .architect-progress {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px solid rgba(0, 255, 255, 0.1);
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        padding: 15px;
    }

    .architect-main {
        flex: 1;
        overflow-y: auto;
    }
    
    .architect-step-indicator {
        margin-bottom: 0;
        margin-right: 20px;
        white-space: nowrap;
    }

    /* War Room */
    .war-room-body {
        flex-direction: column;
    }
    .war-room-sidebar {
        width: 100%;
        height: 250px;
        border-right: none;
        border-bottom: 1px solid rgba(0, 255, 255, 0.1);
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 15px;
    }
    .ops-card {
        min-width: 250px;
        margin-bottom: 0;
    }
    .war-room-map-area {
        height: 400px;
    }
}

@media (max-width: 768px) {
    /* Kit Builder */
    .kit-builder-dashboard {
        flex-direction: column;
    }
    .kit-inventory, .kit-summary {
        width: 100%;
    }

    /* Archive */
    .impact-grid {
        grid-template-columns: 1fr 1fr;
    }
    .archive-timeline {
        margin-left: 10px;
    }

    /* Theme Lab */
    .swatch-grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Notifications */
    .notifications-panel {
        width: 90vw;
        right: 5vw;
        top: 60px;
    }
}

@media (max-width: 480px) {
    /* Event Architect */
    .blueprint-options {
        grid-template-columns: 1fr;
    }
    .architect-footer {
        flex-direction: column;
        gap: 10px;
    }
    .btn-architect {
        width: 100%;
        text-align: center;
    }

    /* Digital Pass */
    .pass-card {
        width: 95%;
    }

    /* Post Event */
    .analytics-grid {
        grid-template-columns: 1fr;
    }

    /* Archive */
    .impact-grid {
        grid-template-columns: 1fr;
    }
}

html { scroll-behavior: smooth; }