/* /Pages/Statistics.razor.rz.scp.css */
/* Bar thickness is now controlled natively via BarChartOptions.BarWidthRatio (MudBlazor 9.x). */
/* /Shared/MainLayout.razor.rz.scp.css */
/* Pulls the Bestellijst/Taken AppBar badges in closer to their icon (default MudBadge overlap
   anchors to the icon button's padded box, not the visible glyph, so it reads as floating
   above the AppBar with too little clearance from the top edge), and shrinks them down from
   MudBadge's default size - a bit large for a simple count next to a small AppBar icon. */
[b-kfsunxmbwk] .appbar-badge-tight.mud-badge-top.right.mud-badge-overlap {
    inset: auto auto calc(100% - 18px) calc(100% - 18px) !important;
}

[b-kfsunxmbwk] .appbar-badge-tight {
    font-size: 10px;
    height: 16px;
    min-width: 16px;
    padding: 2px 4px;
    border-radius: 8px;
}

.page[b-kfsunxmbwk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-kfsunxmbwk] {
    flex: 1;
}

.sidebar[b-kfsunxmbwk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-kfsunxmbwk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kfsunxmbwk]  a, .top-row .btn-link[b-kfsunxmbwk] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-kfsunxmbwk] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-kfsunxmbwk] {
        display: none;
    }

    .top-row.auth[b-kfsunxmbwk] {
        justify-content: space-between;
    }

    .top-row a[b-kfsunxmbwk], .top-row .btn-link[b-kfsunxmbwk] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-kfsunxmbwk] {
        flex-direction: row;
    }

    .sidebar[b-kfsunxmbwk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-kfsunxmbwk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-kfsunxmbwk], article[b-kfsunxmbwk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}