/* Filament Full Screen Layout */

/* Remove max-width constraints */
.fi-layout,
.fi-main,
.fi-main-ctn,
.fi-page,
.fi-page-header,
.fi-page-header-ctn,
.fi-page-content {
    max-width: 100% !important;
    width: 100% !important;
}

/* Full width content containers */
.fi-section,
.fi-section-content-ctn,
.fi-fo-field-wrp-components,
.fi-ta-ctn {
    max-width: 100% !important;
}

/* Adjust padding for better full screen experience */
@media (min-width: 1024px) {
    .fi-main {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (min-width: 1536px) {
    .fi-main {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

/* Full width tables */
.fi-ta-table {
    width: 100% !important;
}

/* Full width forms */
.fi-form-component-container {
    max-width: 100% !important;
}

/* Full width modals on large screens */
@media (min-width: 1024px) {
    .fi-modal-window {
        max-width: calc(100vw - 4rem) !important;
    }
}

/* Full width widgets */
.fi-wi-widget,
.fi-wi-stats-overview-widget {
    max-width: 100% !important;
}

/* Optimize grid layouts for full screen */
@media (min-width: 1536px) {
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    
    .2xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

/* Full screen dashboard grids */
.fi-dashboard-grid {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove container constraints */
.container,
.mx-auto {
    max-width: 100% !important;
}