/* 
 * DIA OmniScript Styles
 * Custom styles for DIA Application OmniScript components
 * Author: Carlos Rendon
 * Date: December 2025
 */

/* =====================================================
   MAIN FIX: Custom LWC spans all 12 columns in grid
   ===================================================== */

/* Specific selector for the file upload component */
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key="DIAAppDrivingHistoryExtractFile"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: block !important;
}

/* Generic selector for ALL custom LWCs inside Ripple grids */
.rpl-grid runtime_omnistudio_omniscript-omniscript-custom-lwc,
.rpl-accordion__item-content-inner runtime_omnistudio_omniscript-omniscript-custom-lwc {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: block !important;
}

/* Target by data-omni-key for ALL file upload components */
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key*="File"],
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key*="Upload"],
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key*="file"],
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key*="upload"],
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key*="Certificate"],
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key*="Document"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* =====================================================
   FORCE ALL Custom LWC to full width (aggressive fix)
   ===================================================== */

runtime_omnistudio_omniscript-omniscript-custom-lwc {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1 !important;
}

/* Fix the inner stv-dia-file-upload component */
c-stv-dia-file-upload {
    display: block !important;
    width: 100% !important;
}

/* Fix SLDS wrapper classes that might limit width */
runtime_omnistudio_omniscript-omniscript-custom-lwc.slds-show_inline-block {
    display: block !important;
}

runtime_omnistudio_omniscript-omniscript-custom-lwc.slds-size_12-of-12 {
    width: 100% !important;
    flex: none !important;
}

/* =====================================================
   Responsive fixes for smaller screens
   ===================================================== */

@media screen and (max-width: 1200px) {
    runtime_omnistudio_omniscript-omniscript-custom-lwc {
        width: 100% !important;
        min-width: 100% !important;
        grid-column: 1 / -1 !important;
    }
}

@media screen and (max-width: 768px) {
    runtime_omnistudio_omniscript-omniscript-custom-lwc {
        width: 100% !important;
        min-width: 100% !important;
        grid-column: 1 / -1 !important;
    }
}