@media (max-width: 959.98px) {
    /* Override MudBlazor's drawer width variable.
       MudBlazor uses this same variable for the open width AND for
       the closed position (left: calc(-1 * var(--mud-drawer-width))),
       so both the size and the off-screen translate are correct. */
    .mud-drawer-pos-left {
        --mud-drawer-width: 100vw;
    }

    /* Reduce outer content padding on mobile (MainLayout sets pa-4 = 16px) */
    .mud-main-content {
        padding-left: 4px !important;
        padding-right: 4px !important;
        padding-bottom: 4px !important;
    }

    /* MudContainer adds its own horizontal padding on top */
    .mud-container {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}

/* Wareneingang: order group header rows */
.wr-order-row > td {
    background-color: var(--mud-palette-background-grey);
    border-top: 2px solid var(--mud-palette-table-lines) !important;
    padding: 8px 12px !important;
}

.wr-meta {
    font-size: 0.8rem;
}