/* _content/SchullerCo.Collab.Dash/Components/Admin/ProjectManagment/CreateProjectDialog.razor.rz.scp.css */
[b-afrscfrv10] .file-upload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    opacity: 0 !important;
}

[b-afrscfrv10] .pe-main-title {
    color: var(--mud-palette-primary);
    margin-bottom: 20px;
    font-weight: 600;
}

[b-afrscfrv10] .pe-section-title {
    margin-bottom: 16px;
    color: var(--mud-palette-primary);
    font-weight: 500;
}

[b-afrscfrv10] .pe-input {
    margin-bottom: 16px;
}

[b-afrscfrv10] .pe-dropzone {
    padding: 30px;
    text-align: center;
    border: 2px dashed var(--mud-palette-primary-light);
    border-radius: 6px;
    color: var(--mud-palette-text-secondary);
    background-color: var(--mud-palette-surface);
}

[b-afrscfrv10] .pe-member-box {
    padding: 20px;
    border: 1px solid var(--mud-palette-primary-light);
    background: var(--mud-palette-background);
    border-radius: 4px;
}

[b-afrscfrv10] .pe-viewer-placeholder,
[b-afrscfrv10] .pe-assets-placeholder {
    height: 180px;
    background: var(--mud-palette-grey-lighter);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-top: 10px;
}

[b-afrscfrv10] .pe-sidebar {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

[b-afrscfrv10] .pe-sidebar-button {
    text-align: left;
    justify-content: flex-start;
}
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudAppBar/ScMudAppBar.razor.rz.scp.css */
/**********************************APPBAR**********************************************/
/*Flex-Container für die AppBar*/
.appbar-container[b-gmyw7l1xti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* padding: 0 16px;*/
}

/*Logo-Ausrichtung*/
.nav-header-container[b-gmyw7l1xti] {
    display: flex;
    align-items: center;
}

/*Wrapper für den Autocomplete*/
[b-gmyw7l1xti] .autocomplete-wrapper {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    /* Abstand zwischen Logo und Menü*/
    margin: 0 16px;
}

/*Präzise Größe des MudAutocomplete*/
[b-gmyw7l1xti] .custom-autocomplete {
    /*Fixierte Breite*/
    width: 420px !important;
    /*Fixierte Höhe*/
    height: 40px !important;
    /*Berücksichtigt Padding/Borders*/
    box-sizing: border-box;
}

    /*Zusätzliche Anpassung an innere Input-Elemente*/
    [b-gmyw7l1xti] .custom-autocomplete .mud-input-root {
        /*Fixiert die Höhe der gesamten Input-Komponente*/
        height: 40px !important;
        /*Zentriert Text vertikal*/
        line-height: 40px !important;
        /*Standard-Padding*/
        padding: 0 12px;
    }

    /*Anpassung an das innere Input-Feld*/
    [b-gmyw7l1xti] .custom-autocomplete input {
        /*Fixiert die Höhe des inneren Feldes*/
        height: 40px !important;
    }

[b-gmyw7l1xti] .menu-container {
    display: flex;
    align-items: center;
}

/* Header (Avatar + Name) – links wie MenuItems, mit Wrap */
.user-menu-header-row[b-gmyw7l1xti] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    width: 100%;
    box-sizing: border-box;
}

/* Name soll wirklich umbrechen */
.user-menu-name-wrap[b-gmyw7l1xti] {
    flex: 1 1 auto;
    min-width: 0;
}

.user-menu-name[b-gmyw7l1xti] {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.15;
    margin: 0;
}
/**************************************************************************************/
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudAssetGrid/ScMudAssetGrid.razor.rz.scp.css */
.search-toolbar[b-wrp8zue9q0] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
}

.table-wrapper[b-wrp8zue9q0] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudAssetQueryGrid/ScMudAssetQueryGrid.razor.rz.scp.css */
.asset-query-grid-container[b-gooh11ypfm] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative; /* wichtig für das rechte Panel */
}

.search-toolbar[b-gooh11ypfm] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
}

.table-wrapper[b-gooh11ypfm] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.column-selector-header[b-gooh11ypfm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 6px 10px;
    gap: 8px;
}

