@import '_content/HammarApp.Core.Blazor/HammarApp.Core.Blazor.cpv7iwblfp.bundle.scp.css';

/* /Pages/Materialflode.razor.rz.scp.css */
/*
    Bryter ut grafen ur MudContainer-guttrarnas horisontella padding (24px × 2) och
    max-bredd-begränsningen (Large = 1 280 px) så panelen fyller hela MudMainContent.

    Smalt läge (< 960 px, temporär drawer): ta bara bort guttrarna (-24 px × 2).
    Brett läge (≥ 960 px, mini-drawer): fyll hela MudMainContent (= 100vw − drawerbredd).
    Formel: margin-left = (drawer-width − 100vw + 100%) / 2
            där 100% = MudContainers content-bredd (max 1 232 px vid MaxWidth.Large).
*/
.mf-graph-panel[b-8cjhr5kvhg] {
    position: relative;
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px);
    height: calc(100vh - 230px);
    background: white;
}

@media (min-width: 960px) {
    .mf-graph-panel[b-8cjhr5kvhg] {
        width: calc(100vw - var(--mud-drawer-width-mini-left, 56px));
        margin-left: calc((var(--mud-drawer-width-mini-left, 56px) - 100vw + 100%) / 2);
        margin-right: 0;
    }
}

.mf-overlay[b-8cjhr5kvhg] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-secondary);
    pointer-events: none;
}