@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Pages/Documents.razor.rz.scp.css */
/* add gap around the > separator */
:host[b-2yxza3xhq0] (fluent-breadcrumb-item)::part(separator) {
    margin-inline: 8px;
}

:host[b-2yxza3xhq0] (fluent-breadcrumb-item)::part(control) {
    margin-right: 2px;
}
    
/* /Pages/DocumentsList.razor.rz.scp.css */
/* List styling für DocumentsList.razor */
.document-list[b-e9wf0zf1mb] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-item[b-e9wf0zf1mb] {
    margin-bottom: 0.5rem;
}

.file-name[b-e9wf0zf1mb] {
    margin-left: 0.5rem;
    flex: 1;
    text-align: left;
}

.file-count[b-e9wf0zf1mb] {
    margin-left: auto;
    color: var(--neutral-foreground-disabled);
    font-size: 0.875rem;
}
/* /Shared/InfoTable.razor.rz.scp.css */
/* Desktop/tablet look */
.datagrid thead th[b-uvaoojskiu] {
    font-weight: 700;
}

.datagrid th[b-uvaoojskiu], .datagrid td[b-uvaoojskiu] {
    white-space: nowrap;
    padding: .5rem .75rem;
}

.datagrid tbody tr:hover[b-uvaoojskiu] {
    background: #fafafa;
}

/* Mobile: turn the row into a vertical list using the headers as labels */
@media (max-width: 576px) { /* choose 576/768 as you like */
    .datagrid.stack-mobile thead[b-uvaoojskiu] {
        display: none;
    }

    .datagrid.stack-mobile tr[b-uvaoojskiu] {
        display: block;
        border-top: 1px solid #eee;
    }

    .datagrid.stack-mobile td[b-uvaoojskiu] {
        display: block;
        width: 100%;
        padding: .55rem 0;
        border: 0;
        white-space: normal; /* allow wrapping on small screens */
    }

        .datagrid.stack-mobile td[b-uvaoojskiu]::before {
            content: attr(data-label); /* <-- prints the header */
            display: block;
            font-weight: 600;
            margin-bottom: .15rem;
            color: #495057;
        }
        /* On mobile we usually don't want right/center alignment for stacked values */
        .datagrid.stack-mobile td.text-end[b-uvaoojskiu],
        .datagrid.stack-mobile td.text-center[b-uvaoojskiu] {
            text-align: left;
        }
}