.column-selector-actions[b-gooh11ypfm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.column-selector-list[b-gooh11ypfm] {
    padding: 8px 10px 10px 10px;
    overflow: auto; /* nur die Liste scrollt */
}

.column-selector-menu[b-gooh11ypfm] {
    width: 300px;
    max-height: 420px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.column-selector-header[b-gooh11ypfm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 6px 10px;
    gap: 8px;
}

.column-selector-actions[b-gooh11ypfm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.column-selector-list[b-gooh11ypfm] {
    padding: 8px 10px 10px 10px;
    overflow: auto;
}
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudBcf/ScMudBcf.razor.rz.scp.css */
.BCF-toolbar[b-fvh8hzwjb9] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
}

.table-wrapper[b-fvh8hzwjb9] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudContext/ScMudContext.razor.rz.scp.css */
/* ScMudContext.razor.css */

/* Host element: sets up the main flex column layout and base font for the component */
:host[b-0aafd9ny28] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    min-height: 0;
    font-family: 'Segoe UI', sans-serif;
}

/* Title styling for segment headers */
.segment-title[b-0aafd9ny28] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0.5rem;
    color: var(--mud-palette-text-primary);
}

/* Container for the main segmented switch (DATA/DOCUMENTS) */
.segmented-switch[b-0aafd9ny28] {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    gap: 0.5rem;
    /*margin-bottom: 1rem;*/
    padding: 0 0.25rem;
}

/* Button style for each segment in the segmented switch */
.segment-button[b-0aafd9ny28] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-outline);
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Active state for the selected segment button */
.segment-button.active[b-0aafd9ny28] {
    background-color: var(--mud-palette-primary);
    color: white;
    border-color: var(--mud-palette-primary);
}

/* Container for the inner tab switch (AVEVA/BIM) */
.inner-tab-switch[b-0aafd9ny28] {
    display: flex;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0.25rem;
    /*margin-bottom: 0.5rem;*/
}

/* Button style for each inner tab (AVEVA/BIM) */
.inner-tab-button[b-0aafd9ny28] {
    padding: 0.3rem 0.8rem;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 4px;
    border: none;
    background-color: transparent;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Active state for the selected inner tab button */
.inner-tab-button.active[b-0aafd9ny28] {
    background-color: var(--mud-palette-primary);
    color: white;
}

/* Wrapper for the data/document table, ensures proper flex layout and scrolling */
.table-wrapper[b-0aafd9ny28] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Toolbar for document actions (e.g., upload, filter) */
.document-toolbar[b-0aafd9ny28] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
}

/* Responsive adjustments for mobile devices */
@media (max-width: 768px) {
    .segmented-switch[b-0aafd9ny28] {
        flex-direction: column;
    }

    .inner-tab-switch[b-0aafd9ny28] {
        flex-direction: column;
    }

    .segment-button[b-0aafd9ny28],
    .inner-tab-button[b-0aafd9ny28] {
        width: 100%;
        justify-content: center;
    }
} 

/* Ensures the table header stays fixed and the table content scrolls */
.fixed-header-table[b-0aafd9ny28] {
    overflow-y: auto;
    flex-grow: 1;
}


/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudDataGrid/ScMudDataGrid.razor.rz.scp.css */
.search-toolbar[b-yne289roal] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
}

.table-wrapper[b-yne289roal] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudDataGridContent/ScMudDataGridContent.razor.rz.scp.css */
:host[b-zyuua2mqvu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    min-height: 0;
    font-family: 'Segoe UI', sans-serif;
}

.segmented-switch[b-zyuua2mqvu] {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    padding: 0 0.25rem;
    flex: 0 0 auto;
}

.segment-button[b-zyuua2mqvu] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-outline);
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .segment-button.active[b-zyuua2mqvu] {
        background-color: var(--mud-palette-primary);
        color: white;
        border-color: var(--mud-palette-primary);
    }

.document-toolbar[b-zyuua2mqvu] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
    flex: 0 0 auto;
    z-index: 2;
}

.table-wrapper[b-zyuua2mqvu] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.data-grid-scroll-area[b-zyuua2mqvu] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

[b-zyuua2mqvu].loading-container {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}

@media (max-width: 768px) {
    .segmented-switch[b-zyuua2mqvu] {
        flex-direction: column;
    }

    .segment-button[b-zyuua2mqvu] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudDocumentGrid/ScMudDocumentGrid.razor.rz.scp.css */
.document-toolbar[b-b0ke6beie0] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
}

