/* =========================================
   FULL WIDTH LAYOUT FIX FOR BLAZOR + SKYDASH
   ========================================= */

/* Root fix */
html, body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Blazor root */
#app {
    width: 100%;
    max-width: 100%;
}

/* Main template container */
.container-scroller {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Wrapper */
.page-body-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
}

/* Sidebar fix */
.sidebar {
    flex-shrink: 0;
}

/* Main content area */
.main-panel {
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

/* Content wrapper */
.content-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

/* Container fluid fix */
.container-fluid {
    width: 100%;
    max-width: 100%;
}

/* IMPORTANT: allow horizontal scroll if needed */
body {
    overflow-x: auto !important;
}

/* Table responsive fix */
.table-responsive {
    width: 100%;
    overflow-x: auto;
}

/* Prevent content cut */
.table {
    width: 100%;
    min-width: 600px;
}

/* Mobile fixes */
@media (max-width: 991px) {

    .container-scroller {
        width: 100%;
    }

    .page-body-wrapper {
        width: 100%;
    }

    .main-panel {
        width: 100%;
    }

    .content-wrapper {
        padding: 15px;
    }
}

/* Remove unwanted template margins */
.container-scroller,
.page-body-wrapper,
.main-panel,
.content-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure footer stays full width */
.footer {
    width: 100%;
}

/* Fix navbar width */
.navbar {
    width: 100%;
}

/* Fix images responsiveness */
img {
    max-width: 100%;
    height: auto;
}