.table-wrapper[b-b0ke6beie0] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.doc-scope-footer[b-b0ke6beie0] {
    margin-top: 4px;
    padding: 0px 8px; /* Rechter Innenabstand aktuell 8px */
    border-top: 1px solid var(--mud-palette-lines-default);
    /* NEU: rechtsbündig, vertikal mittig */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 20px;
    background-color: lightgray;
}

    /* Optional: Zähler nicht umbrechen & keine Zusatzabstände */
    .doc-scope-footer .mud-typography[b-b0ke6beie0] {
        margin: 0;
        white-space: nowrap;
    }
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudDraggablePaper/ScMudDraggablePaper.razor.rz.scp.css */
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudOpenText/ScMudOpenText.razor.rz.scp.css */
.Opentext-toolbar[b-gpqgn83zjm] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
}

.table-wrapper[b-gpqgn83zjm] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudSearch/ScMudSearch.razor.rz.scp.css */
/* _content/SchullerCo.Collab.Dash/Components/CustomDataPresentation/ScMudTable/ScMudTreeView.razor.rz.scp.css */
.sc-tree-scroll[b-2ak79lqjte] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.sc-tree-row[b-2ak79lqjte] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sc-tree-left[b-2ak79lqjte] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.sc-tree-name[b-2ak79lqjte] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sc-tree-count[b-2ak79lqjte] {
    opacity: 0.7;
    padding-left: 8px;
}

.sc-tree-expander-spacer[b-2ak79lqjte] {
    width: 36px;
    display: inline-block;
}

[b-2ak79lqjte] .sc-tree-name-expanded {
    font-weight: 700;
}

[b-2ak79lqjte] .sc-tree-right {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

/* Container für die Action-Buttons */
[b-2ak79lqjte] .sc-tree-actions {
    display: flex;
    align-items: center;
    gap: 2px;
}

/* Einzelne Buttons: standardmäßig ausgeblendet */
[b-2ak79lqjte] .sc-tree-actions > button {
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease-in-out;
}

/* Bei Hover über die Zeile: alle Buttons sichtbar */
[b-2ak79lqjte] .sc-tree-item:hover .sc-tree-actions > button {
    opacity: 1;
    pointer-events: auto;
}

/* Aktivierter Button (pinned): immer sichtbar */
[b-2ak79lqjte] .sc-tree-actions > button.sc-action-pinned {
    opacity: 1;
    pointer-events: auto;
}
/* _content/SchullerCo.Collab.Dash/Components/Dialog/BcfDialog/BcfCommentsDialog/ScBcfCommentsDialog.razor.rz.scp.css */
.bcf-comments-dialog[b-xdf77ucurv] {
    width: 720px;
    max-width: 95vw;
}

.bcfcm__header[b-xdf77ucurv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.bcfcm__body[b-xdf77ucurv] {
    padding: 10px 8px;
    max-height: calc(85vh - 120px);
    overflow: auto;
}

.comment-row[b-xdf77ucurv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.comment-avatar[b-xdf77ucurv] {
    flex: 0 0 auto;
}

.comment-bubble[b-xdf77ucurv] {
    flex: 1 1 auto;
    background: rgba(0,0,0,.04);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    padding: 6px 8px;
}

.comment-head[b-xdf77ucurv] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 2px;
    font-size: .82rem;
    color: var(--mud-palette-text-secondary);
}

    .comment-head .author[b-xdf77ucurv] {
        font-weight: 600;
        color: var(--mud-palette-text-primary);
    }

    .comment-head .time[b-xdf77ucurv] {
        font-variant-numeric: tabular-nums;
    }

.comment-body[b-xdf77ucurv] {
    white-space: pre-wrap;
    font-size: .92rem;
}
/* _content/SchullerCo.Collab.Dash/Components/Dialog/BcfDialog/CreateDialog/ScBcfCreateDialog.razor.rz.scp.css */
/* Dialogbreite */
.bcf-create-dialog[b-djxo533nyj] {
    width: 980px;
    max-width: 98vw;
}

/* Header */
.bcfcd__header[b-djxo533nyj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    position: relative;
}

.bcfcd__close-btn[b-djxo533nyj] {
    position: absolute;
    right: 6px;
    top: 6px;
}

/* Zwei Spalten – unabhängig scrollbar */
.bcfcd__body-split[b-djxo533nyj] {
    display: grid;
    grid-template-columns: 360px 1fr; /* links fix, rechts flexibel */
    gap: 12px;
    padding: 0px 0px; /*ursprung padding: 10px 8px;*/
    max-height: calc(90vh - 110px); /* Höhe abzüglich Header+Actions */
}

.bcfcd__pane[b-djxo533nyj] {
    min-height: 320px;
    overflow: auto; /* WICHTIG: unabhängiger Scroll je Pane */
    padding-right: 4px; /* Platz für Scrollbar */
}

.bcfcd__pane--left[b-djxo533nyj] {
    padding-left: 2px;
}

.bcfcd__pane--right[b-djxo533nyj] {
    padding-right: 6px;
}

/* Snapshot */
.snapshot-box[b-djxo533nyj] {
    height: 220px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    overflow: hidden;
    background: #f6f7f9;
}

    .snapshot-box img[b-djxo533nyj] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.snapshot-placeholder[b-djxo533nyj] {
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--mud-palette-text-secondary);
}

.snapshot-actions[b-djxo533nyj] {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

/* Form */
.form-grid[b-djxo533nyj] {
    row-gap: 10px;
}

.row-2col[b-djxo533nyj] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    align-items: center;
}

.chips[b-djxo533nyj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

/* Initial Comment Zeile */
.initial-comment-row[b-djxo533nyj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
}

.comment-avatar[b-djxo533nyj] {
    margin-top: 2px;
}


/* Actions */
.bcfcd__actions[b-djxo533nyj] {
    padding: 8px 12px;
    /*border-top: 1px solid var(--mud-palette-lines-default);*/
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Responsive */
@media (max-width: 900px) {
    .bcf-create-dialog[b-djxo533nyj] {
        width: 95vw;
    }

    .bcfcd__body-split[b-djxo533nyj] {
        grid-template-columns: 1fr;
    }
}


/* Panel */
.bcf-comments__panel[b-djxo533nyj] {
    margin-top: 12px;
    padding: 8px 0;
}

/* Header */
.bcf-comments__header[b-djxo533nyj] {
    display: flex;
    align-items: center; /* vertikal zentriert */
   /* justify-content: center;  horizontal zentriert */
    padding: 8px 12px; /* oben/unten gleich */
    border-bottom: 1px solid var(--mud-palette-lines-default, rgba(0,0,0,0.12));
    text-align: center;
}

/* Scrollbare Liste – zeigt neueste Kommentare oben (column-reverse) */
.bcf-comments__list[b-djxo533nyj] {
    display: flex;
    flex-direction: column-reverse;
    max-height: 240px; /* ggf. anpassen */
    overflow: auto;
    padding: 8px 12px;
    gap: 12px;
}

/* Item */
.bcf-comment__item[b-djxo533nyj] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 4px;
    align-items: start;
}

.bcf-comment__avatar[b-djxo533nyj] {
    grid-row: 1 / span 2;
}

.bcf-comment__body[b-djxo533nyj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bcf-comment__meta[b-djxo533nyj] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.bcf-comment__author[b-djxo533nyj] {
    font-weight: 600;
}

.bcf-comment__date[b-djxo533nyj] {
    opacity: 0.75;
}
/* _content/SchullerCo.Collab.Dash/Components/Dialog/BcfDialog/EditDialog/BcfEditDialog.razor.rz.scp.css */
/* Dialogbreite */
.bcf-create-dialog[b-w31bg3zt9f] {
    width: 980px;
    max-width: 98vw;
}

/* Zwei Spalten – unabhängig scrollbar */
.bcfcd__body-split[b-w31bg3zt9f] {
    display: grid;
    grid-template-columns: 420px 1fr;
    /* grid-template-columns: 360px 1fr;*/ /* links fix, rechts flexibel */
    gap: 12px;
    padding: 0px 0px; /*ursprung padding: 10px 8px;*/
    max-height: calc(90vh - 110px); /* Höhe abzüglich Header+Actions */
}

.bcfcd__pane[b-w31bg3zt9f] {
    min-height: 320px;
    overflow: auto; /* WICHTIG: unabhängiger Scroll je Pane */
    padding-right: 4px; /* Platz für Scrollbar */
}

.bcfcd__pane--left[b-w31bg3zt9f] {
    padding-left: 2px;
}

.bcfcd__pane--right[b-w31bg3zt9f] {
    padding-right: 6px;
}

/* Snapshot */
.snapshot-box[b-w31bg3zt9f] {
    /*height: clamp(170px, 18vh, 220px);*/
    /*height: 190px;*/
    height: 220px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    overflow: hidden;
    background: #f6f7f9;
}

    .snapshot-box img[b-w31bg3zt9f] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.snapshot-placeholder[b-w31bg3zt9f] {
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--mud-palette-text-secondary);
}

.snapshot-actions[b-w31bg3zt9f] {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

/* Form */
.form-grid[b-w31bg3zt9f] {
    row-gap: 10px;
}

.row-2col[b-w31bg3zt9f] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    align-items: center;
}

.chips[b-w31bg3zt9f] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

/* Initial Comment Zeile */
.initial-comment-row[b-w31bg3zt9f] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
}

.comment-avatar[b-w31bg3zt9f] {
    margin-top: 2px;
}


/* Actions */
.bcfcd__actions[b-w31bg3zt9f] {
    padding: 8px 12px;
    /*border-top: 1px solid var(--mud-palette-lines-default);*/
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Responsive */
@media (max-width: 900px) {
    .bcf-create-dialog[b-w31bg3zt9f] {
        width: 95vw;
    }

    .bcfcd__body-split[b-w31bg3zt9f] {
        grid-template-columns: 1fr;
    }
}


/* Comments-Panel */
.bcf-comments__panel[b-w31bg3zt9f] {
    margin-top: 12px;
    padding: 8px 0;
}

/* Header */
.bcf-comments__header[b-w31bg3zt9f] {
    display: flex;
    align-items: center; /* vertikal zentriert */
    /* justify-content: center;  horizontal zentriert */
    padding: 8px 12px; /* oben/unten gleich */
    border-bottom: 1px solid var(--mud-palette-lines-default, rgba(0,0,0,0.12));
    text-align: center;
}

/* Scrollbare Liste – zeigt neueste Kommentare oben */
/*.bcf-comments__list {
    display: flex;
    flex-direction: column-reverse;
    max-height: 240px;*/ /* ggf. anpassen */
/*overflow: auto;
    padding: 8px 12px;
    gap: 12px;
}*/

/* Chat-Liste: wirklich untereinander */
[b-w31bg3zt9f] .bcf-comments__list {
    max-height: 240px;
    overflow: auto;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bcf-chat-item[b-w31bg3zt9f] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    --bcf-checkslot: 32px;
    --bcf-gap: 6px; /* minimaler Abstand Avatar <-> Bubble */
    --bcf-avatar: 32px; /* MudAvatar(Size.Small) */
}


/*.bcf-chat-bubble {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default, rgba(0,0,0,0.12));
    background: var(--mud-palette-background-paper, #fff);
    width: 100%;
}*/

.bcf-chat-text[b-w31bg3zt9f] {
    white-space: pre-wrap;
}

[b-w31bg3zt9f] .bcf-chat-bubble {
    width: 64%;
}

/*07122025 gemacht*/
[b-w31bg3zt9f] .bcfcd__viewpoints-list {
    max-height: 400px;
    overflow-y: auto;
}


.viewpoint-card[b-w31bg3zt9f] {
    display: flex;
    gap: 8px;
    padding: 6px 4px;
    border-radius: 8px;
    align-items: center; /* WICHTIG: Y-mitte */
}




/* Row: Checkbox + Avatar + Message auf einer Linie */
.bcf-chat-row[b-w31bg3zt9f] {
    width: 100%;
    display: flex;
    align-items: center; /* <-- vertikal mittig */
    gap: 8px;
}


/* Avatar mittig zur Bubble */
.bcf-chat-avatar[b-w31bg3zt9f] {
    margin: 0;
}


.bcf-chat-meta[b-w31bg3zt9f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
    margin-left: calc(var(--bcf-checkslot) + var(--bcf-gap) + var(--bcf-avatar) + var(--bcf-gap));
}

.bcf-chat-line[b-w31bg3zt9f] {
    width: 100%;
    display: flex;
    align-items: center; /* <-- vertikal mittig */
    gap: var(--bcf-gap);
}

.bcf-chat-checkslot[b-w31bg3zt9f] {
    width: var(--bcf-checkslot);
    min-width: var(--bcf-checkslot);
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Checkbox links */
    padding-left: 2px;
}


/* Bubble soll immer 100% der Message-Spalte nutzen */
.bcf-chat-bubble[b-w31bg3zt9f] {
    flex: 1;
    width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default, rgba(0,0,0,0.12));
    background: var(--mud-palette-background-paper, #fff);
}


.vp-select-slot[b-w31bg3zt9f] {
    width: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}


.vp-row[b-w31bg3zt9f] {
    flex: 1;
    min-width: 0;
    width: 100%;
    border-radius: 8px;
    padding: 6px 8px;
}


.vp-actions[b-w31bg3zt9f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

[b-w31bg3zt9f] .vp-listitem {
    display: flex;
    align-items: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    /* WICHTIG: MudListItem hat je nach Theme left/right padding (Gutters) -> entfernen */
    [b-w31bg3zt9f] .vp-listitem.mud-list-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Content-Container vom ListItem muss flex sein, damit vp-row wirklich 100% bekommt */
    [b-w31bg3zt9f] .vp-listitem .mud-list-item-content {
        width: 100%;
        display: flex;
        align-items: center;
    }

.initial-comment-row[b-w31bg3zt9f] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
}

    .initial-comment-row :deep(.mud-icon-button)[b-w31bg3zt9f] {
        align-self: center;
    }

/* Bubble muss relativ sein, damit das Badge absolut positioniert werden kann */
[b-w31bg3zt9f] .bcf-chat-bubble {
    position: relative;
}

/* Nur wenn Draft: rechts Platz reservieren, damit Text nicht unter dem Badge liegt */
[b-w31bg3zt9f] .bcf-chat-bubble--draft {
    padding-right: 64px;
}

/* Kleines "Entwurf"-Badge, zerstört kein Layout */
.bcf-draft-badge[b-w31bg3zt9f] {
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 0.68rem;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 999px;
    border: 1px dashed var(--mud-palette-lines-default, rgba(0,0,0,.25));
    background: rgba(0,0,0,0.04);
    color: var(--mud-palette-text-secondary);
    pointer-events: none;
    user-select: none;
}
/* _content/SchullerCo.Collab.Dash/Components/Dialog/BcfDialog/ImportDialog/ImportBcfZipDialog.razor.rz.scp.css */
/*::deep .file-upload-input {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    z-index: 10 !important;
    opacity: 0 !important;
}

::deep .bcf-dropzone {
    border: 2px dashed var(--mud-palette-primary-light) !important;
    border-radius: 6px !important;
    background-color: var(--mud-palette-surface) !important;
    color: var(--mud-palette-text-secondary) !important;
}
*/
/* _content/SchullerCo.Collab.Dash/Components/Layout/LoadingOverlay.razor.rz.scp.css */
.sc-loading-topbar[b-w2765h3w8t] {
    position: fixed;
    top: var(--mud-appbar-height, 48px);
    left: 0;
    right: 0;
    z-index: 2000;
    padding: 8px 16px 6px;
    background: transparent;
    border-bottom: none;
    backdrop-filter: none;
}

.sc-loading-topbar__inner[b-w2765h3w8t] {
    max-width: 200px;
    margin: 0 auto;
}

.sc-loading-topbar__text[b-w2765h3w8t] {
    margin-top: 4px;
    text-align: center;
    font-size: 0.85rem;
    opacity: 0.85;
}

/* MudProgressLinear in scoped CSS */
[b-w2765h3w8t] .mud-progress-linear {
    height: 4px;
    border-radius: 999px;
}

.sc-loading-blocker[b-w2765h3w8t] {
    position: fixed;
    top: 0; /* <-- deckt wirklich ALLES ab */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1999;
    pointer-events: all;
    cursor: wait;
    background: rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(0px);
}
/* _content/SchullerCo.Collab.Dash/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-flypwdr4ep] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

    .top-row[b-flypwdr4ep]  a:hover, .top-row[b-flypwdr4ep]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-flypwdr4ep] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-flypwdr4ep]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

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

#blazor-error-ui[b-flypwdr4ep] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-flypwdr4ep] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SchullerCo.Collab.Dash/Components/MainContent/MainContent.razor.rz.scp.css */
/* Container-Komponente ScMudDraggablePaper (optional klassifizieren, falls benötigt) */
[b-2rjma19xpi] .scmuddraggablepaper {
    display: flex;
    flex-direction: column;
    width: 500px;
    height: 400px;
    overflow: hidden;
}

/* Positionierung und allgemeines Layout des Fensters */
.asset-explorer-window[b-2rjma19xpi] {
    position: fixed;
    top: 10%;
    left: 5%;
    width: auto;
    height: auto;
    z-index: 3;
}

/* Header (MudCardHeader) */
[b-2rjma19xpi] .asset-explorer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    flex: 0 0 auto;
    height: 40px;
}

/* Drag nur über Header erlauben */
[b-2rjma19xpi] .sc-window-drag-handle {
    cursor: move;
    user-select: none;
}

    /* Close-Button (X) im Header: normaler Cursor */
    /*   ::deep .sc-window-drag-handle button,
    ::deep .sc-window-drag-handle [role="button"],
    ::deep .sc-window-drag-handle a {
        cursor: default !important;
    }*/

    /* Close-Button (X) im Header: Hand Cursor */
    [b-2rjma19xpi] .sc-window-drag-handle button,
    [b-2rjma19xpi] .sc-window-drag-handle [role="button"],
    [b-2rjma19xpi] .sc-window-drag-handle a {
        cursor: pointer !important;
    }


    [b-2rjma19xpi] .sc-window-drag-handle * {
        cursor: inherit;
    }

/* Inhalt (MudCardContent bzw. div) */
[b-2rjma19xpi] .asset-explorer-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}


/* Divider unter dem Header */
.window-divider[b-2rjma19xpi] {
    width: 100%;
    border: none;
    border-top: 2px solid #ccc; /* entspricht MudDivider Light=true */
    margin: 1px 0;
}
<div style="border-bottom: 1px solid #ccc;" > </div >
/* Hinweis zum selektierten Objekt (MainContent) */
.selected-asset-hint[b-2rjma19xpi] {
    position: fixed;
    bottom: 60px;
    right: 9px;
    z-index: 10000;
    max-width: 480px;
    min-height: 56px; /* NEU: Mindesthöhe für stabile Darstellung */
    transition: opacity 0.5s ease-in-out;
    display: flex; /* optional, wenn du flexbasiertes Layout außen brauchst */
    align-items: center;
}

    .selected-asset-hint.transparent[b-2rjma19xpi] {
        opacity: 0.3;
    }

/*Neue Sidebar unten rechts für Window Resize*/
.bottom-right-sidebar[b-2rjma19xpi] {
    position: fixed;
    bottom: 2%;
    right: 0.0%;
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    z-index: 10;
}

.asset-explorer-window[b-2rjma19xpi] {
    position: fixed;
    z-index: 3;
}

.asset-context-window[b-2rjma19xpi] {
    position: fixed;
    z-index: 3;
}

.asset-grid-window[b-2rjma19xpi] {
    position: fixed;
    z-index: 3;
}

/* MainContent.razor.css */
.mud-divider[b-2rjma19xpi] {
    margin: 8px 0;
}

.mud-radio[b-2rjma19xpi] {
    padding: 2px 0;
}

    .mud-radio .mud-radio-label[b-2rjma19xpi] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

.radio-line[b-2rjma19xpi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.option-icon[b-2rjma19xpi] {
    margin-top: 2px;
}

.option-texts[b-2rjma19xpi] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

/* Slider kompakter: Ziel ist das Root, nicht das innere .mud-slider */
.compact-slider[b-2rjma19xpi] {
    padding-top: 4px;
    padding-bottom: 0;
}

    .compact-slider .mud-slider-root[b-2rjma19xpi] {
        padding-top: 4px;
        padding-bottom: 0;
    }

/* in deiner .razor.css (scoped) */
.precision-block[b-2rjma19xpi] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* .razor.css (scoped) */
.precision-block[b-2rjma19xpi] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.precision-value[b-2rjma19xpi] {
    display: block;
    width: 100%;
    text-align: center;
}

.measurement-tool-window[b-2rjma19xpi] {
    position: fixed;
    z-index: 3;
}

[b-2rjma19xpi].loading-container {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}
/* _content/SchullerCo.Collab.Dash/Components/Pages/Document/Document.razor.rz.scp.css */
/* Header (MudCardHeader) */
.asset-card-header[b-1zyjwk6ux5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    flex: 0 0 auto;
    height: 40px;
}

/* Divider unter dem Header */
.window-divider[b-1zyjwk6ux5] {
    width: 100%;
    border: none;
    border-top: 2px solid #ccc; /* entspricht MudDivider Light=true */
    margin: 1px 0;
}

/* Inhalt (MudCardContent bzw. div) */
.asset-card-content[b-1zyjwk6ux5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

.table-wrapper[b-1zyjwk6ux5] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* _content/SchullerCo.Collab.Dash/Components/Pages/Document/DocumentConnector.razor.rz.scp.css */
/* Header (MudCardHeader) */
.asset-card-header[b-lpzk9xkvfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    flex: 0 0 auto;
    height: 40px;
}

/* Divider unter dem Header */
.window-divider[b-lpzk9xkvfa] {
    width: 100%;
    border: none;
    border-top: 2px solid #ccc; /* entspricht MudDivider Light=true */
    margin: 1px 0;
}

.table-wrapper[b-lpzk9xkvfa] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.bottom-toolbar[b-lpzk9xkvfa] {
    position: sticky;
    bottom: 8px;
    display: flex;
    justify-content: center;
    width: 100%;
    pointer-events: none;
    z-index: 2; /* damit sie über Grid-Inhalten bleibt */
}

[b-lpzk9xkvfa] .toolbar-paper {
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center; /* vertikal */
}

/* _content/SchullerCo.Collab.Dash/Components/Pages/Explorer/Explorer.razor.rz.scp.css */
/* Header (MudCardHeader) */
.asset-explorer-header[b-74ui8v1xo9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    flex: 0 0 auto;
    height: 40px;
}

/* Divider unter dem Header */
.window-divider[b-74ui8v1xo9] {
    width: 100%;
    border: none;
    border-top: 2px solid #ccc; /* entspricht MudDivider Light=true */
    margin: 1px 0;
}

/* Inhalt (MudCardContent bzw. div) */
 .asset-explorer-content[b-74ui8v1xo9] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}
/* _content/SchullerCo.Collab.Dash/Components/Pages/Grid/Grid.razor.rz.scp.css */
/* Header (MudCardHeader) */
.asset-card-header[b-yszzrff2t1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    flex: 0 0 auto;
    height: 40px;
}

/* Divider unter dem Header */
.window-divider[b-yszzrff2t1] {
    width: 100%;
    border: none;
    border-top: 2px solid #ccc; /* entspricht MudDivider Light=true */
    margin: 1px 0;
}

/* Inhalt (MudCardContent bzw. div) */
.asset-card-content[b-yszzrff2t1] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}



.table-wrapper[b-yszzrff2t1] {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* _content/SchullerCo.Collab.Dash/Components/ProjectTile/ProjectTile.razor.rz.scp.css */
.project-tile[b-vex6cf4e6h] {
    transition: transform 0.2s ease, filter 0.2s ease;
}

    /* Lift + Shadow über Wrapper (funktioniert immer) */
    .project-tile:hover[b-vex6cf4e6h] {
        transform: translateY(-4px);
    }

/* Preview zoom zuverlässig: Container ist echtes HTML in deiner Komponente */
.preview-image-container[b-vex6cf4e6h] {
    overflow: hidden;
    height: 150px;
    background: #ffffff;
    transition: transform 1.0s ease;
    transform-origin: center center;
}

.project-tile:hover .preview-image-container[b-vex6cf4e6h] {
    transform: scale(1.15);
}

.truncate[b-vex6cf4e6h] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-content[b-vex6cf4e6h] {
    padding: 12px 16px;
}
/* _content/SchullerCo.Collab.Dash/Components/UploadDocument/PreviewDialog.razor.rz.scp.css */
/* Root */
.preview-root[b-64tt83001h] {
    height: 90vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

/* Header */
.preview-header[b-64tt83001h] {
    display: flex;
    justify-content: center;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    background: var(--mud-palette-surface);
}

/* Wrapper steuert Breite wirklich (!) */
.preview-select-wrap[b-64tt83001h] {
    width: 420px; /* <- hier stellst du die echte Breite ein */
    max-width: 100%;
}

/* MudSelect soll exakt den Wrapper ausfüllen */
.preview-select[b-64tt83001h] {
    width: 100%;
}

/* Ellipsis nur auf dem Text im Select, NICHT auf dem gesamten Select-Input */
.preview-select-wrap[b-64tt83001h]  .mud-input-slot {
    white-space: nowrap;
}

    .preview-select-wrap[b-64tt83001h]  .mud-input-slot > div:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* Sicherheit: Arrow/Adornment darf sichtbar bleiben */
.preview-select-wrap[b-64tt83001h]  .mud-input-adornment {
    overflow: visible !important;
}


/* Body */
.preview-body[b-64tt83001h] {
    flex: 1 1 auto;
    overflow: hidden;
    background: var(--mud-palette-background);
}

/* PDF/Text */
.preview-frame[b-64tt83001h] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Image */
.preview-image-wrap[b-64tt83001h] {
    height: 100%;
    overflow: auto;
    padding: 16px;
}

.preview-image[b-64tt83001h] {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}