@import '_content/GNT.Center.Web.Shared/GNT.Center.Web.Shared.ublkpzkgo6.bundle.scp.css';

/* /Components/CadPreview/EyeshotWebGlPreview.razor.rz.scp.css */
.gnt-eyeshot-webgl[b-osdl6dsimr] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.gnt-eyeshot-webgl__frame[b-osdl6dsimr] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    background: transparent;
}

.gnt-eyeshot-webgl__status[b-osdl6dsimr] {
    position: absolute;
    left: 0.75rem;
    bottom: 0.75rem;
    z-index: 2;
    max-width: calc(100% - 1.5rem);
    padding: 0.45rem 0.7rem;
    font-size: 0.8125rem;
    color: #e5e7eb;
    background: rgba(15, 23, 42, 0.72);
}

.gnt-eyeshot-webgl__status--error[b-osdl6dsimr] {
    color: #fecaca;
}

.gnt-eyeshot-webgl__detail[b-osdl6dsimr] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    opacity: 0.85;
    word-break: break-word;
}
/* /Components/Pages/AllgemeineAuswertungen/AllgemeineAuswertungenChartPanel.razor.rz.scp.css */
.aa-chart-panel[b-mc5qwt894u] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 300px;
    border: 1px solid var(--gnt-border-subtle, #d9d9d9);
    background: #fff;
}

.aa-chart-panel__header[b-mc5qwt894u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.5rem;
    padding: 0.375rem 0.75rem;
    border-bottom: 1px solid var(--gnt-border-subtle, #e0e0e0);
    background: var(--gnt-surface-elevated, #f5f5f5);
}

.aa-chart-panel__title[b-mc5qwt894u] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gnt-text-primary, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aa-chart-panel[b-mc5qwt894u]  .aa-chart-panel__filter {
    flex: 0 0 10.5rem;
    width: 10.5rem;
    max-width: 10.5rem;
}

.aa-chart-panel[b-mc5qwt894u]  .aa-chart-panel__filter--period {
    flex-basis: 11.5rem;
    width: 11.5rem;
    max-width: 11.5rem;
}

.aa-chart-panel[b-mc5qwt894u]  .aa-chart-panel__filter--group {
    flex-basis: 11.5rem;
    width: 11.5rem;
    max-width: 11.5rem;
}

.aa-chart-panel[b-mc5qwt894u]  .aa-chart-panel__filter.dxbl-combobox {
    width: 100%;
    max-width: 100%;
}

.aa-chart-panel[b-mc5qwt894u]  .aa-chart-panel__filter--group .dxbl-text-edit-input {
    cursor: default;
}

.aa-chart-panel__filter-display[b-mc5qwt894u],
.aa-chart-panel__filter-item[b-mc5qwt894u] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aa-chart-panel__body[b-mc5qwt894u] {
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    min-height: 260px;
    padding: 0.5rem 0.75rem 0.75rem;
}

.aa-chart-panel__chart[b-mc5qwt894u] {
    width: 100%;
    min-height: 0;
}

.aa-chart-panel__empty[b-mc5qwt894u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 260px;
    color: var(--gnt-text-secondary, #666);
    font-size: 0.875rem;
}
/* /Components/Pages/AllgemeineAuswertungen/AllgemeineAuswertungenPage.razor.rz.scp.css */
.allgemeine-auswertungen-page[b-saylthx835] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.allgemeine-auswertungen-page__tabs[b-saylthx835],
.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__tabs.dxbl-tabs,
.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__tabs > .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.allgemeine-auswertungen-page__tabs[b-saylthx835]  .dxbl-tabs-content,
.allgemeine-auswertungen-page__tabs[b-saylthx835]  .dxbl-fl-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.allgemeine-auswertungen-page__tabs[b-saylthx835]  .dxbl-tabs-content-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.allgemeine-auswertungen-page__tabs[b-saylthx835]  .dxbl-tabs-content-panel > * {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.allgemeine-auswertungen-page__tabs[b-saylthx835]  .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.allgemeine-auswertungen-page__tab-pane[b-saylthx835] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    gap: 12px;
    padding: 8px 0 0;
}

.allgemeine-auswertungen-page__tab-pane--verbrauch[b-saylthx835] {
    overflow: auto;
    padding: 0.5rem 0.75rem 0.75rem;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__verbrauch-form {
    width: 100%;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__verbrauch-group {
    margin-bottom: 0.75rem;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__verbrauch-chart-item {
    min-width: 0;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__verbrauch-chart-item .dxbl-fl-cpt {
    display: none;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__verbrauch-chart-item .dxbl-fl-item {
    align-items: stretch;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__verbrauch-chart-item .dxbl-fl-item-content {
    min-width: 0;
    width: 100%;
}

.allgemeine-auswertungen-page__section[b-saylthx835] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.allgemeine-auswertungen-page__section-title[b-saylthx835] {
    font-weight: 600;
}

.allgemeine-auswertungen-page__chart-grid[b-saylthx835] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-height: 280px;
    flex: 1 1 auto;
}

.allgemeine-auswertungen-page__chart-grid--single[b-saylthx835] {
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
}

.allgemeine-auswertungen-page__tab-pane--kosten[b-saylthx835] {
    overflow: auto;
    padding: 0.5rem 0.75rem 0.75rem;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__kosten-form {
    width: 100%;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__kosten-group {
    margin-bottom: 0;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__kosten-chart-item .dxbl-fl-cpt {
    display: none;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__kosten-chart-item .dxbl-fl-item {
    align-items: stretch;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__kosten-chart-item .dxbl-fl-item-content {
    min-width: 0;
    width: 100%;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__kosten-chart-item .aa-chart-panel {
    min-height: 420px;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-page__kosten-chart-item .aa-chart-panel__body {
    overflow: visible;
    min-height: 340px;
}

.allgemeine-auswertungen-chart-panel__placeholder[b-saylthx835] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    color: var(--gnt-text-secondary, #64748b);
}

.allgemeine-auswertungen-page__inventory-chart .allgemeine-auswertungen-chart-panel__placeholder[b-saylthx835] {
    flex: 1 1 auto;
    min-height: 280px;
}

.allgemeine-auswertungen-page__inventory-layout[b-saylthx835] {
    display: grid;
    grid-template-columns: minmax(320px, 1.2fr) minmax(280px, 1fr);
    flex: 1 1 auto;
    min-height: calc(100dvh - 260px);
    min-width: 0;
    gap: 12px;
    overflow: hidden;
}

.allgemeine-auswertungen-page__inventory-tree[b-saylthx835] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--gnt-border-subtle, #d9d9d9);
    background: #fff;
    box-sizing: border-box;
}

/* Bound height so DxTreeList Height=100% can scroll inside (resources-tree-pane parity). */
.allgemeine-auswertungen-page__inventory-tree-body[b-saylthx835] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.allgemeine-auswertungen-page__inventory-tree-body[b-saylthx835]  .dxbl-treelist,
.allgemeine-auswertungen-page__inventory-tree-body[b-saylthx835]  .allgemeine-auswertungen-inventory-treelist,
.allgemeine-auswertungen-page__inventory-tree-body[b-saylthx835]  .center-crud-grid {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.allgemeine-auswertungen-page__inventory-chart[b-saylthx835] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--gnt-border-subtle, #d9d9d9);
    background: #fff;
    padding: 0.75rem;
    box-sizing: border-box;
}

.allgemeine-auswertungen-page__inventory-pie-host[b-saylthx835] {
    flex: 1 1 auto;
    min-height: 280px;
    min-width: 0;
    overflow: hidden;
}

.allgemeine-auswertungen-page[b-saylthx835]  .allgemeine-auswertungen-inventory-pie {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 1100px) {
    .allgemeine-auswertungen-page__inventory-layout[b-saylthx835] {
        grid-template-columns: 1fr;
    }

    .allgemeine-auswertungen-page__inventory-tree[b-saylthx835],
    .allgemeine-auswertungen-page__inventory-chart[b-saylthx835] {
        min-height: 280px;
    }
}

.allgemeine-auswertungen-page__tab-pane--inventory[b-saylthx835] {
    overflow: hidden;
    flex: 1 1 auto;
    min-height: calc(100dvh - 220px);
}

.allgemeine-auswertungen-page__toolbar[b-saylthx835] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
}

.allgemeine-auswertungen-page__toolbar-group[b-saylthx835] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.allgemeine-auswertungen-page__error[b-saylthx835] {
    color: #b00020;
    margin-bottom: 8px;
}

.allgemeine-auswertungen-page__article-id-cell[b-saylthx835] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.allgemeine-auswertungen-page__article-id-cell .gnt-gi[b-saylthx835] {
    flex: 0 0 16px;
}

.allgemeine-auswertungen-page__pie-caption[b-saylthx835] {
    flex: 0 0 auto;
    text-align: center;
    font-weight: 600;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--gnt-border-subtle, #e0e0e0);
}

/* Grid tabs (Lagerbewertung / Ladenhüter / Bestellungen): bound height so
   CrudPage's internal DxGrid scrollbar appears instead of growing past the viewport.
   Toolbar is flex:0; grid-body uses height:0 flex child (resources-tree-pane parity). */
.allgemeine-auswertungen-page__tab-pane--grid[b-saylthx835] {
    overflow: hidden;
}

.allgemeine-auswertungen-page__grid-body[b-saylthx835] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.allgemeine-auswertungen-page__grid-body[b-saylthx835]  .center-crud-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.allgemeine-auswertungen-page__grid-body[b-saylthx835]  .center-crud-grid-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.allgemeine-auswertungen-page__grid-body[b-saylthx835]  .center-crud-grid,
.allgemeine-auswertungen-page__grid-body[b-saylthx835]  .dxbl-grid {
    width: 100%;
    min-height: 0;
    height: 100% !important;
    max-height: 100% !important;
}

/* Desktop frmAuswertungen uses right-click only — no integrated command column. */
.allgemeine-auswertungen-page__tab-pane--grid[b-saylthx835]  .dxbl-grid-command-cell,
.allgemeine-auswertungen-page__tab-pane--grid[b-saylthx835]  th.dxbl-grid-command-cell,
.allgemeine-auswertungen-page__tab-pane--grid[b-saylthx835]  col.dxbl-grid-command-cell {
    display: none !important;
}
/* /Components/Pages/Ams/AmsAllgemeinPanel.razor.rz.scp.css */
.ams-allgemein-panel[b-3lnkh53gep]  .dxbl-fl-group {
    margin-top: 0.5rem;
}

.ams-allgemein-panel[b-3lnkh53gep]  .ams-allgemein-panel__order-combo .dxbl-dropdown-popup {
    min-width: min(1100px, 94vw);
}

.ams-allgemein-panel__path-field[b-3lnkh53gep] {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.ams-allgemein-panel[b-3lnkh53gep]  .ams-allgemein-panel__hidden-file-input {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}
/* /Components/Pages/Ams/AmsArbeitsgangPickerDialog.razor.rz.scp.css */
.ams-arbeitsgang-picker-dialog__filter[b-sqrobevslj] {
    display: grid;
    grid-template-columns: 8rem 1fr;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
}

.ams-arbeitsgang-picker-dialog__filter-label[b-sqrobevslj] {
    margin: 0;
}

.ams-arbeitsgang-picker-dialog__hint[b-sqrobevslj] {
    padding: 1rem 0;
    color: var(--gnt-muted-fg, #666);
}

.ams-arbeitsgang-picker-dialog__error[b-sqrobevslj] {
    margin-top: 0.75rem;
    color: var(--bs-danger, #dc3545);
}
/* /Components/Pages/Ams/AmsBaumTreePanel.razor.rz.scp.css */
/* Scoped TreeList layout — ::deep reaches DevExpress-rendered grid cells. */
.ams-baum-tree-panel__body[b-aw8zuroku9]  .ams-baum-treelist,
.ams-baum-tree-panel__body[b-aw8zuroku9]  .dxbl-treelist {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.ams-baum-tree-panel__body[b-aw8zuroku9]  .dxbl-grid-tree-node-indent {
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
}
/* /Components/Pages/Ams/AmsEinstellungenPanel.razor.rz.scp.css */
.ams-einstellungen-panel[b-ocao4mxtej]  .dxbl-fl-group {
    margin-top: 0.5rem;
}

.ams-einstellungen-panel__combo-display[b-ocao4mxtej],
.ams-einstellungen-panel__combo-item[b-ocao4mxtej] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.ams-einstellungen-panel__combo-icon[b-ocao4mxtej] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    object-fit: contain;
}

.ams-einstellungen-panel[b-ocao4mxtej]  .ams-einstellungen-panel__machine-combo .dxbl-dropdown-body {
    min-width: 40rem;
}
/* /Components/Pages/Ams/AmsHost.razor.rz.scp.css */
/* Full-page AMS list: bounded flex chain so DxGrid virtual scrolling
   gets a viewport height (see devdoc/programming/center-web-module-migration-checklist.md). */
.ams-page[b-bsmcxs9pcn] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.ams-page[b-bsmcxs9pcn]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Components/Pages/Ams/AmsWerkzeuglisteGrid.razor.rz.scp.css */
.ams-werkzeugliste-grid[b-larlv8w6qa] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.ams-werkzeugliste-grid__error[b-larlv8w6qa] {
    color: var(--gnt-color-danger, #c62828);
    padding: 0.25rem 0.5rem;
}

.ams-werkzeugliste-grid__in-maschine[b-larlv8w6qa] {
    display: inline-block;
    width: 16px;
    height: 16px;
    object-fit: contain;
    vertical-align: middle;
}

.ams-werkzeugliste-grid__pruefl-cell[b-larlv8w6qa] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.ams-werkzeugliste-grid__pruefl-cell--error[b-larlv8w6qa] {
    color: var(--gnt-danger, #c62828);
    font-weight: 600;
}

.ams-werkzeugliste-grid__error-icon[b-larlv8w6qa] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

/* Desktop DXErrorProvider Critical icon parity for WZ Prüflänge validation. */
.ams-werkzeugliste-grid__dx-error-icon[b-larlv8w6qa] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #c62828;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.ams-werkzeugliste-grid__dx-error-icon[b-larlv8w6qa]::before {
    content: "×";
}

.ams-werkzeugliste-grid[b-larlv8w6qa]  .ams-werkzeugliste-treelist {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}
/* /Components/Pages/Ams/AmsWerkzeugwechslerPanel.razor.rz.scp.css */
.ams-werkzeugwechsler-panel[b-47yboi0q2v] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.ams-werkzeugwechsler-panel[b-47yboi0q2v]  .dxbl-grid {
    flex: 1 1 auto;
    min-height: 0;
}

.ams-werkzeugwechsler-panel[b-47yboi0q2v]  .ams-werkzeugwechsler-panel__grid {
    min-width: 0;
}

.ams-werkzeugwechsler-panel__status-icon[b-47yboi0q2v] {
    display: block;
    margin: 0 auto;
}

.ams-werkzeugwechsler-panel__error[b-47yboi0q2v] {
    padding: 0.75rem;
    color: #b42318;
}
/* /Components/Pages/Anmeldungen/AnmeldungenDateToolbar.razor.rz.scp.css */
.anmeldungen-date-toolbar[b-hzmts1dplo] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.anmeldungen-date-toolbar__label[b-hzmts1dplo] {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
}

.anmeldungen-date-toolbar[b-hzmts1dplo]  .anmeldungen-date-toolbar__date {
    width: 118px;
    min-width: 118px;
}
/* /Components/Pages/Anmeldungen/AnmeldungenDetailsDialog.razor.rz.scp.css */
.anmeldungen-details-dialog[b-u86bjfkp7a] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.anmeldungen-details-dialog__field[b-u86bjfkp7a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.anmeldungen-details-dialog__field label[b-u86bjfkp7a] {
    font-size: 12px;
    color: #374151;
}
/* /Components/Pages/Anmeldungen/AnmeldungenPage.razor.rz.scp.css */
.anmeldungen-page[b-sfc6n2rx8s] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.anmeldungen-page__error[b-sfc6n2rx8s] {
    margin: 0 0 0.5rem;
    color: var(--gnt-danger, #c62828);
}

.anmeldungen-page__type-cell[b-sfc6n2rx8s] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.anmeldungen-page__type-cell .gnt-gi[b-sfc6n2rx8s] {
    flex: 0 0 16px;
}
/* /Components/Pages/ArticleLists/ArticleListDetailView.razor.rz.scp.css */
/* Full-page detail: flex-fill under CrudDetailShell (same as ArticleDetailView). */
.article-list-detail-view[b-kdt7ca5dxo] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.article-list-detail-view[b-kdt7ca5dxo]  .crud-detail-shell {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

/* Master/detail: editor above positions (desktop ucArticleList layout). */
.article-list-detail-view__split[b-kdt7ca5dxo] {
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.article-list-detail-view__split[b-kdt7ca5dxo]  .master-detail-splitter__inner {
    overflow: hidden;
}

/* Top pane: editor form fills and scrolls inside the tab content. */
.article-list-detail-view__split[b-kdt7ca5dxo]  .master-detail-splitter__pane:first-child .master-detail-splitter__inner {
    display: flex;
    flex-direction: column;
}

.article-list-detail-view__split[b-kdt7ca5dxo]  .master-detail-splitter__pane:first-child .crud-editor-form-host {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
}

/* Bottom pane: positions grid fills remaining splitter space. */
.article-list-detail-view__split[b-kdt7ca5dxo]  .master-detail-splitter__inner--detail {
    display: flex;
    flex-direction: column;
}

.article-list-detail-view__split[b-kdt7ca5dxo]  .master-detail-splitter__inner--detail > .crud-readonly-overview {
    flex: 1 1 0;
    min-height: 0;
}
/* /Components/Pages/ArticleLists/ArticleListDocumentsPanel.razor.rz.scp.css */
.article-list-documents-panel[b-arew825dc5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
}

.article-list-documents-panel__toolbar[b-arew825dc5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.article-list-documents-panel__header[b-arew825dc5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 1.75rem;
}

.article-list-documents-panel__title[b-arew825dc5] {
    flex: 0 0 auto;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gnt-text-primary, #1e293b);
}

.article-list-documents-panel__header-actions[b-arew825dc5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
}

.article-list-documents-panel__hidden-file-input[b-arew825dc5] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.article-list-documents-panel__error[b-arew825dc5] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #f0b3b8;
    background: #fff5f5;
    color: #b42318;
    border-radius: 0.375rem;
}

.article-list-documents-panel__placeholder[b-arew825dc5] {
    padding: 1rem;
    color: var(--gnt-text-muted, #64748b);
}

.article-list-documents-panel[b-arew825dc5]  .dxbl-grid {
    min-height: 12rem;
}

.article-list-documents-panel--compact[b-arew825dc5] {
    min-height: 0;
    gap: 0.25rem;
}

.article-list-documents-panel--compact[b-arew825dc5]  .article-list-documents-panel__compact-grid {
    min-height: 0;
    max-height: 5.25rem;
}

.article-list-documents-panel--compact[b-arew825dc5]  .article-list-documents-panel__compact-grid .dxbl-grid {
    min-height: 0;
    max-height: 5.25rem;
}

.article-list-documents-panel--compact[b-arew825dc5]  .article-list-documents-panel__compact-grid .dxbl-grid-table-wrapper {
    max-height: 5.25rem;
    overflow: auto;
}
/* /Components/Pages/ArticleLists/ArticleListEditorForm.razor.rz.scp.css */
.article-list-editor-form-host[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-list-editor-form[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0.75rem;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-list-editor-form__error[b-qkv38lcq2d] {
    flex: 0 0 auto;
    padding: 0.625rem 0.75rem;
    border: 1px solid #f0b3b8;
    background: #fff5f5;
    color: #b42318;
    border-radius: 0.375rem;
}

.article-list-editor-form__tabs[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__tabs.dxbl-tabs,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__tabs > .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__tabs .dxbl-tabs-content-panel {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__tabs .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem;
}

.article-list-editor-form__general-tab[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

/* Desktop LayoutControl1: left fields (~445px) | right Bild (~348px). */
.article-list-editor-form__general-desktop[b-qkv38lcq2d] {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(16rem, 21.75rem);
    gap: 1rem;
    align-items: stretch;
    min-height: 19rem;
    min-width: 0;
}

.article-list-editor-form__general-left[b-qkv38lcq2d] {
    min-width: 0;
    min-height: 0;
}

.article-list-editor-form__general-right[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.article-list-editor-form__image-caption[b-qkv38lcq2d] {
    flex: 0 0 auto;
    margin-bottom: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gnt-text-primary, #1e293b);
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__general-left .gnt-ccf {
    min-width: 0;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__general-left .gnt-cf-host .dxbl-fl {
    --dxbl-fl-label-width: 5.625rem;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__general-left .gnt-cf-gid-general-fields .dxbl-fl-item {
    margin-bottom: 0.125rem;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__general-left .gnt-cf-slot-item {
    margin-top: 0.125rem;
}

.article-list-editor-form__front-image[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.article-list-editor-form__image-card[b-qkv38lcq2d] {
    flex: 1 1 auto;
    min-height: 16rem;
    border: 1px solid var(--gnt-border-subtle, #d0d7de);
    border-radius: 0.25rem;
    background-color: var(--gnt-surface, #fff);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.article-list-editor-form__image-card--front[b-qkv38lcq2d] {
    min-height: 16rem;
}

.article-list-editor-form__image-card--filled[b-qkv38lcq2d] {
    min-height: 16rem;
}

.article-list-editor-form__image-placeholder[b-qkv38lcq2d] {
    color: var(--gnt-text-muted, #64748b);
    text-align: center;
    padding: 0.75rem;
    font-size: 0.8125rem;
}

.article-list-editor-form__image-actions[b-qkv38lcq2d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    margin-top: 0.35rem;
}

.article-list-editor-form__nc-cam-tab[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

/* Desktop LayoutControl2: left NC fields | tool changer. */
.article-list-editor-form__nc-cam-desktop[b-qkv38lcq2d] {
    --nc-cam-label-width: 12.5rem;
    display: grid;
    grid-template-columns: minmax(34rem, 38%) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: stretch;
    min-height: 20.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.article-list-editor-form__nc-cam-left[b-qkv38lcq2d],
.article-list-editor-form__nc-data[b-qkv38lcq2d] {
    min-width: 0;
    min-height: 0;
}

.article-list-editor-form__nc-cam-right[b-qkv38lcq2d] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-ccf,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-ccf {
    min-width: 0;
    width: 100%;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-host,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-host {
    gap: 0;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-host .dxbl-fl,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-host .dxbl-fl {
    --dxbl-fl-label-width: var(--nc-cam-label-width, 12.5rem);
}

/* Long DE labels (Stücklistenposition, Maschine NC-Dateipfad) — full text, no ellipsis. */
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf .dxbl-fl-item-horizontal > .dxbl-fl-cpt,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf .dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    flex: 0 0 var(--nc-cam-label-width, 12.5rem) !important;
    width: var(--nc-cam-label-width, 12.5rem) !important;
    max-width: var(--nc-cam-label-width, 12.5rem) !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
    text-align: left;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-caption,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-caption {
    white-space: nowrap;
    overflow: visible;
    text-overflow: unset;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .dxbl-fl-item-horizontal > .dxbl-fl-item-content,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .dxbl-fl-item-horizontal > .dxbl-fl-item-content {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-field,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-field {
    width: 100%;
    min-width: 0;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-field .gnt-cf-editor,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-field .dxbl-text-edit,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-field .dxbl-combobox,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-field .gnt-cf-editor,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-field .dxbl-text-edit,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-field .dxbl-combobox {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-gid-nc-cam-fields .dxbl-fl-item,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-gid-nc-cam-fields .dxbl-fl-item {
    margin-bottom: 0.0625rem;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-left .gnt-cf-slot-item,
.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-data .gnt-cf-slot-item {
    margin-top: 0;
    margin-bottom: 0.0625rem;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__nc-cam-right .article-list-tool-changer-grid {
    flex: 1 1 auto;
    min-height: 16rem;
    height: 100%;
}

.article-list-editor-form__nc-field[b-qkv38lcq2d] {
    width: 100%;
    min-width: 0;
}

.article-list-editor-form__nc-field[b-qkv38lcq2d]  .dxbl-text-edit,
.article-list-editor-form__nc-field[b-qkv38lcq2d]  .dxbl-textbox,
.article-list-editor-form__nc-field[b-qkv38lcq2d]  .gnt-cf-editor {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.article-list-editor-form__file-field[b-qkv38lcq2d] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    min-width: 0;
}

.article-list-editor-form__file-field[b-qkv38lcq2d]  .dxbl-text-edit,
.article-list-editor-form__file-field[b-qkv38lcq2d]  .dxbl-textbox {
    flex: 1 1 auto;
    min-width: 0;
}

.article-list-editor-form-host[b-qkv38lcq2d]  .article-list-editor-form__hidden-file-input {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 1100px) {
    .article-list-editor-form__general-desktop[b-qkv38lcq2d] {
        grid-template-columns: 1fr;
    }

    .article-list-editor-form__nc-cam-desktop[b-qkv38lcq2d] {
        grid-template-columns: 1fr;
    }

    .article-list-editor-form__image-card[b-qkv38lcq2d] {
        min-height: 8rem;
        max-height: 12rem;
    }
}
/* /Components/Pages/ArticleLists/ArticleListPositionPickerDialog.razor.rz.scp.css */
.article-list-position-picker[b-4r32flxuoa] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
    gap: 0.75rem;
    height: min(480px, 70vh);
    min-height: 280px;
}

.article-list-position-picker__folders[b-4r32flxuoa],
.article-list-position-picker__articles[b-4r32flxuoa] {
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--gnt-border-subtle, #d0d7de);
    border-radius: 0.375rem;
}

.article-list-position-picker__folders[b-4r32flxuoa] {
    overflow: auto;
}

.article-list-position-picker__footer[b-4r32flxuoa] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

@media (max-width: 900px) {
    .article-list-position-picker[b-4r32flxuoa] {
        grid-template-columns: 1fr;
        height: auto;
    }
}
/* /Components/Pages/ArticleLists/ArticleListPositionsPanel.razor.rz.scp.css */
.article-list-positions-panel__overview[b-2w03l08po3] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.article-list-positions-panel[b-2w03l08po3] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    width: 100%;
}

.article-list-positions-panel[b-2w03l08po3]  .center-crud-toolbar-host {
    flex: 0 0 auto;
    margin-bottom: 0;
    border-bottom: 1px solid var(--gnt-border-subtle, #d0d7de);
    background: var(--gnt-surface-muted, #f6f8fa);
}

.article-list-positions-panel[b-2w03l08po3]  .center-crud-toolbar {
    min-height: 2rem;
    gap: 0.25rem;
}

/* Desktop parity: "Artikel" label and search on one row. */
.article-list-positions-panel[b-2w03l08po3]  .article-list-positions-panel__header-item {
    flex: 1 1 auto;
    min-width: 0;
}

.article-list-positions-panel__header[b-2w03l08po3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
    padding: 0.15rem 0;
}

.article-list-positions-panel__title[b-2w03l08po3] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.article-list-positions-panel__search-wrap[b-2w03l08po3] {
    position: relative;
    flex: 1 1 auto;
    min-width: 8rem;
    max-width: 18rem;
}

.article-list-positions-panel__search-wrap[b-2w03l08po3]::before {
    content: "";
    position: absolute;
    left: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.875rem;
    height: 0.875rem;
    opacity: 0.55;
    pointer-events: none;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.article-list-positions-panel__search-wrap[b-2w03l08po3]  .article-list-positions-panel__search {
    width: 100%;
}

.article-list-positions-panel__search-wrap[b-2w03l08po3]  .article-list-positions-panel__search .dxbl-text-edit-input {
    padding-left: 1.75rem;
}

.article-list-positions-panel__in-maschine[b-2w03l08po3] {
    display: inline-block;
    width: 16px;
    height: 16px;
    opacity: 0.85;
}

.article-list-positions-panel__placeholder[b-2w03l08po3] {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    color: var(--gnt-text-muted, #64748b);
}

.article-list-positions-panel__placeholder--error[b-2w03l08po3] {
    color: var(--gnt-danger-text, #b42318);
    text-align: center;
    white-space: pre-wrap;
}

.article-list-positions-panel[b-2w03l08po3]  .center-crud-page {
    flex: 1 1 0;
    min-height: 0;
}

.article-list-positions-panel[b-2w03l08po3]  .center-crud-grid-wrap {
    flex: 1 1 0;
    min-height: 0;
}
/* /Components/Pages/ArticleLists/ArticleListsPage.razor.rz.scp.css */
.article-lists-page[b-u5wmrzxt08] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
}

.article-lists-split[b-u5wmrzxt08] {
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.article-lists-split[b-u5wmrzxt08]  .master-detail-splitter__inner--detail {
    display: flex;
    flex-direction: column;
}

.article-lists-split[b-u5wmrzxt08]  .master-detail-splitter__inner--detail > .crud-readonly-overview {
    flex: 1 1 0;
    min-height: 0;
}

.article-lists-page__status-cell[b-u5wmrzxt08] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.article-lists-page__checkbox-cell[b-u5wmrzxt08] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.article-lists-page[b-u5wmrzxt08]  .article-lists-page__checkbox-cell .dxbl-checkbox {
    pointer-events: none;
}
/* /Components/Pages/ArticleLists/ArticleListToolChangerGrid.razor.rz.scp.css */
.article-list-tool-changer-grid[b-kx8y8suaqh] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.article-list-tool-changer-grid[b-kx8y8suaqh]  .dxbl-grid {
    flex: 1 1 auto;
    min-height: 0;
}

.article-list-tool-changer-grid[b-kx8y8suaqh]  .article-list-tool-changer-grid__grid {
    min-width: 0;
}

.article-list-tool-changer-grid__placeholder[b-kx8y8suaqh] {
    padding: 0.75rem;
    color: var(--gnt-text-muted, #64748b);
}

.article-list-tool-changer-grid__placeholder--error[b-kx8y8suaqh] {
    color: #b42318;
}
/* /Components/Pages/Articles/Article3DModelPage.razor.rz.scp.css */
/* Thin page wrapper: fills center-shell__main so CrudDetailShell and the
   streaming stage inside it get a definite height. Without this the wrapper is
   a block that shrinks to content and the viewport collapses to a few pixels. */
.article-3d-model-page[b-8idkymldyk] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
/* /Components/Pages/Articles/Article3DViewerPopup.razor.rz.scp.css */
.article-documents-preview__footer[b-eutfvnesyv] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}
/* /Components/Pages/Articles/ArticleAccessoriesTab.razor.rz.scp.css */
/* Accessories list tab (desktop lciZubehör moved out of the master band). */

.article-accessories-tab[b-00bh0ua0u3] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

.article-accessories-tab__surface[b-00bh0ua0u3] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    background: var(--dxds-color-surface, #fff);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.article-accessories-tab[b-00bh0ua0u3]  .center-crud-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0;
}

.article-accessories-tab[b-00bh0ua0u3]  .center-crud-toolbar-host {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.2rem 0.45rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
    background: var(--dxds-color-surface-subtle, #f8fafc);
}

.article-accessories-tab[b-00bh0ua0u3]  .center-crud-toolbar-host .dxbl-toolbar {
    min-height: auto;
    padding: 0;
    background: transparent;
    border: none;
}

.article-accessories-tab[b-00bh0ua0u3]  .center-crud-grid-wrap {
    flex: 1 1 auto;
    min-height: 0;
    border: none;
    border-radius: 0;
}

.article-accessories-tab[b-00bh0ua0u3]  .dxbl-grid-search-box,
.article-accessories-tab[b-00bh0ua0u3]  .gnt-crud-page__search,
.article-accessories-tab[b-00bh0ua0u3]  .dxbl-grid-filter-panel,
.article-accessories-tab[b-00bh0ua0u3]  .dxbl-grid-filter-row,
.article-accessories-tab[b-00bh0ua0u3]  .dxbl-grid-footer {
    display: none !important;
}

.article-accessories-tab .article-editor-embedded-grid__placeholder[b-00bh0ua0u3],
.article-accessories-tab .article-editor-embedded-grid__error[b-00bh0ua0u3] {
    padding: 1rem 0.75rem;
    font-size: 0.8125rem;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-accessories-tab .article-editor-embedded-grid__error[b-00bh0ua0u3] {
    color: var(--dxds-color-danger, #dc2626);
}
/* /Components/Pages/Articles/ArticleBarcodeDefinitionPopup.razor.rz.scp.css */
.article-barcode-definition-popup[b-d4tnt3q092] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.25rem 0.5rem 0.5rem;
}

.article-barcode-definition-popup__loading[b-d4tnt3q092] {
    padding: 1rem;
}

.article-barcode-definition-popup__grid[b-d4tnt3q092] {
    min-height: 12rem;
}

.article-barcode-definition-popup__editor[b-d4tnt3q092] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    padding-top: 0.75rem;
}

.article-barcode-definition-popup__hint[b-d4tnt3q092] {
    font-size: 0.9rem;
}

.article-barcode-definition-popup__scan[b-d4tnt3q092] {
    width: 100%;
    min-height: 4.5rem;
    font-family: inherit;
    padding: 0.5rem;
    resize: vertical;
}

.article-barcode-definition-popup__range[b-d4tnt3q092],
.article-barcode-definition-popup__selected[b-d4tnt3q092] {
    font-size: 0.85rem;
    color: var(--bs-secondary-color, #6c757d);
}

.article-barcode-definition-popup__actions[b-d4tnt3q092] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
/* /Components/Pages/Articles/ArticleBomTab.razor.rz.scp.css */
.article-bom-tab[b-8osqwcwg3d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 0.55rem;
    padding: 0.15rem 0.1rem 0.35rem;
    box-sizing: border-box;
    overflow: hidden;
}

.article-bom-tab--pane[b-8osqwcwg3d] {
    min-height: 18rem;
}

.article-bom-tab__placeholder[b-8osqwcwg3d] {
    padding: 1rem;
    color: var(--dxds-color-text-secondary, #64748b);
    font-size: 0.8125rem;
}

/* Child grids are a separate component — pierce isolation so they fill 50/50. */
.article-bom-tab[b-8osqwcwg3d]  .article-bom-tab__section {
    flex: 1 1 50%;
    min-height: 0;
}
/* /Components/Pages/Articles/ArticleCamTab.razor.rz.scp.css */
.article-cam-tab[b-gwt6hl4jdt] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    gap: 0.5rem;
}

.article-cam-tab--pane[b-gwt6hl4jdt] {
    height: 100%;
}

.article-cam-tab__chrome[b-gwt6hl4jdt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    flex: 0 0 auto;
}

.article-cam-tab__class-filter[b-gwt6hl4jdt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 18rem;
}

.article-cam-tab__class-label[b-gwt6hl4jdt] {
    flex: 0 0 auto;
    font-size: 0.875rem;
    white-space: nowrap;
}

.article-cam-tab__class-combo[b-gwt6hl4jdt] {
    flex: 1 1 auto;
    min-width: 12rem;
    max-width: 36rem;
}

.article-cam-tab__banner[b-gwt6hl4jdt] {
    flex: 0 0 auto;
    white-space: pre-wrap;
    font-size: 0.8125rem;
    padding: 0.5rem 0.65rem;
    border-radius: 0.25rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #ced4da);
}

.article-cam-tab__grid-host[b-gwt6hl4jdt] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-cam-tab__value-cell[b-gwt6hl4jdt] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    width: 100%;
}

.article-cam-tab__auto-icon[b-gwt6hl4jdt] {
    flex: 0 0 auto;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--bs-border-color, #ced4da);
}

.article-cam-tab__auto-icon--robot[b-gwt6hl4jdt] {
    background: linear-gradient(135deg, #4dabf7, #228be6);
}

.article-cam-tab__auto-icon--mapped[b-gwt6hl4jdt] {
    background: linear-gradient(135deg, #94d82d, #66a80f);
}
/* /Components/Pages/Articles/ArticleCuttingDataTab.razor.rz.scp.css */
.article-cutting-data-tab__type-icon[b-4y43ce0k18] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.article-cutting-data-tab__lookup-editor[b-4y43ce0k18] {
    display: block;
    width: 100%;
    min-width: 0;
}

.article-cutting-data-tab__lookup-editor[b-4y43ce0k18]  .article-cutting-data-tab__lookup-combo,
.article-cutting-data-tab__lookup-editor[b-4y43ce0k18]  .dxbl-combo-box {
    width: 100%;
}
/* /Components/Pages/Articles/ArticleDetailsTab.razor.rz.scp.css */
/* Compact read-only article details — dense three-column card layout. */

.article-details-tab[b-8i88vcijbn] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-details[b-8i88vcijbn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.45rem 0.55rem 0.55rem;
    overflow: auto;
    align-content: start;
    box-sizing: border-box;
}

.article-details__column[b-8i88vcijbn] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.detail-card[b-8i88vcijbn] {
    border: 1px solid var(--dxds-color-border, #e5e7eb);
    border-radius: 6px;
    background: var(--dxds-color-surface, #fff);
    overflow: hidden;
}

.detail-card__title[b-8i88vcijbn] {
    margin: 0;
    padding: 0.3rem 0.55rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--dxds-color-text-secondary, #6b7280);
    background: var(--dxds-color-surface-subtle, #f9fafb);
    border-bottom: 1px solid var(--dxds-color-border, #e5e7eb);
}

.detail-card__body[b-8i88vcijbn] {
    padding: 0.4rem 0.55rem 0.45rem;
}

.detail-card__body--with-image[b-8i88vcijbn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 14.5rem;
    gap: 0.55rem;
    align-items: start;
}

.detail-fields[b-8i88vcijbn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 0.55rem;
    margin: 0;
}

.detail-fields--wide[b-8i88vcijbn] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-field[b-8i88vcijbn] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 0;
    margin: 0;
}

.detail-field--wide[b-8i88vcijbn] {
    grid-column: 1 / -1;
}

.detail-field__label[b-8i88vcijbn] {
    margin: 0;
    font-size: 0.6875rem;
    line-height: 1.25;
    color: var(--dxds-color-text-secondary, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-field__value[b-8i88vcijbn] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.35;
    font-weight: 500;
    color: var(--dxds-color-text-primary, #111827);
    word-break: break-word;
}

.detail-field__value--stock-low[b-8i88vcijbn] {
    color: #dc2626;
}

.detail-field__value--stock-high[b-8i88vcijbn] {
    color: #16a34a;
}

.detail-field__value--stock-equal[b-8i88vcijbn] {
    color: #ca8a04;
}

.article-details-tab__attr-grid[b-8i88vcijbn] {
    min-height: 6rem;
    max-height: 12rem;
}

.article-details-tab__attr-grid[b-8i88vcijbn]  .dxbl-grid {
    font-size: 0.75rem;
}

@media (max-width: 1100px) {
    .article-details[b-8i88vcijbn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .article-details[b-8i88vcijbn] {
        grid-template-columns: 1fr;
    }

    .detail-fields[b-8i88vcijbn],
    .detail-fields--wide[b-8i88vcijbn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Articles/ArticleDetailView.razor.rz.scp.css */
/* Thin page wrapper: fills the module host. Editor stretch comes from
   CrudDetailShell via .crud-editor-form-host — same pattern as UserDetailView. */
.article-detail-view[b-b2vwp0plcd] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
/* /Components/Pages/Articles/ArticleDocumentPreviewShell.razor.rz.scp.css */
.article-documents-preview[b-ekpgybmys8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 0.25rem;
}

.article-documents-preview--popup-layout[b-ekpgybmys8] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.article-documents-preview__image-wrap[b-ekpgybmys8] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.article-documents-preview__image[b-ekpgybmys8],
.article-documents-preview__thumb[b-ekpgybmys8] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.article-documents-preview__frame[b-ekpgybmys8] {
    width: 100%;
    height: 70vh;
    min-height: 28rem;
    border: 0;
    background: #525659;
}

.article-documents-preview--popup-layout .article-documents-preview__frame[b-ekpgybmys8] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.article-documents-preview__text[b-ekpgybmys8] {
    width: 100%;
    max-height: 60vh;
    margin: 0;
    padding: 0.75rem;
    overflow: auto;
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
}

.article-documents-preview--popup-layout .article-documents-preview__text[b-ekpgybmys8] {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
}

.article-documents-preview__fallback[b-ekpgybmys8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    color: #64748b;
    text-align: center;
}

.article-documents-preview__fallback .gnt-gi[b-ekpgybmys8] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.55;
}

.article-documents-preview__fallback--below[b-ekpgybmys8] {
    margin-top: 0.75rem;
    font-size: 0.875rem;
}

.article-documents-preview__footer[b-ekpgybmys8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}
/* /Components/Pages/Articles/ArticleDocumentsTab.razor.rz.scp.css */
/* Scoped styles for ArticleDocumentsTab. Use ::deep for InputFile (child component). */

.article-documents-tab[b-ccn736cqj7] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

.article-documents-tab--pane[b-ccn736cqj7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.article-documents-tab__surface[b-ccn736cqj7] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    background: var(--dxds-color-surface, #fff);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* Completely hide the native file picker; open via JS click. */
.article-documents-tab__file-host[b-ccn736cqj7] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap;
}

.article-documents-tab__file-host[b-ccn736cqj7]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.article-documents-tab__chrome[b-ccn736cqj7],
.article-documents-tab__toolbar-host[b-ccn736cqj7] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    padding: 0.2rem 0.45rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
    background: var(--dxds-color-surface-subtle, #f8fafc);
}

.article-documents-tab__toolbar-host[b-ccn736cqj7]  .dxbl-toolbar {
    min-height: auto;
    padding: 0;
    background: transparent;
    border: none;
}

.article-documents-tab__toolbar[b-ccn736cqj7] {
    width: 100%;
}

.article-documents-tab__error[b-ccn736cqj7] {
    flex: 0 0 auto;
    font-size: 0.8125rem;
    color: var(--dxds-color-danger, #dc2626);
    padding: 0.45rem 0.65rem;
    border-radius: 6px;
    background: #fef2f2;
}

.article-documents-tab__placeholder[b-ccn736cqj7] {
    font-size: 0.8125rem;
    color: var(--dxds-color-text-secondary, #64748b);
    padding: 1rem 0.25rem;
}

.article-documents-gallery[b-ccn736cqj7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, 13.75rem);
    grid-auto-rows: min-content;
    gap: 0.75rem;
    align-content: start;
    justify-content: start;
    padding: 0.65rem 0.75rem 0.75rem;
    border: none;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
}

.article-documents-gallery--busy[b-ccn736cqj7] {
    opacity: 0.7;
    pointer-events: none;
}

.article-documents-tab__empty[b-ccn736cqj7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex: 1 1 auto;
    min-height: 10rem;
    text-align: center;
}

.article-documents-tab__empty-drop[b-ccn736cqj7] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    min-height: 12rem;
    margin: 0;
    padding: 1.5rem 1rem;
    border: 1.5px dashed var(--dxds-color-border, #cbd5e1);
    border-radius: 8px;
    background: #f8fafc;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-align: center;
}

.article-documents-tab__empty-drop:hover:not(:disabled)[b-ccn736cqj7] {
    border-color: var(--dxds-color-primary, #b70e0c);
    background: #fff5f5;
}

.article-documents-tab__empty-drop:disabled[b-ccn736cqj7] {
    cursor: default;
    opacity: 0.85;
}

.article-documents-tab__empty-icon[b-ccn736cqj7] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    opacity: 0.5;
}

.article-documents-tab__empty-title[b-ccn736cqj7] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--dxds-color-text, #0f172a);
}

.article-documents-tab__empty-hint[b-ccn736cqj7] {
    margin: 0;
    max-width: 26rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--dxds-color-text-secondary, #64748b);
}

/* Desktop UcMedia tile ~220×250 with square preview */
.article-documents-tile[b-ccn736cqj7] {
    display: flex;
    flex-direction: column;
    width: 13.75rem;
    height: 15.625rem;
    box-sizing: border-box;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    padding: 0.45rem 0.5rem 0.4rem;
    cursor: pointer;
    outline: none;
    overflow: hidden;
}

.article-documents-tile:hover[b-ccn736cqj7] {
    border-color: #94a3b8;
}

.article-documents-tile--selected[b-ccn736cqj7],
.article-documents-tile:focus-visible[b-ccn736cqj7] {
    border-color: var(--dxds-color-primary, #b70e0c);
    box-shadow: 0 0 0 1px var(--dxds-color-primary, #b70e0c);
}

.article-documents-tile__header[b-ccn736cqj7] {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr) 1.4rem;
    gap: 0.35rem;
    align-items: start;
    flex: 0 0 auto;
}

.article-documents-tile__type[b-ccn736cqj7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 4px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #fff;
    background: #64748b;
}

.article-documents-tile__type--pdf[b-ccn736cqj7] { background: #dc2626; }
.article-documents-tile__type--doc[b-ccn736cqj7] { background: #2563eb; }
.article-documents-tile__type--sheet[b-ccn736cqj7] { background: #059669; }
.article-documents-tile__type--image[b-ccn736cqj7] { background: #7c3aed; }
.article-documents-tile__type--archive[b-ccn736cqj7] { background: #b45309; }
.article-documents-tile__type--cad[b-ccn736cqj7] { background: #0f766e; }
.article-documents-tile__type--file[b-ccn736cqj7] { background: #64748b; }

.article-documents-tile__caption[b-ccn736cqj7] {
    min-width: 0;
}

.article-documents-tile__name[b-ccn736cqj7] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-documents-tile__size[b-ccn736cqj7] {
    font-size: 0.6875rem;
    color: #64748b;
    margin-top: 0.1rem;
}

.article-documents-tile__more[b-ccn736cqj7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #64748b;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.article-documents-tile__more:hover[b-ccn736cqj7] {
    background: #f1f5f9;
    color: #0f172a;
}

.article-documents-tile__preview[b-ccn736cqj7] {
    flex: 0 0 10.5rem;
    align-self: center;
    width: 10.5rem;
    height: 10.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.35rem 0 0.3rem;
    border-radius: 2px;
    background: #f8fafc;
    overflow: hidden;
}

.article-documents-tile__preview img[b-ccn736cqj7] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.article-documents-tile__fallback[b-ccn736cqj7] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.4;
}

.article-documents-tile__tags[b-ccn736cqj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    min-height: 1.1rem;
    max-height: 2.2rem;
    overflow: hidden;
    align-items: center;
    flex: 0 0 auto;
}

.article-documents-tile__tag[b-ccn736cqj7] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.05rem 0.35rem;
    border-radius: 3px;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #475569;
    color: #fff;
}

.article-documents-preview[b-ccn736cqj7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 0.5rem;
}

.article-documents-preview img[b-ccn736cqj7] {
    max-width: 100%;
    max-height: 60vh;
    object-fit: contain;
}

.article-documents-preview__fallback[b-ccn736cqj7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: #64748b;
    text-align: center;
}

.article-documents-preview__fallback .gnt-gi[b-ccn736cqj7] {
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.55;
}

.article-documents-preview__meta[b-ccn736cqj7] {
    font-size: 0.8125rem;
}

.article-documents-preview__footer[b-ccn736cqj7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.article-documents-tags-editor[b-ccn736cqj7] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    max-height: 18rem;
    overflow: auto;
}

.article-documents-tags-editor__row[b-ccn736cqj7] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    cursor: pointer;
}
/* /Components/Pages/Articles/ArticleEditorForm.razor.rz.scp.css */
/* Article editor — compact General band (row 1) + detail tabs (row 2 fills remaining height). */

.article-editor-form-host[b-3lsr935f7g] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding-bottom: 0;
    overflow: hidden;
}

.article-editor-form-host[b-3lsr935f7g]  .gnt-cf-host,
.article-editor-form-host[b-3lsr935f7g]  .gnt-cf {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0 0.85rem 0;
    box-sizing: border-box;
}

.article-editor-form-host[b-3lsr935f7g]  .gnt-ccf {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
}

/* Root packs General + tabs into one .dxbl-row — stack and fill the shell. */
.article-editor-form-host[b-3lsr935f7g]  .gnt-cf > .dxbl-row {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-height: 0;
    height: 100%;
}

.article-editor-form-host[b-3lsr935f7g]  #master-data-row {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.85rem 1rem 0.75rem;
    margin-bottom: 0.35rem;
    background: var(--dxds-color-surface-subtle, #f8fafc);
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    flex: 0 0 auto !important;
    min-height: 0;
    width: 100%;
}

.article-editor-form-host[b-3lsr935f7g]  #master-data-row .dxbl-fl-group-header {
    display: none;
}

.article-editor-form-host[b-3lsr935f7g]  #master-data-row .dxbl-fl-group-body {
    padding: 0;
    gap: 0.75rem;
}

/* Neutralise tab-slot card chrome inside the master band. */
.article-editor-form-host[b-3lsr935f7g]  #master-data-row .gnt-cf-slot {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    min-height: 0;
}

/* ---- Top band: fields + compact barcode ---- */

.article-editor-form-host[b-3lsr935f7g]  #master-data-top > .dxbl-fl-group-body {
    padding: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #master-data-top > .dxbl-fl-group-body > .dxbl-row {
    display: grid !important;
    grid-template-columns: minmax(0, 2.6fr) minmax(9rem, 1fr);
    gap: 0.85rem 1.15rem;
    margin: 0;
    align-items: start;
}

.article-editor-form-host[b-3lsr935f7g]  #master-data-top > .dxbl-fl-group-body > .dxbl-row > * {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0;
    padding-inline: 0;
}

/* Identity fields */
.article-editor-form-host[b-3lsr935f7g]  #master-data-main {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    margin: 0;
    background: var(--dxds-color-surface, #fff);
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    height: 100%;
    box-sizing: border-box;
}

.article-editor-form-host[b-3lsr935f7g]  #master-data-main > .dxbl-fl-group-body {
    gap: 0.85rem;
}

.article-editor-form-host[b-3lsr935f7g]  #general-identity .dxbl-fl-group-body {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    align-content: start;
}

.article-editor-form-host[b-3lsr935f7g]  #general-identity > .dxbl-fl-group {
    display: contents;
}

/* Two-column identity band — narrower editors, room for full captions */
.article-editor-form-host[b-3lsr935f7g]  #identity-cols > .dxbl-fl-group-body {
    padding: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #identity-cols > .dxbl-fl-group-body > .dxbl-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1.25rem;
    margin: 0;
    align-items: start;
}

.article-editor-form-host[b-3lsr935f7g]  #identity-cols > .dxbl-fl-group-body > .dxbl-row > * {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0;
    padding-inline: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #identity-col-left > .dxbl-fl-group-body,
.article-editor-form-host[b-3lsr935f7g]  #identity-col-right > .dxbl-fl-group-body {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #identity-col-left .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #identity-col-right .dxbl-fl-item {
    min-width: 0;
    width: 100%;
}

.article-editor-form-host[b-3lsr935f7g]  #general-identity .dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    flex: 0 0 10.5rem !important;
    width: 10.5rem !important;
    max-width: 10.5rem !important;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.25;
    align-self: start;
    padding-top: 0.2rem;
}

.article-editor-form-host[b-3lsr935f7g]  #general-identity .gnt-cf-field,
.article-editor-form-host[b-3lsr935f7g]  #general-identity .dxbl-text-edit,
.article-editor-form-host[b-3lsr935f7g]  #general-identity .dxbl-combo-box,
.article-editor-form-host[b-3lsr935f7g]  #general-identity .dxbl-memo,
.article-editor-form-host[b-3lsr935f7g]  #general-identity .dxbl-spin-edit {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.article-editor-form-host[b-3lsr935f7g]  #general-identity .dxbl-fl-item {
    min-width: 0;
}

/* Dimensions + price — two rows of two columns */
.article-editor-form-host[b-3lsr935f7g]  #general-specs-size > .dxbl-fl-group-body,
.article-editor-form-host[b-3lsr935f7g]  #general-specs-price > .dxbl-fl-group-body {
    padding: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #general-specs-size > .dxbl-fl-group-body > .dxbl-row,
.article-editor-form-host[b-3lsr935f7g]  #general-specs-price > .dxbl-fl-group-body > .dxbl-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1.25rem;
    margin: 0;
    align-items: start;
}

.article-editor-form-host[b-3lsr935f7g]  #general-specs-size > .dxbl-fl-group-body > .dxbl-row > *,
.article-editor-form-host[b-3lsr935f7g]  #general-specs-price > .dxbl-fl-group-body > .dxbl-row > * {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0;
    padding-inline: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #general-specs-size .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #general-specs-price .dxbl-fl-item {
    min-width: 0;
}

/* Compact barcode column */
.article-editor-form-host[b-3lsr935f7g]  #general-barcode {
    flex: 0 0 auto;
    min-width: 0;
    max-width: 12rem;
    justify-self: end;
    padding: 0.35rem 0.5rem;
    background: var(--dxds-color-surface, #fff);
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    box-sizing: border-box;
}

.article-editor-form-host[b-3lsr935f7g]  #general-barcode .dxbl-fl-group-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* ---- Detail tabs (row 2) — fill remaining height; no outer card chrome ---- */

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 0 !important;
    min-height: 12rem;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    align-self: stretch;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs > .dxbl-fl-group-body,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs > .dxbl-fl-group-body,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-tabs,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-tabs-content-panel,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-tabs-content-panel {
    flex: 1 1 auto;
    min-height: 0;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
    overflow: auto;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-tabs-tablist,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-tabs-tablist {
    gap: 0.15rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
    padding: 0.35rem 0.65rem 0;
    background: var(--dxds-color-surface-subtle, #f8fafc);
    flex: 0 0 auto;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-tabs-tab,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-tabs-tab {
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.45rem 0.75rem;
    border-radius: 6px 6px 0 0;
    color: var(--dxds-color-text-secondary, #64748b);
    transition: color 120ms ease, background-color 120ms ease;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-tabs-tab.dxbl-active,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-tabs-tab.dxbl-active {
    color: var(--dxds-color-primary, #b70e0c);
    font-weight: 600;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-tabs-content.dxbl-active,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-tabs-content.dxbl-active,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-fl-tab-content,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-fl-tab-content {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0.35rem 0 0.5rem;
    overflow: hidden;
    box-sizing: border-box;
}

/* Slot tabs wrap content in .gnt-cf-slot — drop the nested card chrome. */
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .gnt-cf-slot {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
    overflow: hidden;
}

/* Scalar tab bands (Measuring, Loan / other, etc.) */
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs .dxbl-fl-tab-content .dxbl-fl-group,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs .dxbl-fl-tab-content .dxbl-fl-group {
    padding-bottom: 0.5rem;
}

/* ---- Dispensation tab: two-column card layout ---- */

.article-editor-form-host[b-3lsr935f7g]  #tab-ausgabe {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: auto;
}

.article-editor-form-host[b-3lsr935f7g]  #tab-ausgabe > .dxbl-fl-group-body {
    padding: 0.35rem 0.15rem 0.75rem;
    overflow: visible;
    height: auto;
}

.article-editor-form-host[b-3lsr935f7g]  #ausgabe-columns,
.article-editor-form-host[b-3lsr935f7g]  #ausgabe-left,
.article-editor-form-host[b-3lsr935f7g]  #ausgabe-right {
    overflow: visible;
    height: auto;
}

.article-editor-form-host[b-3lsr935f7g]  #ausgabe-columns > .dxbl-fl-group-body > .dxbl-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(14rem, 1fr);
    gap: 0.85rem 1.1rem;
    margin: 0;
    align-items: start;
}

.article-editor-form-host[b-3lsr935f7g]  #ausgabe-columns > .dxbl-fl-group-body > .dxbl-row > * {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0;
    padding-inline: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #ausgabe-left,
.article-editor-form-host[b-3lsr935f7g]  #ausgabe-right {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-quantity,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-limits,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-labels,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options {
    margin: 0;
    padding: 0.85rem 1rem 1rem;
    background: var(--dxds-color-surface, #fff);
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    box-sizing: border-box;
    overflow: visible;
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-quantity > .dxbl-fl-group-header,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-limits > .dxbl-fl-group-header,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-labels > .dxbl-fl-group-header,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options > .dxbl-fl-group-header {
    margin: 0 0 0.65rem;
    padding: 0 0 0.45rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-quantity > .dxbl-fl-group-header .dxbl-fl-group-caption,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-limits > .dxbl-fl-group-header .dxbl-fl-group-caption,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-labels > .dxbl-fl-group-header .dxbl-fl-group-caption,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options > .dxbl-fl-group-header .dxbl-fl-group-caption {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-quantity > .dxbl-fl-group-body,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-limits > .dxbl-fl-group-body,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-labels > .dxbl-fl-group-body,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options > .dxbl-fl-group-body {
    padding: 0;
    gap: 0.7rem;
    overflow: visible;
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options .dxbl-fl-item {
    min-height: 1.85rem;
    justify-content: flex-start !important;
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options .dxbl-fl-item > .dxbl-fl-ctrl,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options .gnt-cf-field {
    display: flex;
    justify-content: flex-start;
    max-width: none;
    width: 100%;
    min-width: 0;
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options .dxbl-checkbox {
    display: inline-flex !important;
    justify-content: flex-start;
    gap: 0.5rem;
    max-width: none;
    width: auto;
    max-width: 100%;
    white-space: normal;
}

.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options .dxbl-checkbox .dxbl-text,
.article-editor-form-host[b-3lsr935f7g]  #sec-ausgabe-options .dxbl-checkbox span {
    white-space: normal !important;
    text-overflow: unset !important;
    overflow: visible !important;
    line-height: 1.35;
    text-align: left;
}

/* Keep editors readable; checkboxes need full width for long captions. */
.article-editor-form-host[b-3lsr935f7g]  #tab-ausgabe .dxbl-fl-ctrl:not(:has(.dxbl-checkbox)) {
    max-width: 22rem;
}

.article-editor-form-host[b-3lsr935f7g]  #tab-ausgabe .dxbl-fl-item:has(.dxbl-checkbox) {
    min-height: 1.75rem;
}

.article-editor-form-host[b-3lsr935f7g]  #tab-ausgabe .dxbl-checkbox {
    max-width: none;
    width: auto;
}

/* Slot tabs (documents, BOM, storage, …) fill the tab body */
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-bom,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-bom,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-documents,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-documents,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-storage-locations,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-storage-locations {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-bom > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-bom > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-bom .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-bom .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-documents > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-documents > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-documents .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-documents .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-storage-locations > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-storage-locations > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-storage-locations .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-storage-locations .gnt-cf-slot {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-bom .article-bom-tab,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-bom .article-bom-tab,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-storage-locations .article-storage-tab,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-storage-locations .article-storage-tab,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-documents .article-documents-tab,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-documents .article-documents-tab {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

/* Accessories band: own section below master data, above detail tabs. */
.article-editor-form-host[b-3lsr935f7g]  #accessories-band {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    min-height: 9.5rem;
    max-height: 13.5rem;
    overflow: hidden !important;
    margin: 0.4rem 0 0.55rem;
    padding: 0 !important;
    background: var(--dxds-color-surface, #fff);
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    box-sizing: border-box;
}

.article-editor-form-host[b-3lsr935f7g]  #accessories-band > .dxbl-fl-group-header {
    margin: 0;
    padding: 0.45rem 0.85rem 0.35rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
    background: var(--dxds-color-surface-subtle, #f8fafc);
    border-radius: 10px 10px 0 0;
}

.article-editor-form-host[b-3lsr935f7g]  #accessories-band > .dxbl-fl-group-header .dxbl-fl-group-caption {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-editor-form-host[b-3lsr935f7g]  #accessories-band > .dxbl-fl-group-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.article-editor-form-host[b-3lsr935f7g]  #accessories-band .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #accessories-band .article-accessories-tab,
.article-editor-form-host[b-3lsr935f7g]  #accessories-band .article-accessories-tab__surface {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ---- Loan / other tab: custom slot fills tab and scrolls itself ---- */

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-verleihung,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-verleihung {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-verleihung > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-verleihung > .dxbl-fl-item,
.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-verleihung .gnt-cf-slot,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-verleihung .gnt-cf-slot {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.article-editor-form-host[b-3lsr935f7g]  #editor-tabs #tab-verleihung .article-loan-other-tab,
.article-editor-form-host[b-3lsr935f7g]  #detail-tabs #tab-verleihung .article-loan-other-tab {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

/* Responsive */

@media (max-width: 1100px) {
    .article-editor-form-host[b-3lsr935f7g]  #master-data-top > .dxbl-fl-group-body > .dxbl-row {
        grid-template-columns: 1fr;
    }

    .article-editor-form-host[b-3lsr935f7g]  #identity-cols > .dxbl-fl-group-body > .dxbl-row {
        grid-template-columns: 1fr;
    }

    .article-editor-form-host[b-3lsr935f7g]  #ausgabe-columns > .dxbl-fl-group-body > .dxbl-row {
        grid-template-columns: 1fr;
    }

    .article-editor-form-host[b-3lsr935f7g]  #general-barcode {
        max-width: none;
        justify-self: stretch;
    }

    .article-editor-form-host[b-3lsr935f7g]  #general-specs-size > .dxbl-fl-group-body > .dxbl-row,
    .article-editor-form-host[b-3lsr935f7g]  #general-specs-price > .dxbl-fl-group-body > .dxbl-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .article-editor-form-host[b-3lsr935f7g]  #identity-cols > .dxbl-fl-group-body > .dxbl-row {
        grid-template-columns: 1fr;
    }

    .article-editor-form-host[b-3lsr935f7g]  #general-specs-size > .dxbl-fl-group-body > .dxbl-row,
    .article-editor-form-host[b-3lsr935f7g]  #general-specs-price > .dxbl-fl-group-body > .dxbl-row {
        grid-template-columns: 1fr;
    }
}

/* Embedded files / accessories grids */

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 0;
    height: 100%;
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 1.75rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__title {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__action {
    position: relative;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__file-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.55rem;
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dxds-color-primary, #b70e0c);
    background: transparent;
    border: 1px solid transparent;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__action:hover .article-editor-embedded-grid__action-btn {
    background: var(--dxds-color-surface-subtle, #f1f5f9);
    border-color: var(--dxds-color-border, #e2e8f0);
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__placeholder,
.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__error {
    font-size: 0.8125rem;
    color: var(--dxds-color-text-secondary, #64748b);
    padding: 0.5rem 0;
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid__error {
    color: var(--dxds-color-danger, #dc2626);
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .center-crud-page {
    min-height: 0;
    flex: 1 1 auto;
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .center-crud-toolbar-host,
.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .dxbl-grid-search-box,
.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .gnt-crud-page__search,
.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .dxbl-grid-filter-panel,
.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .dxbl-grid-filter-row,
.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .dxbl-grid-footer {
    display: none !important;
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .center-crud-grid-wrap {
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 6px;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 6.5rem;
}


.article-editor-form-host[b-3lsr935f7g]  .article-editor-embedded-grid .dxbl-grid-header {
    font-size: 0.75rem;
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-status {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 2px;
    background-color: var(--dxds-color-border, #d1d5db);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-status--active {
    background-color: #f59e0b;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h12v10H2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h12v10H2z'/%3E%3C/svg%3E");
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-status--inactive {
    background-color: #9ca3af;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h12v10H2zm2 2v6h8V5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h12v10H2zm2 2v6h8V5z'/%3E%3C/svg%3E");
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-status--cancelled {
    background-color: #ef4444;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h12v10H2zM5 6l6 4M11 6l-6 4'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 3h12v10H2zM5 6l6 4M11 6l-6 4'/%3E%3C/svg%3E");
}

.article-editor-form-host[b-3lsr935f7g]  .article-editor-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    padding: 1.5rem;
    color: var(--dxds-color-text-secondary, #64748b);
    font-style: italic;
    text-align: center;
}

/* Documents tab (UcMedia gallery) — host ::deep so tiles render inside form slots. */
.article-editor-form-host[b-3lsr935f7g]  .article-documents-tab {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    height: 100%;
    width: 100%;
    padding: 0;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tab__file-host {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tab__file-host input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tab__chrome {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tab__surface {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-gallery {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 13.75rem);
    gap: 0.75rem;
    align-content: start;
    justify-content: start;
    padding: 0.65rem 0.75rem 0.75rem;
    border: none;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile {
    display: flex !important;
    flex-direction: column;
    width: 13.75rem;
    height: 15.625rem;
    box-sizing: border-box;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    padding: 0.45rem 0.5rem 0.4rem;
    overflow: hidden;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile--selected {
    border-color: var(--dxds-color-primary, #b70e0c);
    box-shadow: 0 0 0 1px var(--dxds-color-primary, #b70e0c);
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__header {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr) 1.4rem;
    gap: 0.35rem;
    align-items: start;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 4px;
    font-size: 0.625rem;
    font-weight: 700;
    color: #fff;
    background: #64748b;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__type--pdf { background: #dc2626; }
.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__type--doc { background: #2563eb; }
.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__type--sheet { background: #059669; }
.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__type--image { background: #7c3aed; }
.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__type--archive { background: #b45309; }
.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__type--cad { background: #0f766e; }

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__name {
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__size {
    font-size: 0.6875rem;
    color: #64748b;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__preview {
    flex: 0 0 10.5rem;
    align-self: center;
    width: 10.5rem;
    height: 10.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.35rem 0 0.3rem;
    background: #f8fafc;
    overflow: hidden;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tile__preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.article-editor-form-host[b-3lsr935f7g]  .article-documents-tab__empty-drop {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 12rem;
    width: 100%;
    border: 1.5px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    cursor: pointer;
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-sammler {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-sammler__search {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-sammler__search-input {
    flex: 1 1 auto;
    min-width: 0;
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-sammler__search-grid {
    max-height: 9rem;
}

.article-editor-form-host[b-3lsr935f7g]  .article-accessory-sammler__grid {
    min-height: 12rem;
}

.article-editor-form-host__error[b-3lsr935f7g] {
    margin: 0 0 0.65rem;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid var(--dxds-color-danger, #b70e0c);
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 0.8125rem;
    border-radius: 0 6px 6px 0;
}
/* /Components/Pages/Articles/ArticleGeneralBarcodePanel.razor.rz.scp.css */
.article-general-barcode[b-izu0sqgv97] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    height: 100%;
    padding: 0.25rem 0;
    text-align: center;
}

.article-general-barcode__image[b-izu0sqgv97] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.35rem 0.5rem;
    background: var(--dxds-color-surface-subtle, #f8fafc);
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 6px;
}

.article-general-barcode__image svg[b-izu0sqgv97] {
    width: 100%;
    max-width: 6.5rem;
    height: auto;
    max-height: 2.25rem;
}

.article-general-barcode__text[b-izu0sqgv97] {
    font-size: 0.6875rem;
    line-height: 1.35;
    color: var(--dxds-color-text-primary, #0f172a);
    white-space: pre-line;
    word-break: break-word;
    width: 100%;
}

.article-general-barcode__designation[b-izu0sqgv97] {
    font-weight: 600;
    color: var(--dxds-color-text-primary, #0f172a);
}

.article-general-barcode__secondary[b-izu0sqgv97] {
    color: var(--dxds-color-text-secondary, #64748b);
    margin-top: 0.2rem;
    font-size: 0.625rem;
}
/* /Components/Pages/Articles/ArticleList.razor.rz.scp.css */
/*
 * Article list page layout. Pane flex chain for the vertical splitter lives in
 * MasterDetailSplitter.razor.css; .articles-split is passed as CssClass.
 */

.articles-page[b-4xunvyhg80] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.articles-split[b-4xunvyhg80] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

/* Overview tab strip fills the detail pane height. */
.article-detail-panel[b-4xunvyhg80]  .article-overview-form-host .gnt-cf > .dxbl-row > .gnt-cf-tabs {
    flex: 1 1 0;
    min-height: 8rem;
    width: 100%;
}

.article-detail-panel[b-4xunvyhg80]  .article-statistics-tab__content,
.article-detail-panel[b-4xunvyhg80]  .article-statistics-tab__chart-area,
.article-detail-panel[b-4xunvyhg80]  .article-protocol-tab__content,
.article-detail-panel[b-4xunvyhg80]  .article-protocol-tab__grid-host {
    min-height: 0;
    height: 100%;
}

.article-status-cell[b-4xunvyhg80] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
}

.article-status-cell--icon[b-4xunvyhg80] {
    justify-content: center;
}

.visually-hidden[b-4xunvyhg80] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.article-status-cell .gnt-gi[b-4xunvyhg80] {
    flex: 0 0 auto;
}

.article-status-cell__label[b-4xunvyhg80] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-list-stock-cell[b-4xunvyhg80] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.article-list-stock-cell--above[b-4xunvyhg80],
.article-list-stock-cell--above .article-list-stock-cell__value[b-4xunvyhg80] {
    color: #008000;
}

.article-list-stock-cell--equal[b-4xunvyhg80],
.article-list-stock-cell--equal .article-list-stock-cell__value[b-4xunvyhg80] {
    color: #daa520;
}

.article-list-stock-cell--below[b-4xunvyhg80],
.article-list-stock-cell--below .article-list-stock-cell__value[b-4xunvyhg80] {
    color: #ff0000;
}

.measuring-cell[b-4xunvyhg80] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.measuring-cell .gnt-gi[b-4xunvyhg80] {
    width: 16px;
    height: 16px;
}

.articles-page[b-4xunvyhg80]  .article-list-thumb {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    object-fit: contain;
    background: #fff;
}

.articles-page__error[b-4xunvyhg80] {
    flex: 0 0 auto;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: #fef2f2;
    color: #991b1b;
}
/* /Components/Pages/Articles/ArticleListsTab.razor.rz.scp.css */
.article-lists-tab__placeholder[b-cena4787fj] {
    padding: 1rem;
    color: var(--bs-secondary-color);
}

.article-lists-tab__icon-cell[b-cena4787fj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.article-lists-tab__checkbox-cell[b-cena4787fj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.article-lists-tab[b-cena4787fj]  .article-lists-tab__checkbox-cell .dxbl-checkbox {
    margin: 0;
}
/* /Components/Pages/Articles/ArticleLoanedArticlesTab.razor.rz.scp.css */
.article-loaned-tab[b-ephzdalftx] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 8rem;
    height: 100%;
    gap: 0.25rem;
    overflow: hidden;
}

.article-loaned-tab--pane[b-ephzdalftx] {
    min-height: 0;
    max-height: 8rem;
}

.article-loaned-tab__placeholder[b-ephzdalftx] {
    font-size: 0.8125rem;
    color: var(--dxds-color-text-secondary, #64748b);
    padding: 0.5rem 0;
}

.article-loaned-tab[b-ephzdalftx]  .center-crud-page {
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.article-loaned-tab[b-ephzdalftx]  .center-crud-toolbar-host,
.article-loaned-tab[b-ephzdalftx]  .dxbl-grid-search-box,
.article-loaned-tab[b-ephzdalftx]  .gnt-crud-page__search,
.article-loaned-tab[b-ephzdalftx]  .dxbl-grid-filter-panel,
.article-loaned-tab[b-ephzdalftx]  .dxbl-grid-filter-row,
.article-loaned-tab[b-ephzdalftx]  .dxbl-grid-footer {
    display: none !important;
}

.article-loaned-tab[b-ephzdalftx]  .center-crud-grid-wrap {
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 6px;
    overflow: auto;
    min-height: 8rem;
    flex: 1 1 auto;
}
/* /Components/Pages/Articles/ArticleLoanOtherTab.razor.rz.scp.css */
.article-loan-other-tab[b-qoool9s4e7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0.35rem 0.25rem 1.25rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.article-loan-other-tab--pane[b-qoool9s4e7] {
    min-height: 16rem;
}

.article-loan-other-tab__card[b-qoool9s4e7] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.55rem 0.7rem 0.85rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    background: var(--dxds-color-surface, #fff);
}

.article-loan-other-tab__card-title[b-qoool9s4e7] {
    margin: 0;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-loan-other-tab__row[b-qoool9s4e7] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.85rem;
    width: 100%;
}

.article-loan-other-tab__field[b-qoool9s4e7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1 calc(50% - 0.45rem);
    min-width: min(14rem, 100%);
    margin: 0;
}

.article-loan-other-tab__field--memo[b-qoool9s4e7] {
    flex: 1 1 100%;
    min-width: 100%;
}

.article-loan-other-tab__label[b-qoool9s4e7] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-loan-other-tab__editor[b-qoool9s4e7],
.article-loan-other-tab__memo[b-qoool9s4e7] {
    width: 100%;
}

.article-loan-other-tab__memo[b-qoool9s4e7] {
    min-height: 6rem;
}

.article-loan-other-tab__check[b-qoool9s4e7] {
    display: flex !important;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    max-width: 100%;
}

.article-loan-other-tab__grid[b-qoool9s4e7] {
    flex: 0 0 auto;
    height: 9rem;
    min-height: 9rem;
    max-height: 9rem;
    overflow: hidden;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 6px;
}

.article-loan-other-tab__grid[b-qoool9s4e7]  .article-loaned-tab {
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.article-loan-other-tab__placeholder[b-qoool9s4e7] {
    font-size: 0.8125rem;
    color: var(--dxds-color-text-secondary, #64748b);
    padding: 0.75rem;
}

@media (max-width: 720px) {
    .article-loan-other-tab__field[b-qoool9s4e7] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Articles/ArticleMeasurementTab.razor.rz.scp.css */
.article-measurement-tab[b-k3k5qw8mec] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0.35rem 0.25rem 1.25rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.article-measurement-tab--pane[b-k3k5qw8mec] {
    min-height: 16rem;
}

.article-measurement-tab__card[b-k3k5qw8mec] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.55rem 0.7rem 0.75rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    background: var(--dxds-color-surface, #fff);
}

.article-measurement-tab__card-title[b-k3k5qw8mec] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--dxds-color-text-secondary, #64748b);
    white-space: nowrap;
}

.article-measurement-tab__card-header-bar[b-k3k5qw8mec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    flex-wrap: wrap;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
}

.article-measurement-tab__card-header-flag[b-k3k5qw8mec] {
    flex: 1 1 12rem;
    min-width: 0;
    justify-content: flex-end;
    max-width: 100%;
}

.article-measurement-tab__row[b-k3k5qw8mec] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
}

.article-measurement-tab__row--two[b-k3k5qw8mec] {
    align-items: stretch;
}

.article-measurement-tab__card--half[b-k3k5qw8mec] {
    flex: 1 1 calc(50% - 0.4rem);
    min-width: min(16rem, 100%);
}

.article-measurement-tab__field[b-k3k5qw8mec] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1 1 calc(50% - 0.4rem);
    min-width: min(12rem, 100%);
    margin: 0;
}

.article-measurement-tab__field--full[b-k3k5qw8mec] {
    flex: 1 1 100%;
    min-width: 100%;
}

.article-measurement-tab__label[b-k3k5qw8mec] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-measurement-tab__icon-row[b-k3k5qw8mec] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
}

.article-measurement-tab__field-icon[b-k3k5qw8mec] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.article-measurement-tab__icon-row .article-measurement-tab__editor[b-k3k5qw8mec],
.article-measurement-tab__icon-row .article-measurement-tab__readonly[b-k3k5qw8mec] {
    flex: 1 1 auto;
    min-width: 0;
}

.article-measurement-tab__card--technical[b-k3k5qw8mec] {
    gap: 0.45rem;
}

.article-measurement-tab__technical-grid[b-k3k5qw8mec] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem 0.75rem;
    width: 100%;
}

.article-measurement-tab__technical-col[b-k3k5qw8mec] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.article-measurement-tab__card-header-bar .article-measurement-tab__check[b-k3k5qw8mec] {
    margin-left: auto;
}

.article-measurement-tab__commissioning-row[b-k3k5qw8mec] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
}

.article-measurement-tab__check--commissioning[b-k3k5qw8mec] {
    flex: 0 0 auto;
}

.article-measurement-tab__editor--commissioning[b-k3k5qw8mec],
.article-measurement-tab__commissioning-row .article-measurement-tab__readonly[b-k3k5qw8mec] {
    flex: 1 1 auto;
    min-width: 0;
}

.article-measurement-tab__check-with-icon[b-k3k5qw8mec] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    max-width: 100%;
}

.article-measurement-tab__check-with-icon .article-measurement-tab__check[b-k3k5qw8mec] {
    width: auto;
}

.article-measurement-tab__editor[b-k3k5qw8mec],
.article-measurement-tab__readonly[b-k3k5qw8mec] {
    width: 100%;
}

.article-measurement-tab__readonly[b-k3k5qw8mec] {
    min-height: 1.75rem;
    padding: 0.2rem 0.45rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 4px;
    background: var(--dxds-color-surface-alt, #f8fafc);
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--dxds-color-text, #0f172a);
    box-sizing: border-box;
}

.article-measurement-tab__check[b-k3k5qw8mec] {
    display: flex !important;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    max-width: 100%;
}

.article-measurement-tab__check--title[b-k3k5qw8mec] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.article-measurement-tab__section--dimmed[b-k3k5qw8mec] {
    opacity: 0.55;
    pointer-events: none;
}

.article-measurement-tab__calibration-grid[b-k3k5qw8mec] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    width: 100%;
}

.article-measurement-tab__cal-col[b-k3k5qw8mec] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.45rem 0.5rem 0.55rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 6px;
    background: var(--dxds-color-surface-alt, #f8fafc);
    min-width: 0;
}

.article-measurement-tab__aids-header[b-k3k5qw8mec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.article-measurement-tab__aids-title[b-k3k5qw8mec] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-measurement-tab__grid-panel[b-k3k5qw8mec] {
    flex: 0 0 auto;
    min-height: 10rem;
    height: 10rem;
    max-height: 10rem;
    overflow: hidden;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 6px;
}

.article-measurement-tab__grid-panel[b-k3k5qw8mec]  .dxbl-grid {
    height: 100%;
}

.article-measurement-tab__placeholder[b-k3k5qw8mec] {
    font-size: 0.8125rem;
    color: var(--dxds-color-text-secondary, #64748b);
    padding: 0.75rem;
}

.article-measurement-tab__error[b-k3k5qw8mec] {
    font-size: 0.8125rem;
    color: var(--dxds-color-danger, #dc2626);
    margin-top: 0.35rem;
}

.article-measurement-collector[b-k3k5qw8mec] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-height: 22rem;
}

.article-measurement-collector__search[b-k3k5qw8mec] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.article-measurement-collector__search-input[b-k3k5qw8mec] {
    flex: 1 1 auto;
    min-width: 0;
}

.article-measurement-collector__panes[b-k3k5qw8mec] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    min-height: 0;
}

.article-measurement-collector__pane[b-k3k5qw8mec] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.article-measurement-collector__pane-title[b-k3k5qw8mec] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--dxds-color-text-secondary, #64748b);
}

.article-measurement-collector__grid[b-k3k5qw8mec] {
    height: 14rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 6px;
}

@media (max-width: 960px) {
    .article-measurement-tab__calibration-grid[b-k3k5qw8mec] {
        grid-template-columns: 1fr;
    }

    .article-measurement-tab__technical-grid[b-k3k5qw8mec] {
        grid-template-columns: 1fr;
    }

    .article-measurement-tab__card--half[b-k3k5qw8mec],
    .article-measurement-tab__field[b-k3k5qw8mec] {
        flex: 1 1 100%;
        min-width: 100%;
    }

    .article-measurement-collector__panes[b-k3k5qw8mec] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Articles/ArticleMediaSlider.razor.rz.scp.css */
.article-media-slider[b-5j5nxgp19o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    width: 100%;
    max-width: 14.5rem;
}

.article-media-slider__row[b-5j5nxgp19o] {
    display: flex;
    align-items: stretch;
    gap: 0.25rem;
    width: 100%;
}

.article-media-slider__row[b-5j5nxgp19o]  .article-media-slider__nav {
    flex: 0 0 auto;
    align-self: stretch;
    display: flex;
}

.article-media-slider__row[b-5j5nxgp19o]  .article-media-slider__nav .dxbl-btn {
    height: 100%;
    min-height: 10.75rem;
    padding-inline: 0.2rem;
}

.article-media-slider__stage[b-5j5nxgp19o] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    width: 10.75rem;
    height: 10.75rem;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.article-media-slider__stage:disabled[b-5j5nxgp19o] {
    cursor: default;
}

.article-media-slider__stage:not(:disabled):hover .article-media-slider__img[b-5j5nxgp19o],
.article-media-slider__stage:not(:disabled):focus-visible .article-media-slider__img[b-5j5nxgp19o] {
    opacity: 0.92;
}

.article-media-slider__img[b-5j5nxgp19o] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.article-media-slider__fallback[b-5j5nxgp19o] {
    width: 2.25rem;
    height: 2.25rem;
    opacity: 0.4;
}

.article-media-slider__pos[b-5j5nxgp19o] {
    font-size: 0.6875rem;
    line-height: 1.2;
    color: var(--dxds-color-text-secondary, #6b7280);
    text-align: center;
    user-select: none;
}
/* /Components/Pages/Articles/ArticleMerkmaleTab.razor.rz.scp.css */
.article-merkmale-tab[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-merkmale-tab__shell[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    position: relative;
    gap: 0.5rem;
}

.article-merkmale-tab__tabbar-actions[b-7xfjlli9xi] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 2.125rem;
    padding-right: 0.15rem;
    pointer-events: none;
}

.article-merkmale-tab__tabbar-actions .article-merkmale-tab__import[b-7xfjlli9xi] {
    pointer-events: auto;
}

.article-merkmale-tab__tabs[b-7xfjlli9xi]  .dxbl-tabs-tablist,
.article-merkmale-tab__tabs[b-7xfjlli9xi]  .dxbl-fl-tabs-tablist {
    padding-right: 8.5rem;
}

.article-merkmale-tab__tabs[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-merkmale-tab__tabs[b-7xfjlli9xi]  .dxbl-tabs-content,
.article-merkmale-tab__tabs[b-7xfjlli9xi]  .dxbl-fl-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.article-merkmale-tab__pane[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    gap: 0.5rem;
}

.article-merkmale-tab__import[b-7xfjlli9xi] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
}

.article-merkmale-tab__import[b-7xfjlli9xi]  input[type="file"] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
}

.article-merkmale-tab__import-btn[b-7xfjlli9xi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: 0.25rem;
    font-size: 0.875rem;
    background: var(--bs-body-bg, #fff);
    pointer-events: none;
}

.article-merkmale-tab__import:hover .article-merkmale-tab__import-btn[b-7xfjlli9xi] {
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.article-merkmale-tab__banner[b-7xfjlli9xi] {
    flex: 0 0 auto;
    white-space: pre-wrap;
    font-size: 0.8125rem;
    padding: 0.5rem 0.65rem;
    border-radius: 0.25rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #ced4da);
}

.article-merkmale-tab__workspace[b-7xfjlli9xi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 32%);
    gap: 0.75rem;
    flex: 1 1 auto;
    min-height: 0;
}

.article-merkmale-tab__main[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.article-merkmale-tab__main .article-merkmale-tab__tabs[b-7xfjlli9xi] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-merkmale-tab__grid-host[b-7xfjlli9xi] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-merkmale-tab__sidebar[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
    min-width: 0;
}

.article-merkmale-tab__separation[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 58%;
    min-height: 0;
}

.article-merkmale-tab__image[b-7xfjlli9xi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 42%;
    min-height: 120px;
}

.article-merkmale-tab__section-title[b-7xfjlli9xi] {
    margin: 0 0 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.article-merkmale-tab__image-picker[b-7xfjlli9xi] {
    flex: 1 1 auto;
    min-height: 0;
}

.article-merkmale-separation-panel[b-7xfjlli9xi] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-merkmale-separation-panel__group-label[b-7xfjlli9xi] {
    font-weight: 600;
}

.article-merkmale-tab__type-icon[b-7xfjlli9xi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}
/* /Components/Pages/Articles/ArticleMerkmalPickerPopup.razor.rz.scp.css */
.article-merkmal-picker__filters[b-6z4noud214] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.article-merkmal-picker__body[b-6z4noud214] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.article-merkmal-picker__pane[b-6z4noud214] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: 0.25rem;
    overflow: hidden;
}

.article-merkmal-picker__pane-title[b-6z4noud214] {
    flex: 0 0 auto;
    padding: 0.35rem 0.6rem;
    font-size: 0.8125rem;
    font-weight: 600;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-bottom: 1px solid var(--bs-border-color, #ced4da);
}

.article-merkmal-picker__grid-host[b-6z4noud214] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.article-merkmal-picker__grid-host[b-6z4noud214]  .dxbl-grid,
.article-merkmal-picker__grid-host[b-6z4noud214]  .article-merkmal-picker__grid {
    width: 100%;
    max-height: 400px;
    min-height: 0;
}

.article-merkmal-picker__footer[b-6z4noud214] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Pages/Articles/ArticleOrderFormsTab.razor.rz.scp.css */
.article-order-forms-tab__placeholder[b-xr1ve6vsrc] {
    padding: 1rem;
    color: var(--bs-secondary-color);
}

.article-order-forms-tab__icon-cell[b-xr1ve6vsrc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.article-order-forms-tab__status[b-xr1ve6vsrc] {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: var(--bs-secondary);
}

.article-order-forms-tab__status--not-delivered[b-xr1ve6vsrc] {
    background: #d9534f;
}

.article-order-forms-tab__status--partial[b-xr1ve6vsrc] {
    background: #f0ad4e;
}

.article-order-forms-tab__status--complete[b-xr1ve6vsrc] {
    background: #5cb85c;
}

.article-order-forms-tab__status--received[b-xr1ve6vsrc] {
    background: #5bc0de;
}

.article-order-forms-tab__status--cancelled[b-xr1ve6vsrc] {
    background: #343a40;
}
/* /Components/Pages/Articles/ArticleOverviewForm.razor.rz.scp.css */
.article-overview-form-host[b-91ybl9eq96] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.article-overview-form-body[b-91ybl9eq96] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
}

.article-overview-form-body--not-calibrated[b-91ybl9eq96]::after,
.article-overview-form-body--expired[b-91ybl9eq96]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: min(100%, 26rem) auto;
    opacity: 0.92;
}

.article-overview-form-body--not-calibrated[b-91ybl9eq96]::after {
    background-image: url("/_content/GNT.Center.Web.Shared/images/measuring/notcalibrated_400_by_216.png");
}

.article-overview-form-body--expired[b-91ybl9eq96]::after {
    background-image: url("/_content/GNT.Center.Web.Shared/images/measuring/expired_400_by_216.png");
}

.article-overview-form-body[b-91ybl9eq96]  .gnt-ccf,
.article-overview-form-body[b-91ybl9eq96]  .gnt-cf-host,
.article-overview-form-body[b-91ybl9eq96]  .gnt-cf {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 100%;
}

.article-overview-form-host[b-91ybl9eq96]  .gnt-ccf,
.article-overview-form-host[b-91ybl9eq96]  .gnt-cf-host,
.article-overview-form-host[b-91ybl9eq96]  .gnt-cf {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 100%;
}

/* Stammdaten: fields left, image right on one row.
   Overview panel sets .gnt-cf-slot { flex: 1 1 0 !important } for tab grids;
   the photo slot must opt out. Grid/flex on the group body covers horizontal
   layout and legacy saved layouts that stacked fields and image vertically. */
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general.dxbl-fl-group > .dxbl-fl-group-body,
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general.dxbl-group > .dxbl-group-body {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    gap: 0.55rem;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-fl-group-body > .dxbl-row,
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-group-body > .dxbl-row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    gap: 0.55rem;
    min-width: 0;
    margin: 0;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-fl-group-body > .dxbl-row:only-child,
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-group-body > .dxbl-row:only-child {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
}

/* Two DX rows (vertical saved layout): first row grows, second holds the photo. */
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-fl-group-body > .dxbl-row:first-child:not(:only-child),
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-group-body > .dxbl-row:first-child:not(:only-child) {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-fl-group-body > .dxbl-row:last-child:not(:only-child),
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-group-body > .dxbl-row:last-child:not(:only-child) {
    flex: 0 0 auto !important;
    width: 14.5rem !important;
    max-width: 14.5rem !important;
}

/* Single DX row (horizontal layout): split fields column and photo column. */
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-fl-group-body > .dxbl-row:only-child > *:first-child,
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-group-body > .dxbl-row:only-child > *:first-child {
    flex: 1 1 auto !important;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    padding-inline: 0;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-fl-group-body > .dxbl-row:only-child > *:last-child,
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general > .dxbl-group-body > .dxbl-row:only-child > *:last-child {
    flex: 0 0 14.5rem !important;
    width: 14.5rem !important;
    max-width: 14.5rem !important;
    padding-inline: 0;
}

.article-overview-form-host[b-91ybl9eq96]  #overview-general-fields {
    min-width: 0;
    overflow: hidden;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general .dxbl-fl-item:has(.article-media-slider),
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general .dxbl-fl-item:has(.article-details-image),
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general .dxbl-fl-item:has(.gnt-cf-slot) {
    flex: 0 0 14.5rem !important;
    align-self: flex-start;
    max-width: 14.5rem;
    width: 14.5rem;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general .gnt-cf-slot {
    flex: 0 0 14.5rem !important;
    width: 14.5rem !important;
    height: auto !important;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

/* Merkmale: group header is the only card. Slot + grid hug row content. */
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-merkmale .gnt-cf-slot,
.article-overview-form-host[b-91ybl9eq96]  #detail-article-attributes .gnt-cf-slot {
    display: block;
    flex: none !important;
    height: auto !important;
    min-height: 0;
    overflow: visible;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.article-overview-form-host[b-91ybl9eq96]  #detail-article-attributes.dxbl-fl-item,
.article-overview-form-host[b-91ybl9eq96]  #detail-article-attributes .dxbl-fl-ctrl {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-merkmale .article-details-tab__attr-grid,
.article-overview-form-host[b-91ybl9eq96]  #sec-overview-merkmale .dxbl-grid {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general .dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    flex: 0 0 6.5rem !important;
    width: 6.5rem !important;
    max-width: 6.5rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-overview-form-host[b-91ybl9eq96]  #sec-overview-general .dxbl-fl-item {
    min-width: 0;
}

.article-overview-placeholder[b-91ybl9eq96] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 6rem;
    padding: 1rem;
    text-align: center;
    color: var(--dxds-color-text-secondary, #6b7280);
}

.article-overview-placeholder__title[b-91ybl9eq96] {
    margin: 0 0 0.25rem;
    font-weight: 600;
    color: var(--dxds-color-text-primary, #111827);
}

.article-overview-placeholder__hint[b-91ybl9eq96] {
    margin: 0;
    font-size: 0.875rem;
}

/* BOM slot tab fills the detail pane (read-only view; same flex as desktop) */
.article-overview-form-host[b-91ybl9eq96]  #detail-tabs #tab-bom {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.article-overview-form-host[b-91ybl9eq96]  #detail-tabs #tab-bom > .dxbl-fl-item,
.article-overview-form-host[b-91ybl9eq96]  #detail-tabs #tab-bom .gnt-cf-slot {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.article-overview-form-host[b-91ybl9eq96]  #detail-tabs #tab-bom .article-bom-tab {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

/* Measuring overview uses the same BOM tab slot id with a different tab strip root. */
.article-overview-form-host--measuring[b-91ybl9eq96]  #measuring-detail-tabs #tab-bom {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.article-overview-form-host--measuring[b-91ybl9eq96]  #measuring-detail-tabs #tab-bom > .dxbl-fl-item,
.article-overview-form-host--measuring[b-91ybl9eq96]  #measuring-detail-tabs #tab-bom .gnt-cf-slot {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.article-overview-form-host--measuring[b-91ybl9eq96]  #measuring-detail-tabs #tab-bom .article-bom-tab {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}
/* /Components/Pages/Articles/ArticlePartListGrid.razor.rz.scp.css */
/* Section markup lives here (not in BomTab) so isolation applies correctly. */
.article-bom-tab__section[b-6dbbldxqsq] {
    flex: 1 1 50%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    background: var(--dxds-color-surface, #fff);
    padding: 0.35rem 0.45rem 0.45rem;
    box-sizing: border-box;
    overflow: hidden;
}

.article-bom-tab__section-header[b-6dbbldxqsq] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.2rem 0.35rem 0.35rem;
    border-bottom: 1px solid var(--dxds-color-border, #e2e8f0);
    background: var(--dxds-color-surface-subtle, #f8fafc);
    margin: -0.35rem -0.45rem 0;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
    border-radius: 8px 8px 0 0;
}

.article-bom-tab__section-title[b-6dbbldxqsq] {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--dxds-color-text-secondary, #64748b);
    text-transform: uppercase;
}

.article-bom-tab__section-total[b-6dbbldxqsq] {
    font-variant-numeric: tabular-nums;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--dxds-color-text, #0f172a);
}

/* Bounded flex chain so DxGrid (Height=100%) gets an internal scrollbar. */
.article-bom-tab__section-grid[b-6dbbldxqsq] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.article-bom-tab__section-grid[b-6dbbldxqsq]  .center-crud-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-bom-tab__section-grid[b-6dbbldxqsq]  .center-crud-grid-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.article-bom-tab__section-grid[b-6dbbldxqsq]  .center-crud-grid,
.article-bom-tab__section-grid[b-6dbbldxqsq]  .dxbl-grid {
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.article-bom-tab__status[b-6dbbldxqsq] {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
}

.article-bom-tab__status--active[b-6dbbldxqsq] {
    background-color: #2e7d32;
}

.article-bom-tab__status--inactive[b-6dbbldxqsq] {
    background-color: #9e9e9e;
}

.article-bom-tab__status--cancelled[b-6dbbldxqsq] {
    background-color: #c62828;
}

.article-bom-tab__error[b-6dbbldxqsq] {
    margin-top: 0.65rem;
    font-size: 0.8125rem;
    color: var(--dxds-color-danger, #dc2626);
}

.article-bom-edit-form[b-6dbbldxqsq] {
    padding-top: 0.25rem;
}
/* /Components/Pages/Articles/ArticleProtocolTab.razor.rz.scp.css */
/* frmArtikel_EF / lcgProtokoll embedded protocol grid in the overview pane. */

.article-protocol-tab[b-wm94qfatmu] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-protocol-tab__content[b-wm94qfatmu] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-protocol-tab__grid-host[b-wm94qfatmu] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-protocol-tab__grid-host[b-wm94qfatmu]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-protocol-tab__placeholder[b-wm94qfatmu] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 8rem;
    padding: 1rem;
    text-align: center;
    color: var(--dxds-color-text-secondary, #6b7280);
}

.article-protocol-tab__type-cell[b-wm94qfatmu] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.article-protocol-tab__type-cell .gnt-gi[b-wm94qfatmu] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
}

.article-protocol-tab__type-label[b-wm94qfatmu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-protocol-tab__image-icon[b-wm94qfatmu] {
    display: inline-block;
    width: 16px;
    height: 16px;
}
/* /Components/Pages/Articles/ArticleStatisticsTab.razor.rz.scp.css */
/* frmArtikel_EF / lcgStatistik: date row + chart plot + right legend column. */

.article-statistics-tab[b-kovph44m6g] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-statistics-tab__content[b-kovph44m6g] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-statistics-tab__toolbar[b-kovph44m6g] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1.25rem;
    min-height: 1.5rem;
    padding: 0.15rem 0.35rem 0.35rem;
}

.article-statistics-tab__date-group[b-kovph44m6g] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.article-statistics-tab__date-label[b-kovph44m6g] {
    flex: 0 0 auto;
    font-size: 0.8125rem;
    color: var(--dxds-color-text-primary, #111827);
    white-space: nowrap;
}

.article-statistics-tab__date[b-kovph44m6g] {
    width: 7.75rem;
    min-width: 7.75rem;
}

.article-statistics-tab__chart-area[b-kovph44m6g] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    padding: 0 0.15rem 0.15rem;
}

.article-statistics-tab__chart-layout[b-kovph44m6g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    align-items: stretch;
}

.article-statistics-tab__chart-plot[b-kovph44m6g] {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.article-statistics-tab__chart[b-kovph44m6g] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    min-width: 0;
    height: 100%;
}

/* Size only the chart root wrapper — do not target inner SVGs (breaks legend markers). */
.article-statistics-tab__chart-plot[b-kovph44m6g]  .article-statistics-tab__chart {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
}

.article-statistics-tab__chart-plot[b-kovph44m6g]  .article-statistics-tab__chart > .dxbl-chart-root,
.article-statistics-tab__chart-plot[b-kovph44m6g]  .article-statistics-tab__chart > div:first-child {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: 100% !important;
    width: 100% !important;
}

.article-statistics-tab__chart-plot[b-kovph44m6g]  .dxc-tooltip {
    display: none !important;
}

.article-statistics-tab__legend[b-kovph44m6g] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 0 0 auto;
    max-width: 9.5rem;
    padding: 0.15rem 0.25rem 0 0;
    font-size: 0.75rem;
    line-height: 1.25;
    color: var(--dxds-color-text-primary, #111827);
}

.article-statistics-tab__legend-item[b-kovph44m6g] {
    display: grid;
    grid-template-columns: 1.1rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.35rem;
}

.article-statistics-tab__legend-marker[b-kovph44m6g] {
    display: block;
    width: 1.1rem;
    height: 2px;
    border-radius: 1px;
}

.article-statistics-tab__legend-label[b-kovph44m6g] {
    min-width: 0;
    word-break: break-word;
}

.article-statistics-tab__placeholder[b-kovph44m6g] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 10rem;
    padding: 1rem;
    text-align: center;
    color: var(--dxds-color-text-secondary, #6b7280);
}

.article-statistics-tab__tooltip-host[b-kovph44m6g] {
    position: absolute;
    top: 0.35rem;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    pointer-events: none;
}

.article-statistics-tab__tooltip[b-kovph44m6g] {
    padding: 0.35rem 0.55rem;
    min-width: 11rem;
    max-width: 14rem;
    background: #fff;
    border: 1px solid var(--dxds-color-border, #d1d5db);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--dxds-color-text-primary, #111827);
    white-space: normal;
}

.article-statistics-tab__tooltip-date[b-kovph44m6g] {
    text-align: center;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.article-statistics-tab__tooltip-row[b-kovph44m6g] {
    display: grid;
    grid-template-columns: 1.1rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.35rem;
    margin-top: 0.15rem;
}

.article-statistics-tab__tooltip-marker[b-kovph44m6g] {
    display: block;
    width: 1.1rem;
    height: 2px;
    border-radius: 1px;
}

.article-statistics-tab__tooltip-text[b-kovph44m6g] {
    min-width: 0;
    word-break: break-word;
}
/* /Components/Pages/Articles/ArticleStorageLocationsOverviewTab.razor.rz.scp.css */
.article-storage-overview-tab[b-d97wd8v22n] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-storage-overview-tab--pane[b-d97wd8v22n] {
    padding-top: 0;
}

.article-storage-overview-tab__placeholder[b-d97wd8v22n] {
    padding: 1rem;
    color: var(--bs-secondary-color);
}

.article-storage-overview-tab[b-d97wd8v22n]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
}

.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-value {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

/* Desktop ucLagerorte colorCollection parity: Green / Goldenrod / Red. */
.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    width: 100%;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock__relevant {
    font-size: 0.85em;
}

.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock--above,
.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock--above * {
    color: #008000 !important;
}

.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock--equal,
.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock--equal * {
    color: #daa520 !important;
}

.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock--below,
.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-footer-stock--below * {
    color: #ff0000 !important;
}

.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-stock-level--emphasis {
    font-weight: 700;
}

.article-storage-overview-tab[b-d97wd8v22n]  .article-storage-overview-stock-level--muted {
    color: var(--bs-secondary-color);
    font-weight: 400;
}
/* /Components/Pages/Articles/ArticleStorageLocationsTab.razor.rz.scp.css */
.article-storage-tab[b-wc3rbx6uww] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    gap: 0.35rem;
}

.article-storage-tab--pane[b-wc3rbx6uww] {
    min-height: 18rem;
}

.article-storage-tab__header[b-wc3rbx6uww] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.45rem 0.75rem 0.55rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    background:
        linear-gradient(180deg, var(--dxds-color-surface-secondary, #f8fafc) 0%, var(--dxds-color-surface, #fff) 55%);
    box-sizing: border-box;
}

.article-storage-tab__header-bar[b-wc3rbx6uww] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.25rem;
    flex-wrap: wrap;
    min-height: 1.35rem;
}

.article-storage-tab__header-title[b-wc3rbx6uww] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--dxds-color-text-secondary, #64748b);
    white-space: nowrap;
}

.article-storage-tab__header-flag[b-wc3rbx6uww] {
    flex: 1 1 14rem;
    min-width: 0;
}

.article-storage-tab__header-flag[b-wc3rbx6uww]  .dxbl-checkbox {
    align-items: flex-start;
    white-space: normal;
    max-width: 100%;
}

.article-storage-tab__header-flag[b-wc3rbx6uww]  .dxbl-text {
    font-size: 0.8125rem;
    line-height: 1.25;
    white-space: normal;
}

.article-storage-tab__header-grid[b-wc3rbx6uww] {
    display: grid;
    grid-template-columns: minmax(11rem, 1.35fr) minmax(7rem, 0.65fr) minmax(8rem, 0.85fr);
    gap: 0.4rem 1rem;
    align-items: start;
}

.article-storage-tab__field[b-wc3rbx6uww] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    margin: 0;
}

.article-storage-tab__field-label[b-wc3rbx6uww] {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--dxds-color-text, #0f172a);
    white-space: normal;
    overflow-wrap: anywhere;
}

.article-storage-tab__field--wide[b-wc3rbx6uww] {
    grid-column: span 2;
}

.article-storage-tab__unit-field[b-wc3rbx6uww] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
}

.article-storage-tab__unit-field[b-wc3rbx6uww]  .dxbl-spin-edit {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 7.5rem;
}

.article-storage-tab__unit[b-wc3rbx6uww] {
    flex: 0 0 auto;
    color: var(--dxds-color-text-secondary, #64748b);
    font-size: 0.75rem;
    white-space: nowrap;
}

.article-storage-tab__spin-narrow[b-wc3rbx6uww] {
    max-width: 7.5rem;
}

.article-storage-tab__field[b-wc3rbx6uww]  .dxbl-combobox,
.article-storage-tab__field[b-wc3rbx6uww]  .dxbl-spin-edit {
    width: 100%;
}

.article-storage-tab__icon-combobox-display[b-wc3rbx6uww],
.article-storage-tab__icon-combobox-item[b-wc3rbx6uww] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.article-storage-tab__icon-combobox-icon[b-wc3rbx6uww] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.article-storage-tab__icon-combobox-display span[b-wc3rbx6uww],
.article-storage-tab__icon-combobox-item span[b-wc3rbx6uww] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .article-storage-tab__header-grid[b-wc3rbx6uww] {
        grid-template-columns: 1fr 1fr;
    }

    .article-storage-tab__field--wide[b-wc3rbx6uww] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .article-storage-tab__header-grid[b-wc3rbx6uww] {
        grid-template-columns: 1fr;
    }
}.article-storage-tab__grid-panel[b-wc3rbx6uww] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 8px;
    background: var(--dxds-color-surface, #fff);
    padding: 0.35rem 0.45rem 0.45rem;
    box-sizing: border-box;
}

.article-storage-tab__grid-caption[b-wc3rbx6uww] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.15rem 0.25rem 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--dxds-color-text-secondary, #64748b);
    text-transform: uppercase;
}

.article-storage-tab__totals[b-wc3rbx6uww] {
    display: flex;
    gap: 1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    text-transform: none;
    color: var(--dxds-color-text, #0f172a);
}

.article-storage-tab__grid-panel[b-wc3rbx6uww]  .center-crud-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.article-storage-tab__grid-panel[b-wc3rbx6uww]  .center-crud-grid-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.article-storage-tab__grid-panel[b-wc3rbx6uww]  .center-crud-grid,
.article-storage-tab__grid-panel[b-wc3rbx6uww]  .dxbl-grid {
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.article-storage-tab__group-row[b-wc3rbx6uww] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.75rem;
}

.article-storage-tab__group-touch[b-wc3rbx6uww] {
    font-weight: 600;
}

.article-storage-tab__group-meta[b-wc3rbx6uww] {
    color: var(--dxds-color-text-secondary, #64748b);
    font-weight: 500;
    font-size: 0.8125rem;
}

/* Desktop frmMehrfachlagerortHinzufügen parity: stacked label-above fields */
.article-storage-dialog-body[b-wc3rbx6uww] {
    padding-top: 0.25rem;
}

.article-storage-dialog-form[b-wc3rbx6uww] {
    padding: 0.15rem 0 0.35rem;
}

.article-storage-dialog-form[b-wc3rbx6uww]  .dxbl-fl-ctrl {
    width: 100%;
}

.article-storage-dialog-form[b-wc3rbx6uww]  .dxbl-fl-cpt {
    font-weight: 500;
    margin-bottom: 0.2rem;
}

.article-storage-dialog-form__spin[b-wc3rbx6uww] {
    max-width: 7.5rem;
}

.article-storage-dialog-form__memo[b-wc3rbx6uww] {
    width: 100%;
    min-height: 4.5rem;
}

.article-storage-dialog-form__flag[b-wc3rbx6uww]  .dxbl-fl-cpt,
.article-storage-dialog-form__key-picker[b-wc3rbx6uww]  .dxbl-fl-cpt {
    display: none;
}

.article-storage-dialog-form__flag[b-wc3rbx6uww] {
    margin-top: 0.15rem;
}

.article-storage-dialog-form__flag[b-wc3rbx6uww]  .dxbl-checkbox {
    white-space: normal;
    align-items: flex-start;
}

.article-storage-dialog-form__key-picker[b-wc3rbx6uww] {
    margin-top: -0.15rem;
    padding-left: 1.65rem;
}
/* /Components/Pages/Articles/ArticleSupplierCreatePopup.razor.rz.scp.css */
.article-supplier-create-popup[b-fw0qt7cj08] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.35rem 0.5rem 0.5rem;
    overflow: auto;
}

.article-supplier-create-popup__section[b-fw0qt7cj08] {
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: 0.25rem;
    margin: 0;
    padding: 0.75rem 0.65rem 0.65rem;
    min-inline-size: 0;
}

.article-supplier-create-popup__legend[b-fw0qt7cj08] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    float: none;
    width: auto;
    margin: 0 0 0.55rem;
    padding: 0 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    border: 0;
}

/* Daten: desktop left/right columns */
.article-supplier-create-popup__data-columns[b-fw0qt7cj08] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.4rem 1.75rem;
    clear: both;
}

.article-supplier-create-popup__data-col[b-fw0qt7cj08] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.article-supplier-create-popup__inline-row[b-fw0qt7cj08] {
    display: flex;
    gap: 0.5rem;
    align-items: end;
    min-width: 0;
}

.article-supplier-create-popup__field[b-fw0qt7cj08] {
    display: grid;
    grid-template-columns: 5.25rem minmax(0, 1fr);
    gap: 0.2rem 0.45rem;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
}

.article-supplier-create-popup__field label[b-fw0qt7cj08] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.15;
    color: var(--bs-body-color, #212529);
    text-align: right;
    white-space: nowrap;
}

.article-supplier-create-popup__field--customer-no[b-fw0qt7cj08] {
    flex: 0 1 11.5rem;
}

.article-supplier-create-popup__field--code[b-fw0qt7cj08] {
    flex: 1 1 8rem;
}

.article-supplier-create-popup__field--zip[b-fw0qt7cj08] {
    flex: 0 1 7.5rem;
}

.article-supplier-create-popup__field--city[b-fw0qt7cj08] {
    flex: 1 1 auto;
}

.article-supplier-create-popup__field--country[b-fw0qt7cj08] {
    flex: 2 1 14rem;
    min-width: 12rem;
}

.article-supplier-create-popup__field--tax[b-fw0qt7cj08] {
    flex: 1 1 7rem;
    max-width: 11rem;
}

.article-supplier-create-popup__legend .gnt-gi[b-fw0qt7cj08] {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
}

.article-supplier-create-popup__country-combo[b-fw0qt7cj08] {
    min-width: 11rem;
}

.article-supplier-create-popup__field--phone[b-fw0qt7cj08] {
    flex: 1 1 10rem;
}

.article-supplier-create-popup__field--fax[b-fw0qt7cj08] {
    flex: 1 1 8rem;
}

.article-supplier-create-popup__field--postfach[b-fw0qt7cj08] {
    align-items: start;
}

.article-supplier-create-popup__dual-inputs[b-fw0qt7cj08] {
    display: grid;
    grid-template-columns: 4.75rem minmax(0, 1fr);
    gap: 0.35rem;
    min-width: 0;
}

/* Zahlungsweise: labels above inputs */
.article-supplier-create-popup__payment-columns[b-fw0qt7cj08] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 0.65rem 1rem;
    align-items: start;
}

.article-supplier-create-popup__payment-field[b-fw0qt7cj08] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.article-supplier-create-popup__payment-field label[b-fw0qt7cj08] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.15;
    color: var(--bs-body-color, #212529);
}

/* Footer flags row */
.article-supplier-create-popup__footer[b-fw0qt7cj08] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.1rem 0.25rem 0;
}

.article-supplier-create-popup__footer-checks[b-fw0qt7cj08] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
}

.article-supplier-create-popup__footer-id[b-fw0qt7cj08] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 0.35rem 0.5rem;
    align-items: center;
    min-width: 0;
}

.article-supplier-create-popup__footer-id label[b-fw0qt7cj08] {
    margin: 0;
    font-size: 0.8125rem;
    text-align: right;
    white-space: nowrap;
}

.article-supplier-create-popup__footer-agent[b-fw0qt7cj08] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0.1rem;
}

.article-supplier-create-popup__error[b-fw0qt7cj08] {
    color: var(--bs-danger, #dc3545);
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--bs-danger-border-subtle, #f1aeb5);
    border-radius: 0.25rem;
    background: var(--bs-danger-bg-subtle, #f8d7da);
}

@media (max-width: 860px) {
    .article-supplier-create-popup__data-columns[b-fw0qt7cj08],
    .article-supplier-create-popup__payment-columns[b-fw0qt7cj08],
    .article-supplier-create-popup__footer[b-fw0qt7cj08] {
        grid-template-columns: 1fr;
    }

    .article-supplier-create-popup__inline-row[b-fw0qt7cj08] {
        flex-direction: column;
        align-items: stretch;
    }

    .article-supplier-create-popup__field[b-fw0qt7cj08],
    .article-supplier-create-popup__footer-id[b-fw0qt7cj08] {
        grid-template-columns: 1fr;
    }

    .article-supplier-create-popup__field label[b-fw0qt7cj08],
    .article-supplier-create-popup__footer-id label[b-fw0qt7cj08] {
        text-align: left;
    }

    .article-supplier-create-popup__footer-agent[b-fw0qt7cj08] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Articles/ArticleSuppliersTab.razor.rz.scp.css */
.article-supplier-editor-popup-body[b-x6otsw80gd] {
    overflow: auto;
    padding: 0.25rem 0.5rem 0.5rem;
}

.article-supplier-editor[b-x6otsw80gd] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 1.5rem;
    align-items: start;
}

.article-supplier-editor__column[b-x6otsw80gd] {
    min-width: 0;
}

.article-supplier-editor-form[b-x6otsw80gd] {
    width: 100%;
}

.article-supplier-editor-form__memo[b-x6otsw80gd] {
    min-height: 10rem;
}

.article-supplier-editor[b-x6otsw80gd]  .article-supplier-editor__lookup-combo {
    width: 100%;
}

.article-supplier-editor__pricing-row[b-x6otsw80gd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(5.5rem, 6.5rem);
    gap: 0.35rem;
    align-items: center;
    width: 100%;
}

.article-supplier-editor__pricing-op[b-x6otsw80gd] {
    color: var(--bs-secondary-color, #6c757d);
    font-weight: 600;
    text-align: center;
    user-select: none;
}

.article-supplier-editor__memo-caption[b-x6otsw80gd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
}

.article-supplier-editor__input[b-x6otsw80gd] {
    width: 100%;
}

@media (max-width: 900px) {
    .article-supplier-editor[b-x6otsw80gd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Articles/ArticleToolAssembliesTab.razor.rz.scp.css */
.article-tool-assemblies-tab__placeholder[b-jstg9yv82g] {
    padding: 1rem;
    color: var(--bs-secondary-color);
}
/* /Components/Pages/Artikelprotokoll/ArtikelprotokollDateToolbar.razor.rz.scp.css */
.artikelprotokoll-date-toolbar[b-pm7zth2b3k] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.artikelprotokoll-date-toolbar__label[b-pm7zth2b3k] {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
}

.artikelprotokoll-date-toolbar[b-pm7zth2b3k]  .artikelprotokoll-date-toolbar__date {
    width: 118px;
    min-width: 118px;
}
/* /Components/Pages/Artikelprotokoll/ArtikelprotokollDetailsDialog.razor.rz.scp.css */
.artikelprotokoll-details-dialog[b-k366x7iunm] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.artikelprotokoll-details-dialog__field[b-k366x7iunm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.artikelprotokoll-details-dialog__field label[b-k366x7iunm] {
    font-size: 12px;
    color: #374151;
}
/* /Components/Pages/Artikelprotokoll/ArtikelprotokollPage.razor.rz.scp.css */
.artikelprotokoll-page[b-7n1ws2aetj] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.artikelprotokoll-page__error[b-7n1ws2aetj] {
    margin: 0 0 0.5rem;
    color: var(--gnt-danger, #c62828);
}

.artikelprotokoll-page__type-cell[b-7n1ws2aetj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.artikelprotokoll-page__type-cell .gnt-gi[b-7n1ws2aetj] {
    flex: 0 0 16px;
}
/* /Components/Pages/Attributes/AttributeClassDetailPanel.razor.rz.scp.css */
.attribute-class-detail-panel[b-kie3jcnc7z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.attribute-class-detail-panel__empty[b-kie3jcnc7z] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1rem;
    color: var(--gnt-text-muted, #666);
}

.attribute-class-detail-panel__dx[b-kie3jcnc7z] {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.attribute-class-detail-panel__pane[b-kie3jcnc7z] {
    display: flex !important;
    flex-direction: column;
    min-height: 0 !important;
    min-width: 0 !important;
    height: 100% !important;
}

.attribute-class-detail-panel[b-kie3jcnc7z]  .dxbl-splitter,
.attribute-class-detail-panel[b-kie3jcnc7z]  .dxbl-splitter-pane,
.attribute-class-detail-panel[b-kie3jcnc7z]  .dxbl-splitter-pane-content {
    min-height: 0;
    min-width: 0;
    height: 100%;
}

.attribute-class-detail-panel__pane-inner[b-kie3jcnc7z] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
    padding: 4px 6px;
    overflow: hidden;
}

.attribute-class-detail-panel__pane-inner--werte[b-kie3jcnc7z] {
    padding: 4px 6px;
}

/* Shared pane caption row — same height for Assigned / All / Werte. */
.attribute-class-detail-panel__pane-header[b-kie3jcnc7z] {
    flex: 0 0 auto;
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    min-width: 0;
}

.attribute-class-detail-panel__pane-title[b-kie3jcnc7z] {
    flex: 1 1 auto;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.25;
    min-width: 0;
    /* Keep full captions visible (no ellipsis clipping). */
    white-space: normal;
    overflow: visible;
    word-break: break-word;
}

.attributes-status-cell[b-kie3jcnc7z] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    line-height: 0;
}

.attribute-class-detail-panel__grid-wrap[b-kie3jcnc7z] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.attribute-class-detail-panel__grid[b-kie3jcnc7z] {
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.attribute-class-detail-panel__grid-wrap[b-kie3jcnc7z]  .dxbl-grid,
.attribute-class-detail-panel__grid-wrap[b-kie3jcnc7z]  .center-crud-grid {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.attribute-class-detail-panel__catalog[b-kie3jcnc7z] {
    flex: 0 0 auto;
    max-height: 40%;
    overflow: auto;
}
/* /Components/Pages/Attributes/AttributeClassList.razor.rz.scp.css */
/*
 * Horizontal workspace: Werkzeugklassen (+ picture) | (assigned | all | values).
 * No cell-padding !important overrides — those break DxGrid column-resize grips.
 */

.attributes-page[b-1q0wdgb3fc] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.attributes-page__error[b-1q0wdgb3fc] {
    flex: 0 0 auto;
    margin: 0.5rem 0.75rem 0;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--dxbs-danger-bg, #fdecea);
    color: var(--dxbs-danger, #b70e0c);
    border: 1px solid var(--dxbs-danger-border, #f5c2c0);
}

.attributes-workspace[b-1q0wdgb3fc] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.attributes-workspace__dx[b-1q0wdgb3fc] {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.attributes-workspace__pane[b-1q0wdgb3fc] {
    display: flex !important;
    flex-direction: column;
    min-height: 0 !important;
    min-width: 0 !important;
    height: 100% !important;
}

.attributes-workspace[b-1q0wdgb3fc]  .dxbl-splitter,
.attributes-workspace[b-1q0wdgb3fc]  .dxbl-splitter-pane,
.attributes-workspace[b-1q0wdgb3fc]  .dxbl-splitter-pane-content {
    min-height: 0;
    min-width: 0;
    height: 100%;
}

.attributes-workspace__pane-inner[b-1q0wdgb3fc] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
    padding: 4px 6px;
    overflow: hidden;
}

.attributes-workspace__pane-inner--classes[b-1q0wdgb3fc] {
    gap: 0;
    padding-bottom: 0;
}

.attributes-workspace__pane-inner--detail[b-1q0wdgb3fc] {
    padding: 0;
}

.attributes-workspace__pane-header[b-1q0wdgb3fc] {
    flex: 0 0 auto;
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    min-width: 0;
}

.attributes-workspace__pane-title[b-1q0wdgb3fc] {
    flex: 1 1 auto;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.25;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    word-break: break-word;
}

.attributes-workspace__add-class[b-1q0wdgb3fc] {
    flex: 0 0 auto;
    min-width: 28px;
}

/* Bounded flex box so DxGrid Height=100% gets a real pixel height and
   VirtualScrolling / VerticalScrollBarMode can show the scrollbar.
   (center-crud-grid-wrap styles from CrudPage.razor.css are scoped and
   do not apply here — mirror AttributeClassDetailPanel__grid-wrap.)
   height:0 + flex-grow is the classic flex overflow trick. */
.attributes-workspace__classes-grid[b-1q0wdgb3fc] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.attributes-workspace__classes-grid[b-1q0wdgb3fc]  .dxbl-grid,
.attributes-workspace__classes-grid[b-1q0wdgb3fc]  .center-crud-grid,
.attributes-workspace__classes-grid[b-1q0wdgb3fc]  .attributes-classes-grid {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

/* Keep icon+abbr inside the standard Small data-row height (~21px =
   14px line-box + ~3.5px vertical cell padding). An 18px status box was
   stretching Werkzeugklassen rows above Assigned/All/Werte. */
.attributes-status-cell[b-1q0wdgb3fc] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    line-height: 0;
}

.attributes-class-abbr-cell[b-1q0wdgb3fc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    max-height: 14px;
    line-height: 1;
    vertical-align: middle;
}

.attributes-class-abbr-cell[b-1q0wdgb3fc]  .gnt-icon {
    width: 12px !important;
    height: 12px !important;
    display: block;
}

.attributes-class-abbr-cell__text[b-1q0wdgb3fc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.attributes-class-picture[b-1q0wdgb3fc] {
    flex: 0 0 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
    overflow: visible;
    min-height: 148px;
    position: relative;
    z-index: 2;
}

.attributes-class-picture__img[b-1q0wdgb3fc] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.attributes-class-picture__empty[b-1q0wdgb3fc] {
    color: var(--gnt-text-muted, #888);
    font-size: 0.8rem;
    user-select: none;
}
/* /Components/Pages/Attributes/MerkmalWerteGrid.razor.rz.scp.css */
/*
 * Own scoped CSS — styles under AttributeClassDetailPanel.razor.css do not
 * apply here (Blazor CSS isolation does not pierce child component roots).
 * height:0 + flex-grow bounds DxGrid Height=100% so VirtualScrolling shows
 * the vertical scrollbar when values overflow.
 */

.merkmal-werte-grid[b-fdmfs08toj] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

/* Same caption row as Assigned / All / Werkzeugklassen (bold title + + on right). */
.attribute-class-detail-panel__pane-header[b-fdmfs08toj] {
    flex: 0 0 auto;
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    min-width: 0;
    width: 100%;
}

.attribute-class-detail-panel__pane-title[b-fdmfs08toj] {
    flex: 1 1 auto;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.25;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    word-break: break-word;
}

.attributes-workspace__add-class[b-fdmfs08toj] {
    flex: 0 0 auto;
    min-width: 28px;
    margin-left: auto;
}

.merkmal-werte-grid__table-wrap[b-fdmfs08toj] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.merkmal-werte-grid__table-wrap[b-fdmfs08toj]  .dxbl-grid,
.merkmal-werte-grid__table-wrap[b-fdmfs08toj]  .center-crud-grid,
.merkmal-werte-grid__table-wrap[b-fdmfs08toj]  .merkmal-werte-grid__table {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.merkmal-werte-grid__empty[b-fdmfs08toj] {
    color: var(--gnt-text-muted, #666);
    padding: 0.5rem;
}

.merkmal-werte-grid__error[b-fdmfs08toj] {
    color: var(--gnt-danger, #b70e0c);
    margin-bottom: 4px;
    flex: 0 0 auto;
}
/* /Components/Pages/Auftraege/AuftraegeToolbarFilters.razor.rz.scp.css */
.auftraege-toolbar-filters[b-610f2dpbd9] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.auftraege-toolbar-filter[b-610f2dpbd9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    flex: 0 0 auto;
}

.auftraege-toolbar-filter--status[b-610f2dpbd9] {
    min-width: 0;
    max-width: 220px;
}

.auftraege-toolbar-filter__label[b-610f2dpbd9] {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
    flex: 0 0 auto;
}

.auftraege-toolbar-filter__editor[b-610f2dpbd9] {
    width: 168px;
    min-width: 140px;
    max-width: 220px;
}

.auftraege-toolbar-filters[b-610f2dpbd9]  .auftraege-toolbar-filter__date {
    width: 118px;
    min-width: 118px;
}

.auftraege-status-filter-box[b-610f2dpbd9] {
    width: 100%;
}

.auftraege-status-filter-display[b-610f2dpbd9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
/* /Components/Pages/Auftraege/AuftragEditorDialog.razor.rz.scp.css */
.auftrag-editor-dialog[b-q740kn6w45]  .dxbl-popup-content {
    padding: 0.85rem 1rem 0.65rem;
    overflow: hidden;
}

.auftrag-editor-dialog__body[b-q740kn6w45] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(92vh - 7rem);
}

.auftrag-editor-dialog__loading[b-q740kn6w45],
.auftrag-editor-dialog__not-found[b-q740kn6w45] {
    margin: 0;
    padding: 0.5rem 0;
}

.auftrag-editor-dialog__error[b-q740kn6w45] {
    color: var(--gnt-color-danger, #c0392b);
    font-size: 0.875rem;
}

.auftrag-editor-dialog__footer[b-q740kn6w45] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.auftrag-editor-dialog__body[b-q740kn6w45]  .auftrag-editor-form,
.auftrag-editor-dialog__body[b-q740kn6w45]  .dxbl-fl {
    min-width: 0;
    max-width: 100%;
}
/* /Components/Pages/Auftraege/AuftragEditorForm.razor.rz.scp.css */
.auftrag-editor-form[b-2dxurdnguv] {
    --auftrag-label-width: 8.5rem;
    --auftrag-gap: 0.65rem;
    --auftrag-panel-bg: var(--gnt-surface-muted, #f6f7f9);
    --auftrag-panel-border: var(--gnt-border-subtle, #e3e6ea);
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.auftrag-editor-form__hero[b-2dxurdnguv] {
    display: grid;
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
    gap: 1rem 1.25rem;
    align-items: end;
    padding: 0.85rem 1rem;
    border: 1px solid var(--auftrag-panel-border);
    border-radius: 0.5rem;
    background: linear-gradient(180deg, #fafbfc 0%, #f3f5f7 100%);
}

.auftrag-editor-form__hero-order[b-2dxurdnguv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.auftrag-editor-form__field-label[b-2dxurdnguv],
.auftrag-editor-form__recent-label[b-2dxurdnguv] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--gnt-text-muted, #6c757d);
}

.auftrag-editor-form__hero-options[b-2dxurdnguv] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.auftrag-editor-form__options-title[b-2dxurdnguv] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--gnt-text-muted, #6c757d);
}

.auftrag-editor-form__options-list[b-2dxurdnguv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
}

.auftrag-editor-form__options-list[b-2dxurdnguv]  .dxbl-checkbox {
    margin: 0;
}

.auftrag-editor-form__columns[b-2dxurdnguv] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(15rem, 1fr);
    gap: 0.85rem;
    align-items: start;
}

.auftrag-editor-form__panel[b-2dxurdnguv] {
    min-width: 0;
}

.auftrag-editor-form__panel--side[b-2dxurdnguv] {
    padding: 0.85rem 0.95rem 0.95rem;
    border: 1px solid var(--auftrag-panel-border);
    border-radius: 0.5rem;
    background: var(--auftrag-panel-bg);
}

.auftrag-editor-form__section-title[b-2dxurdnguv] {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--bs-body-color, #212529);
}

.auftrag-editor-form__section-title--spaced[b-2dxurdnguv] {
    margin-top: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--auftrag-panel-border);
}

.auftrag-editor-form__layout[b-2dxurdnguv]  .dxbl-fl-root {
    gap: 0;
}

.auftrag-editor-form__layout[b-2dxurdnguv]  .dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    flex: 0 0 var(--auftrag-label-width) !important;
    width: var(--auftrag-label-width) !important;
    max-width: var(--auftrag-label-width) !important;
    padding-right: 0.65rem;
    white-space: nowrap;
    font-size: 0.875rem;
    color: var(--bs-body-color, #212529);
}

.auftrag-editor-form__layout[b-2dxurdnguv]  .dxbl-fl-item {
    padding-top: calc(var(--auftrag-gap) * 0.5);
    padding-bottom: calc(var(--auftrag-gap) * 0.5);
}

.auftrag-editor-form__layout[b-2dxurdnguv]  .dxbl-fl-ctrl {
    min-width: 0;
}

.auftrag-editor-form__layout--compact[b-2dxurdnguv]  .dxbl-fl-item {
    padding-top: 0.28rem;
    padding-bottom: 0.28rem;
}

.auftrag-editor-form__group-row[b-2dxurdnguv],
.auftrag-editor-form__werkzeug-row[b-2dxurdnguv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    width: 100%;
}

.auftrag-editor-form__group-input[b-2dxurdnguv] {
    flex: 0 0 6.5rem;
    max-width: 6.5rem;
}

.auftrag-editor-form__werkzeug-row[b-2dxurdnguv]  .dxbl-combo-box {
    flex: 1 1 0;
    min-width: 0;
}

.auftrag-editor-form__recent[b-2dxurdnguv] {
    padding: 0.75rem 0.85rem 0.85rem;
    border: 1px solid var(--auftrag-panel-border);
    border-radius: 0.5rem;
    background: #fffef5;
    min-width: 0;
}

.auftrag-editor-form__recent-label[b-2dxurdnguv] {
    display: block;
    margin-bottom: 0.35rem;
}

.auftrag-editor-form__error[b-2dxurdnguv] {
    color: var(--gnt-color-danger, #c0392b);
    font-size: 0.875rem;
}

.auftrag-editor-form[b-2dxurdnguv]  .auftrag-editor-form__customer-name .dxbl-edit-text,
.auftrag-editor-form[b-2dxurdnguv]  .auftrag-editor-form__recent-numbers .dxbl-edit-text,
.auftrag-editor-form[b-2dxurdnguv]  .auftrag-editor-form__highlight .dxbl-edit-text {
    background-color: #fff9c4;
}

.auftrag-editor-form[b-2dxurdnguv]  .auftrag-editor-form__order-number {
    width: 100%;
}

.auftrag-editor-form[b-2dxurdnguv]  .auftrag-editor-form__order-number .dxbl-edit-text {
    font-size: 0.9375rem;
    font-weight: 600;
    font-family: inherit;
}

.auftrag-editor-form[b-2dxurdnguv]  .auftrag-editor-form__narrow-spin {
    max-width: 100%;
}

.auftrag-editor-form[b-2dxurdnguv]  .dxbl-spin-edit,
.auftrag-editor-form[b-2dxurdnguv]  .dxbl-text-edit,
.auftrag-editor-form[b-2dxurdnguv]  .dxbl-date-edit,
.auftrag-editor-form[b-2dxurdnguv]  .dxbl-combo-box,
.auftrag-editor-form[b-2dxurdnguv]  .dxbl-memo {
    width: 100%;
}

.auftrag-editor-form[b-2dxurdnguv]  .auftrag-editor-form__recent-numbers {
    min-height: 3.25rem;
}

@media (max-width: 900px) {
    .auftrag-editor-form__hero[b-2dxurdnguv],
    .auftrag-editor-form__columns[b-2dxurdnguv] {
        grid-template-columns: 1fr;
    }

    .auftrag-editor-form__hero[b-2dxurdnguv] {
        align-items: stretch;
    }
}
/* /Components/Pages/Auftraege/AuftragList.razor.rz.scp.css */
.auftraege-page[b-0g2yp66dv1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.auftraege-page__error[b-0g2yp66dv1] {
    color: var(--gnt-danger, #b70e0c);
    padding: 0.5rem 1rem;
}

.auftraege-split[b-0g2yp66dv1] {
    flex: 1;
    min-height: 0;
}

.auftrag-status-cell[b-0g2yp66dv1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.auftrag-detail-panel[b-0g2yp66dv1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .auftrag-overview-form-host .gnt-cf > .dxbl-row > .gnt-cf-tabs {
    flex: 1 1 0;
    min-height: 8rem;
    width: 100%;
}

/* Grid/slot tabs keep flex fill; Details tab scroll is on :has(#details-body) in app.css. */
.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .gnt-cf-tabs .dxbl-fl-tab-content:not(:has(#details-body)) {
    overflow: hidden !important;
}

/* Desktop CheckEdit style: caption on the checkbox, no extra layout column. */
.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel #IsInternal .dxbl-fl-ctrl,
.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel #IsTkoClosed .dxbl-fl-ctrl {
    align-items: center;
    justify-content: flex-start;
    min-height: 24px;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel #IsInternal .gnt-cf-checkbox,
.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel #IsTkoClosed .gnt-cf-checkbox {
    margin: 0;
    white-space: nowrap;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel #IsInternal .dxbl-checkbox,
.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel #IsTkoClosed .dxbl-checkbox {
    min-height: 24px;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .gnt-cf-tabs .dxbl-fl-tab-content:has(#details-body) .gnt-cf-slot {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0;
    overflow: visible !important;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .gnt-cf-tabs .dxbl-fl-tab-content:not(:has(#details-body)):not(:has(#artikel-body)):not(:has(#artikellisten-body)) .gnt-cf-slot {
    flex: 1 1 0 !important;
    min-height: 0;
    height: auto !important;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .auftrag-overview-form-host,
.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .auftrag-overview-form-host .gnt-ccf,
.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .auftrag-overview-form-host .gnt-cf {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.auftrag-detail-panel__tabs[b-0g2yp66dv1] {
    flex: 1;
    min-height: 0;
}

.auftrag-detail-panel__tab-body[b-0g2yp66dv1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
    padding: 0.5rem 0.25rem;
}

.auftrag-detail-panel__tab-body--split[b-0g2yp66dv1] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.5rem;
}

.auftrag-detail-panel__tab-body--artikel[b-0g2yp66dv1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 0;
    height: 100%;
}

.auftrag-detail-panel__artikel-filters[b-0g2yp66dv1] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0 0 2px;
    width: 100%;
}

.auftrag-detail-panel__artikel-filters-spacer[b-0g2yp66dv1] {
    flex: 1 1 auto;
    min-width: 0;
}

.auftrag-detail-panel__artikel-filter[b-0g2yp66dv1] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
}

.auftrag-detail-panel__artikel-filter-label[b-0g2yp66dv1] {
    font-size: 12px;
    color: #374151;
    white-space: nowrap;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .auftrag-detail-panel__artikel-filter-date {
    width: 134px;
}

.auftraege-page[b-0g2yp66dv1]  .auftrag-detail-panel .auftrag-detail-panel__artikel-filter:last-child .auftrag-detail-panel__artikel-filter-date {
    width: 139px;
}

.auftrag-detail-panel__artikel-split[b-0g2yp66dv1] {
    display: grid;
    grid-template-columns: minmax(280px, 422px) 10px minmax(0, 1fr);
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.auftrag-detail-panel__artikel-split-divider[b-0g2yp66dv1] {
    width: 10px;
    min-width: 10px;
    cursor: col-resize;
    background: transparent;
}

.auftrag-detail-panel__artikel-grid-wrap[b-0g2yp66dv1] {
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    height: 100%;
}

.auftrag-detail-panel__artikel-grid[b-0g2yp66dv1] {
    min-height: 0;
    min-width: 1180px;
}

.auftrag-detail-panel__artikellisten-grid-wrap[b-0g2yp66dv1] {
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    height: 100%;
    flex: 1 1 0;
}

.auftrag-detail-panel__status[b-0g2yp66dv1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.auftrag-detail-panel__loading[b-0g2yp66dv1],
.auftrag-detail-panel__empty[b-0g2yp66dv1],
.auftrag-detail-panel__placeholder[b-0g2yp66dv1] {
    color: #6b7280;
    padding: 0.5rem 0;
}

.auftrag-detail-panel__error[b-0g2yp66dv1] {
    color: var(--gnt-danger, #b70e0c);
}

.auftrag-detail-panel__chart[b-0g2yp66dv1] {
    min-height: 0;
    height: 100%;
}
/* /Components/Pages/Auftraege/AuftragOverviewForm.razor.rz.scp.css */
.auftrag-overview-form-host[b-8fcsv0rp2n] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-ccf,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-host,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf > .dxbl-row > .gnt-cf-tabs {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf .dxbl-tabs-content-panel {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
}

/* Details tab scroll — see app.css (:has(#details-body) on .dxbl-fl-tab-content). */
.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#details-body) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#details-body) > .dxbl-row {
    flex: 0 0 auto !important;
    height: auto !important;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#details-body) .gnt-cf-slot {
    flex: 0 0 auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* Desktop lcgAuftragDetails row: Stückzahl label + Toleranz + Jahr on one line. */
.auftrag-detail-panel__volume-toolbar[b-8fcsv0rp2n] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    width: 100%;
    min-height: 24px;
    box-sizing: border-box;
}

.auftrag-detail-panel__volume-section-label[b-8fcsv0rp2n] {
    flex: 1 1 auto;
    min-width: 6rem;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.auftrag-detail-panel__volume-label[b-8fcsv0rp2n],
.auftrag-detail-panel__volume-suffix[b-8fcsv0rp2n] {
    flex: 0 0 auto;
    margin: 0;
    font-size: 12px;
    color: #374151;
    white-space: nowrap;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__volume-toleranz,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__volume-toleranz .dxbl-spin-edit {
    width: 72px !important;
    max-width: 72px;
    flex: 0 0 72px;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__volume-year,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__volume-year .dxbl-spin-edit {
    width: 96px !important;
    max-width: 96px;
    flex: 0 0 96px;
}

/* Monthly grid: horizontal scroll when pane is narrower than all month columns. */
.auftrag-detail-panel__volume-grid-wrap[b-8fcsv0rp2n] {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    min-width: 0;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__volume-grid {
    min-width: 1040px;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-artikel-lagerstand--equal {
    color: #daa520;
    font-weight: 600;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-artikel-lagerstand--below {
    color: var(--gnt-danger, #b70e0c);
    font-weight: 600;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-artikel-lagerstand--above {
    color: #15803d;
    font-weight: 600;
}

/* Artikel tab — filters on top, chart left / grid right (desktop lcgArtikel). */
.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikel-body) {
    overflow: hidden !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikel-body) > .dxbl-row {
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100% !important;
    width: 100%;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #artikel-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    gap: 0.35rem;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #artikel-body > .dxbl-row,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #artikel-body > .dxbl-fl-group > .dxbl-row {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
    gap: 0.35rem;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #artikel-body .dxbl-fl-group-header {
    display: none;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-filters.gnt-cf-slot-item,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-filters .gnt-cf-slot-item {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-main,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-chart,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-grid {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 12rem;
    overflow: hidden;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-main .dxbl-fl-ctrl,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-chart .dxbl-fl-ctrl,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-grid .dxbl-fl-ctrl {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0;
    height: 100%;
    width: 100%;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-filters .gnt-cf-slot,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-main .gnt-cf-slot,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-chart .gnt-cf-slot,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-grid .gnt-cf-slot {
    display: flex;
    flex-direction: column;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-filters .gnt-cf-slot {
    flex: 0 0 auto;
    height: auto;
    overflow: visible;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-main .gnt-cf-slot,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-chart .gnt-cf-slot,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #detail-artikel-grid .gnt-cf-slot {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikel-body) #detail-artikel-main .gnt-cf-slot,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikel-body) #detail-artikel-chart .gnt-cf-slot,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikel-body) #detail-artikel-grid .gnt-cf-slot {
    flex: 1 1 0 !important;
    min-height: 0;
    height: 100% !important;
    overflow: hidden !important;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikel-body) #detail-artikel-filters .gnt-cf-slot {
    flex: 0 0 auto !important;
    height: auto !important;
    overflow: visible !important;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem;
    min-height: 32px;
    width: 100%;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    white-space: nowrap;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter-label {
    font-size: 12px;
    color: #374151;
    white-space: nowrap;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter-date--from,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter-date--from .dxbl-date-edit,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter-date--from .dxbl-text-edit {
    width: 134px !important;
    min-width: 134px !important;
    max-width: 134px !important;
    flex: 0 0 134px;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter-date--to,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter-date--to .dxbl-date-edit,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-filter-date--to .dxbl-text-edit {
    width: 139px !important;
    min-width: 139px !important;
    max-width: 139px !important;
    flex: 0 0 139px;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #artikel-main-row > .dxbl-row,
.auftrag-overview-form-host[b-8fcsv0rp2n]  #artikel-main-row > .dxbl-fl-group > .dxbl-row {
    display: grid !important;
    grid-template-columns: minmax(280px, 422px) 10px minmax(0, 1fr);
    flex: 1 1 0 !important;
    min-height: 12rem;
    height: 100%;
    width: 100%;
    gap: 0;
    align-items: stretch;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-split {
    display: grid;
    grid-template-columns: minmax(280px, 422px) 10px minmax(0, 1fr);
    flex: 1 1 0;
    min-height: 12rem;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-split-divider {
    width: 10px;
    min-width: 10px;
    cursor: col-resize;
    background: transparent;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__chart {
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-grid-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    height: 100%;
    width: 100%;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-grid,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikel-grid .dxbl-grid {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 1180px;
    height: 100% !important;
    max-height: 100%;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__loading,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__error {
    padding: 0.25rem 0;
}

/* Artikellisten tab — single grid fills tab height (desktop gvArtikellisten). */
.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikellisten-body) {
    overflow: hidden !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikellisten-body) > .dxbl-row {
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100% !important;
    width: 100%;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  #artikellisten-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .gnt-cf-tabs .dxbl-fl-tab-content:has(#artikellisten-body) .gnt-cf-slot {
    flex: 1 1 0 !important;
    min-height: 0;
    height: 100% !important;
    overflow: hidden !important;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__tab-body--artikellisten {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    gap: 0;
    padding-bottom: 0;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikellisten-grid-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    height: 100%;
    width: 100%;
}

.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikellisten-grid,
.auftrag-overview-form-host[b-8fcsv0rp2n]  .auftrag-detail-panel__artikellisten-grid .dxbl-grid {
    flex: 1 1 0;
    min-height: 0;
    height: 100% !important;
    max-height: 100%;
}
/* /Components/Pages/Bde/BdeArbeitsgangEditDialog.razor.rz.scp.css */
.bde-ag-edit-dialog[b-bdww0zaw0s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 2px 0;
}

.bde-ag-edit-dialog__grid[b-bdww0zaw0s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "order time"
        "other progress"
        "comment comment";
    gap: 12px 16px;
    align-items: start;
}

.bde-ag-edit-dialog__panel[b-bdww0zaw0s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.bde-ag-edit-dialog__panel--order[b-bdww0zaw0s] { grid-area: order; }
.bde-ag-edit-dialog__panel--time[b-bdww0zaw0s] { grid-area: time; }
.bde-ag-edit-dialog__panel--other[b-bdww0zaw0s] { grid-area: other; }
.bde-ag-edit-dialog__panel--comment[b-bdww0zaw0s] { grid-area: comment; }
.bde-ag-edit-dialog__panel--progress[b-bdww0zaw0s] { grid-area: progress; }

.bde-ag-edit-dialog__section-title[b-bdww0zaw0s] {
    margin: 0;
    padding: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #4b5563;
    border-bottom: 1px solid #e5e7eb;
}

.bde-ag-edit-dialog__fields[b-bdww0zaw0s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bde-ag-edit-dialog__field[b-bdww0zaw0s] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 9.5rem) 1fr;
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
}

.bde-ag-edit-dialog__field--checkbox[b-bdww0zaw0s] {
    align-items: start;
}

.bde-ag-edit-dialog__field--checkbox[b-bdww0zaw0s] > (*) {
    grid-column: 2;
}

.bde-ag-edit-dialog__field-label[b-bdww0zaw0s] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    line-height: 1.3;
}

.bde-ag-edit-dialog__priority-field[b-bdww0zaw0s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.bde-ag-edit-dialog__hint[b-bdww0zaw0s] {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.4;
}

.bde-ag-edit-dialog__durations[b-bdww0zaw0s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bde-ag-edit-dialog__total-summary[b-bdww0zaw0s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
}

.bde-ag-edit-dialog__total-summary-label[b-bdww0zaw0s] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6b7280;
}

.bde-ag-edit-dialog__total-display[b-bdww0zaw0s] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.35rem;
    padding: 2px 0;
}

.bde-ag-edit-dialog__total-value[b-bdww0zaw0s] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1d4ed8;
    line-height: 1.2;
}

.bde-ag-edit-dialog__total-unit[b-bdww0zaw0s] {
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.2;
    margin-right: 0.65rem;
}

.bde-ag-edit-dialog__total-unit:last-child[b-bdww0zaw0s] {
    margin-right: 0;
}

.bde-ag-edit-dialog__comment[b-bdww0zaw0s] {
    min-height: 6rem;
    width: 100%;
}

.bde-ag-edit-dialog__comment[b-bdww0zaw0s]  textarea,
.bde-ag-edit-dialog__comment[b-bdww0zaw0s]  .dxbl-memo {
    min-height: 6rem;
}

@media (max-width: 900px) {
    .bde-ag-edit-dialog__grid[b-bdww0zaw0s] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "order"
            "time"
            "other"
            "progress"
            "comment";
    }
}
/* /Components/Pages/Bde/BdeArbeitsgangEditForm.razor.rz.scp.css */
.bde-ag-edit-dialog[b-0i6mc87ood] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 2px 0;
}

.bde-ag-edit-dialog__grid[b-0i6mc87ood] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "order time"
        "other progress"
        "comment comment";
    gap: 12px 16px;
    align-items: start;
}

.bde-ag-edit-dialog__panel[b-0i6mc87ood] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.bde-ag-edit-dialog__panel--order[b-0i6mc87ood] { grid-area: order; }
.bde-ag-edit-dialog__panel--time[b-0i6mc87ood] { grid-area: time; }
.bde-ag-edit-dialog__panel--other[b-0i6mc87ood] { grid-area: other; }
.bde-ag-edit-dialog__panel--comment[b-0i6mc87ood] { grid-area: comment; }
.bde-ag-edit-dialog__panel--progress[b-0i6mc87ood] { grid-area: progress; }

.bde-ag-edit-dialog__section-title[b-0i6mc87ood] {
    margin: 0;
    padding: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #4b5563;
    border-bottom: 1px solid #e5e7eb;
}

.bde-ag-edit-dialog__fields[b-0i6mc87ood] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bde-ag-edit-dialog__field[b-0i6mc87ood] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 9.5rem) 1fr;
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
}

.bde-ag-edit-dialog__field--checkbox[b-0i6mc87ood] {
    align-items: start;
}

.bde-ag-edit-dialog__field--checkbox[b-0i6mc87ood] > (*) {
    grid-column: 2;
}

.bde-ag-edit-dialog__field-label[b-0i6mc87ood] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    line-height: 1.3;
}

.bde-ag-edit-dialog__priority-field[b-0i6mc87ood] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.bde-ag-edit-dialog__hint[b-0i6mc87ood] {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.4;
}

.bde-ag-edit-dialog__form[b-0i6mc87ood] {
    width: 100%;
}

.bde-ag-edit-dialog__form[b-0i6mc87ood]  .dxbl-fl-item {
    margin-bottom: 6px;
}

.bde-ag-edit-dialog__form[b-0i6mc87ood]  .dxbl-fl-cpt {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    min-width: 8.5rem;
}

.bde-ag-edit-dialog__durations[b-0i6mc87ood] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bde-ag-edit-dialog__total-summary[b-0i6mc87ood] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
}

.bde-ag-edit-dialog__total-summary-label[b-0i6mc87ood] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6b7280;
}

.bde-ag-edit-dialog__total-display[b-0i6mc87ood] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.35rem;
    padding: 2px 0;
}

.bde-ag-edit-dialog__total-value[b-0i6mc87ood] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1d4ed8;
    line-height: 1.2;
}

.bde-ag-edit-dialog__total-unit[b-0i6mc87ood] {
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.2;
    margin-right: 0.65rem;
}

.bde-ag-edit-dialog__total-unit:last-child[b-0i6mc87ood] {
    margin-right: 0;
}

.bde-ag-edit-dialog__panel--progress[b-0i6mc87ood]  .bde-progress-value-panel {
    --bde-progress-bar-width: 72px;
}

.bde-ag-edit-dialog__panel--progress[b-0i6mc87ood]  .bde-progress-value-panel__body {
    align-items: start;
}

.bde-ag-edit-dialog__panel--progress[b-0i6mc87ood]  .bde-progress-value-panel__visual {
    min-height: 96px;
    height: 96px;
}

.bde-ag-edit-dialog__panel--progress[b-0i6mc87ood]  .bde-progress-value-panel__fields {
    width: 100%;
    max-width: 100%;
}

.bde-ag-edit-dialog__comment[b-0i6mc87ood] {
    min-height: 6rem;
    width: 100%;
}

.bde-ag-edit-dialog__comment[b-0i6mc87ood]  textarea,
.bde-ag-edit-dialog__comment[b-0i6mc87ood]  .dxbl-memo {
    min-height: 6rem;
}

@media (max-width: 900px) {
    .bde-ag-edit-dialog__grid[b-0i6mc87ood] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "order"
            "time"
            "other"
            "progress"
            "comment";
    }
}
/* /Components/Pages/Bde/BdeArbeitsgangEditorHost.razor.rz.scp.css */
.bde-ag-editor-host[b-6b95qjo4c8] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    width: 100%;
    padding: 12px 16px;
    overflow: auto;
    box-sizing: border-box;
}

.bde-ag-editor-host__shell[b-6b95qjo4c8] {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
}

.bde-ag-editor-host__shell .bde-ag-edit-dialog[b-6b95qjo4c8],
.bde-ag-editor-host__shell .bde-ag-edit-dialog__grid[b-6b95qjo4c8] {
    width: 100%;
}
/* /Components/Pages/Bde/BdeArbeitsgangTeilEditDialog.razor.rz.scp.css */
.bde-ag-teil-edit-dialog__grid[b-9ng911mbdy] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "order other";
}

@media (max-width: 720px) {
    .bde-ag-teil-edit-dialog__grid[b-9ng911mbdy] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "order"
            "other";
    }
}
/* /Components/Pages/Bde/BdeBarcodeDialog.razor.rz.scp.css */
.bde-barcode-dialog[b-1b0s10aou8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
}

.bde-barcode-dialog__toolbar[b-1b0s10aou8] {
    display: flex;
    gap: 0.35rem;
    flex: 0 0 auto;
}

.bde-barcode-dialog__header[b-1b0s10aou8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    flex: 0 0 auto;
    align-items: start;
}

.bde-barcode-dialog__summary-column[b-1b0s10aou8] {
    min-width: 0;
}

.bde-barcode-dialog__summary-column[b-1b0s10aou8]  .bde-barcode-dialog__summary-form {
    width: 100%;
}

.bde-barcode-dialog__summary-column[b-1b0s10aou8]  .bde-barcode-dialog__summary-form .dxbl-fl-group-header {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gnt-text-secondary, #666);
    background: var(--gnt-surface-2, #f0f0f0);
    padding: 4px 8px;
    margin-bottom: 4px;
}

.bde-barcode-dialog__summary-column[b-1b0s10aou8]  .bde-barcode-dialog__summary-form .dxbl-fl-item-caption {
    font-size: 0.6875rem;
    color: var(--gnt-text-secondary, #666);
    min-width: 110px;
}

.bde-barcode-dialog__summary-column[b-1b0s10aou8]  .bde-barcode-dialog__summary-form .dxbl-textbox {
    width: 100%;
}

.bde-barcode-dialog__grid-wrap[b-1b0s10aou8] {
    flex: 1 1 0;
    min-height: 12rem;
    height: 0;
}

.bde-barcode-cell[b-1b0s10aou8] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 36px;
    padding: 2px 0;
}

.bde-barcode-cell__svg[b-1b0s10aou8] {
    max-width: 100%;
    height: 36px;
}

.bde-barcode-dialog__hint[b-1b0s10aou8] {
    flex: 0 0 auto;
    margin: 0;
    font-size: 0.8rem;
    color: var(--gnt-text-muted, #666);
}

@media (max-width: 960px) {
    .bde-barcode-dialog__header[b-1b0s10aou8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Bde/BdeCorrectionPieceCountDialog.razor.rz.scp.css */
.bde-correction-form[b-kg0a9m4zfo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.bde-correction-form__row[b-kg0a9m4zfo] {
    display: grid;
    grid-template-columns: 9rem 1fr;
    gap: 0.5rem;
    align-items: center;
}

.bde-correction-form__row label[b-kg0a9m4zfo] {
    font-weight: 600;
    font-size: 0.85rem;
}

.bde-correction-form__picker[b-kg0a9m4zfo] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.bde-correction-form__picker[b-kg0a9m4zfo]  .dxbl-text-edit {
    flex: 1 1 auto;
}

.bde-correction-form__error[b-kg0a9m4zfo] {
    margin: 0;
    color: #b00020;
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .bde-correction-form__row[b-kg0a9m4zfo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Bde/BdeCorrectionsDialog.razor.rz.scp.css */
.bde-corrections[b-cva1zqfzkp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
}

.bde-corrections__toolbar[b-cva1zqfzkp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    flex: 0 0 auto;
}

.bde-corrections__prefilter[b-cva1zqfzkp] {
    margin-left: auto;
    font-size: 0.85rem;
    color: #555;
}

.bde-corrections__actions[b-cva1zqfzkp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    flex: 0 0 auto;
    padding: 0.35rem 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.bde-corrections__action-group[b-cva1zqfzkp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    padding-right: 0.75rem;
    border-right: 1px solid #e0e0e0;
}

.bde-corrections__action-group:last-child[b-cva1zqfzkp] {
    border-right: none;
}

.bde-corrections__action-group-title[b-cva1zqfzkp] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #444;
    margin-right: 0.25rem;
}

.bde-corrections__grids[b-cva1zqfzkp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1 1 0;
    min-height: 0;
    height: 0;
}

.bde-corrections__grid-panel[b-cva1zqfzkp] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    overflow: hidden;
}

.bde-corrections__grid-title[b-cva1zqfzkp] {
    flex: 0 0 auto;
    padding: 0.35rem 0.6rem;
    font-weight: 600;
    background: #ececec;
    border-bottom: 1px solid #d0d0d0;
}

.bde-corrections__grid-panel[b-cva1zqfzkp]  .dxbl-grid {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.bde-corrections__grid-panel[b-cva1zqfzkp]  .dxbl-grid-table-wrapper {
    min-height: 0;
}

.bde-corrections__grid-empty[b-cva1zqfzkp] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6rem;
}

.bde-corrections__hint[b-cva1zqfzkp] {
    flex: 0 0 auto;
    margin: 0;
    font-size: 0.8rem;
    color: #666;
}

.bde-corrections-logins-grid[b-cva1zqfzkp]  .bde-corrections-row--active td {
    background: #fff8e1;
}

@media (max-width: 960px) {
    .bde-corrections__prefilter[b-cva1zqfzkp] {
        margin-left: 0;
        width: 100%;
    }

    .bde-corrections__action-group[b-cva1zqfzkp] {
        border-right: none;
        width: 100%;
    }
}
/* /Components/Pages/Bde/BdeDiagnosticsDetailDocumentPanel.razor.rz.scp.css */
.bde-diagnostics__detail-document[b-6v0wqh4r2c] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.bde-diagnostics__detail-document[b-6v0wqh4r2c]  .bde-diagnostics__detail-tabs.dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
}

.bde-diagnostics__detail-document[b-6v0wqh4r2c]  .bde-diagnostics__detail-tabs .dxbl-tabs-tablist {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}

.bde-diagnostics__detail-document[b-6v0wqh4r2c]  .bde-diagnostics__detail-tabs .dxbl-tabs-content-panel,
.bde-diagnostics__detail-document[b-6v0wqh4r2c]  .bde-diagnostics__detail-tabs .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}

.bde-diagnostics__detail-document[b-6v0wqh4r2c]  .bde-diagnostics__detail-tabs .dxbl-tabs-content.dxbl-active > * {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}
/* /Components/Pages/Bde/BdeDiagnosticsHost.razor.rz.scp.css */
.bde-diagnostics-page[b-tpsr110u35] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.bde-diagnostics-page[b-tpsr110u35]  .bde-diagnostics {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
}
/* /Components/Pages/Bde/BdeDiagnosticsOverviewPanel.razor.rz.scp.css */
.bde-diagnostics-overview[b-55uz10ov86] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.bde-diagnostics-overview__welcome[b-55uz10ov86],
.bde-diagnostics-overview__summary[b-55uz10ov86] {
    flex: 0 0 auto;
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
    border-bottom: 1px solid var(--dxbl-border-color, #d0d7de);
}

.bde-diagnostics-overview__welcome[b-55uz10ov86] {
    color: var(--dxbl-text-muted-color, #57606a);
    background: color-mix(in srgb, #ddf4ff 40%, var(--dxbl-body-bg, #fff) 60%);
}

.bde-diagnostics-overview__summary[b-55uz10ov86] {
    font-weight: 600;
    color: var(--dxbl-text-color, #1f2328);
    background: color-mix(in srgb, var(--dxbl-body-bg, #fff) 94%, #000 6%);
}

.bde-diagnostics-overview__summary-progress[b-55uz10ov86] {
    font-weight: 400;
    color: var(--dxbl-text-muted-color, #57606a);
}

.bde-diagnostics-overview__progress[b-55uz10ov86] {
    flex: 0 0 auto;
    margin: 0 0.75rem 0.625rem;
}

.bde-diagnostics-overview__progress-track[b-55uz10ov86] {
    width: 100%;
    height: 14px;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
}

.bde-diagnostics-overview__progress-fill[b-55uz10ov86] {
    height: 100%;
    background: var(--dxbl-grid-selection-focus-dark-bg, #b71c1c);
    border-radius: 0;
    transition: width 0.15s ease;
}

.bde-diagnostics-overview__error[b-55uz10ov86] {
    margin: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.375rem;
    color: #b42318;
    background: color-mix(in srgb, #ffebe9 60%, var(--dxbl-body-bg, #fff) 40%);
    border: 1px solid color-mix(in srgb, #cf222e 25%, transparent);
}

.bde-diagnostics-overview__content[b-55uz10ov86] {
    display: grid;
    grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}

.bde-diagnostics-overview__checks[b-55uz10ov86],
.bde-diagnostics-overview__details[b-55uz10ov86] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.bde-diagnostics-overview__checks[b-55uz10ov86] {
    border-right: 1px solid var(--dxbl-border-color, #d0d7de);
}

.bde-diagnostics-overview__caption[b-55uz10ov86] {
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-bottom: 1px solid var(--dxbl-border-color, #d0d7de);
    background: color-mix(in srgb, var(--dxbl-body-bg, #fff) 94%, #000 6%);
}

.bde-diagnostics-overview__grid-host[b-55uz10ov86],
.bde-diagnostics-overview__details-grid[b-55uz10ov86] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}

.bde-diagnostics-overview__grid-host[b-55uz10ov86]  .dxbl-grid,
.bde-diagnostics-overview__details-grid[b-55uz10ov86]  .bde-diagnostics-grid,
.bde-diagnostics-overview__details-grid[b-55uz10ov86]  .bde-diagnostics-grid .dxbl-grid {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
}

.bde-diagnostics-overview__details-caption[b-55uz10ov86] {
    flex: 0 0 auto;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    color: var(--dxbl-text-muted-color, #57606a);
}

.bde-diagnostics-overview__glyph[b-55uz10ov86] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.bde-diagnostics-overview__glyph--pass[b-55uz10ov86] {
    color: #1a7f37;
}

.bde-diagnostics-overview__glyph--fail[b-55uz10ov86] {
    color: #cf222e;
}

.bde-diagnostics-overview__glyph--pending[b-55uz10ov86] {
    color: var(--dxbl-text-muted-color, #57606a);
}

.bde-diagnostics-overview__info-cell[b-55uz10ov86] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bde-diagnostics-overview__grid-host[b-55uz10ov86]  .bde-diagnostics-overview__grid .dxbl-grid-data-cell {
    overflow: hidden;
}

@media (max-width: 900px) {
    .bde-diagnostics-overview__content[b-55uz10ov86] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(220px, 42%) minmax(0, 1fr);
    }

    .bde-diagnostics-overview__checks[b-55uz10ov86] {
        border-right: 0;
        border-bottom: 1px solid var(--dxbl-border-color, #d0d7de);
    }
}
/* /Components/Pages/Bde/BdeDiagnosticsRibbonCommands.razor.rz.scp.css */
.bde-diagnostics-ribbon-cmd[b-q3y7v6qs7z] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.bde-diagnostics-ribbon-cmd__field[b-q3y7v6qs7z] {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.bde-diagnostics-ribbon-cmd__label[b-q3y7v6qs7z] {
    flex: 0 0 auto;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--dxbl-text-muted-color, #57606a);
    text-transform: uppercase;
    white-space: nowrap;
}

.bde-diagnostics-ribbon-cmd__input[b-q3y7v6qs7z] {
    flex: 0 1 auto;
    min-width: 10rem;
}

.bde-diagnostics-ribbon-cmd__input--narrow[b-q3y7v6qs7z] {
    width: 6.5rem;
    min-width: 6.5rem;
}

.bde-diagnostics-ribbon-cmd__input--wide[b-q3y7v6qs7z] {
    min-width: 14rem;
}
/* /Components/Pages/Bde/BdeDiagnosticsWorkspace.razor.rz.scp.css */
.bde-diagnostics[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    background: var(--dxbl-body-bg, #fff);
}

.bde-diagnostics__body[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}

.bde-diagnostics-documents[b-f4uw2ok17o] {
    flex: 0 0 auto;
}

/* Page mode tabs (Überblick / Auftrag / …) */
.bde-diagnostics-page-tabs[b-f4uw2ok17o] {
    flex: 0 0 auto;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-page-tabs.dxbl-tabs .dxbl-tabs-header {
    flex: 0 0 auto;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-page-tabs .dxbl-tabs-content-panel,
.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-page-tabs .dxbl-tabs-content {
    display: none;
}

/* Open document tabs (headers only; content renders in .bde-diagnostics-document-area) */
.bde-diagnostics-document-tabs-host[b-f4uw2ok17o] {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    gap: 0.25rem;
    min-width: 0;
}

.bde-diagnostics-document-tabs-host__close[b-f4uw2ok17o] {
    flex: 0 0 auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-top: 0.25rem;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    cursor: pointer;
    line-height: 1;
    font-size: 1.125rem;
    color: var(--dxbl-text-muted-color, #57606a);
}

.bde-diagnostics-document-tabs-host__close:hover[b-f4uw2ok17o] {
    background: color-mix(in srgb, #cf222e 12%, transparent);
    color: #cf222e;
}

.bde-diagnostics-document-tabs[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-document-tabs--headers-only .dxbl-tabs-content-panel,
.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-document-tabs--headers-only .dxbl-tabs-content {
    display: none;
}

.bde-diagnostics-document-area[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}

.bde-diagnostics-document-pane[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 12rem;
    overflow: hidden;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-document-tabs .dxbl-tabs-header {
    flex: 0 0 auto;
}

.bde-diagnostics-document-pane[b-f4uw2ok17o] >  .bde-diagnostics-overview,
.bde-diagnostics-document-pane[b-f4uw2ok17o] >  .bde-diagnostics__detail-document,
.bde-diagnostics-document-pane[b-f4uw2ok17o] >  .bde-diagnostics-sql {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
}

/* Document content */
.bde-diagnostics-document-area__hint[b-f4uw2ok17o] {
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--dxbl-border-color, #d0d7de);
    font-size: 0.75rem;
    color: var(--dxbl-text-muted-color, #57606a);
    background: color-mix(in srgb, var(--dxbl-body-bg, #fff) 96%, #000 4%);
}

.bde-diagnostics-footer[b-f4uw2ok17o] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

/* Shared states */
.bde-diagnostics-state[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-height: 12rem;
    padding: 2rem 1.5rem;
    text-align: center;
}

.bde-diagnostics-state--compact[b-f4uw2ok17o] {
    min-height: 8rem;
    padding: 1.5rem 1rem;
}

.bde-diagnostics-state--empty .bde-diagnostics-state__title[b-f4uw2ok17o] {
    color: var(--dxbl-text-muted-color, #57606a);
}

.bde-diagnostics-state--error[b-f4uw2ok17o] {
    margin: 1rem;
    border: 1px solid color-mix(in srgb, #cf222e 35%, transparent);
    border-radius: 0.5rem;
    background: color-mix(in srgb, #ffebe9 55%, var(--dxbl-body-bg, #fff) 45%);
}

.bde-diagnostics-state--error .bde-diagnostics-state__title[b-f4uw2ok17o] {
    color: #b42318;
}

.bde-diagnostics-state__title[b-f4uw2ok17o] {
    font-size: 0.9375rem;
    line-height: 1.5;
    max-width: 32rem;
}

.bde-diagnostics-state__spinner[b-f4uw2ok17o],
.bde-diagnostics-documents__spinner[b-f4uw2ok17o] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid color-mix(in srgb, var(--dxbl-border-color, #d0d7de) 70%, transparent);
    border-top-color: #0969da;
    border-radius: 50%;
    animation: bde-diagnostics-spin-b-f4uw2ok17o 0.8s linear infinite;
}

@keyframes bde-diagnostics-spin-b-f4uw2ok17o {
    to { transform: rotate(360deg); }
}

/* Section titles */
.bde-diagnostics-section-title[b-f4uw2ok17o] {
    flex: 0 0 auto;
    padding: 0.625rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--dxbl-text-muted-color, #57606a);
    border-bottom: 1px solid var(--dxbl-border-color, #d0d7de);
    background: color-mix(in srgb, var(--dxbl-body-bg, #fff) 94%, #000 6%);
}

/* Detail document */
/* Detail document layout is defined in BdeDiagnosticsDetailDocumentPanel.razor.css */

.bde-diagnostics-document-area[b-f4uw2ok17o] >  > *:first-child {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.bde-diagnostics__detail-tabs[b-f4uw2ok17o] {
    flex: 1 1 auto;
    min-height: 0;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics__detail-tabs.dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics__detail-tabs .dxbl-tabs-content-panel,
.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics__detail-tabs .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.bde-diagnostics__stacked-layout[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0.625rem;
}

.bde-diagnostics__stacked-section[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    min-height: 16rem;
    flex: 1 1 0;
    border: 1px solid var(--dxbl-border-color, #d0d7de);
    border-radius: 0.375rem;
    overflow: hidden;
    background: var(--dxbl-body-bg, #fff);
    box-shadow: 0 1px 2px color-mix(in srgb, #000 6%, transparent);
}

.bde-diagnostics__stacked-caption[b-f4uw2ok17o] {
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    font-size: 0.8125rem;
    border-bottom: 1px solid var(--dxbl-border-color, #d0d7de);
    background: color-mix(in srgb, var(--dxbl-body-bg, #fff) 92%, #000 8%);
}

.bde-diagnostics-grid[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 14rem;
    overflow: hidden;
}

.bde-diagnostics-grid[b-f4uw2ok17o],
.bde-diagnostics-grid__dx[b-f4uw2ok17o],
.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-grid .dxbl-grid {
    flex: 1 1 auto;
    min-height: 14rem;
    width: 100%;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-grid .dxbl-grid-filter-row,
.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-grid .dxbl-grid-filter-panel,
.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-grid .dxbl-grid-footer {
    flex: 0 0 auto;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-grid .dxbl-grid-table-wrapper {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Overview row tinting (grid lives in overview panel) */
.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-overview__row--pass {
    background: color-mix(in srgb, #dafbe1 50%, var(--dxbl-body-bg, #fff) 50%) !important;
}

.bde-diagnostics[b-f4uw2ok17o]  .bde-diagnostics-overview__row--fail {
    background: color-mix(in srgb, #ffebe9 65%, var(--dxbl-body-bg, #fff) 35%) !important;
}

/* SQL panel */
.bde-diagnostics-sql[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    gap: 0.625rem;
    padding: 0.625rem;
}

.bde-diagnostics-sql__toolbar[b-f4uw2ok17o] {
    display: flex;
    gap: 0.5rem;
}

.bde-diagnostics-sql__tabs[b-f4uw2ok17o] {
    flex: 0 0 auto;
}

.bde-diagnostics-sql__editor[b-f4uw2ok17o] {
    width: 100%;
}

.bde-diagnostics-sql__results[b-f4uw2ok17o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.bde-diagnostics-sql__record-count[b-f4uw2ok17o] {
    padding: 0.375rem 0.5rem;
    font-size: 0.8125rem;
    color: var(--dxbl-text-muted-color, #57606a);
}

@media (max-width: 900px) {
    .bde-diagnostics-document-tabs-host[b-f4uw2ok17o] {
        flex-direction: column;
    }
}
/* /Components/Pages/Bde/BdeDurationInputRow.razor.rz.scp.css */
.bde-duration-input-row[b-y31a2s2mb6] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 9rem) 1fr;
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
}

.bde-duration-input-row__name[b-y31a2s2mb6] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    line-height: 1.3;
}

.bde-duration-input-row__parts[b-y31a2s2mb6] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
    min-width: 0;
}

.bde-duration-input-row__spin[b-y31a2s2mb6] {
    width: 4.25rem;
    min-width: 4.25rem;
    max-width: 4.25rem;
    flex: 0 0 auto;
}

.bde-duration-input-row[b-y31a2s2mb6]  .bde-duration-input-row__spin {
    width: 4.25rem;
    min-width: 4.25rem;
    max-width: 4.25rem;
}

.bde-duration-input-row[b-y31a2s2mb6]  .bde-duration-input-row__spin .dxbl-spin-edit {
    width: 100%;
}

.bde-duration-input-row__unit[b-y31a2s2mb6] {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    min-width: 0.85rem;
    margin-right: 2px;
}

.bde-duration-input-row__sep[b-y31a2s2mb6] {
    color: #9ca3af;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    padding: 0 1px;
}

.bde-duration-input-row__sep--comma[b-y31a2s2mb6] {
    margin-right: 2px;
}
/* /Components/Pages/Bde/BdeEmployeePickDialog.razor.rz.scp.css */
.bde-employee-pick-dialog[b-1rc3ci1hjg] {
    display: grid;
    grid-template-columns: minmax(240px, 34%) minmax(0, 1fr);
    gap: 0;
    height: 540px;
    min-height: 0;
    outline: none;
}

.bde-employee-pick-dialog__list[b-1rc3ci1hjg],
.bde-employee-pick-dialog__detail[b-1rc3ci1hjg] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid #c8c8c8;
    background: #fff;
}

.bde-employee-pick-dialog__detail[b-1rc3ci1hjg] {
    border-left: none;
}

.bde-employee-pick-dialog__list-header[b-1rc3ci1hjg],
.bde-employee-pick-dialog__detail-header[b-1rc3ci1hjg] {
    padding: 0.45rem 0.75rem;
    background: #ececec;
    border-bottom: 1px solid #c8c8c8;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.bde-employee-pick-dialog__search[b-1rc3ci1hjg] {
    display: grid;
    grid-template-columns: minmax(120px, 42%) minmax(0, 1fr);
    gap: 0.35rem;
    padding: 0.5rem;
    background: #8f8f8f;
    border-bottom: 1px solid #7a7a7a;
}

.bde-employee-pick-dialog__search[b-1rc3ci1hjg]  .dxbl-text-edit,
.bde-employee-pick-dialog__search[b-1rc3ci1hjg]  .dxbl-combo-box {
    width: 100%;
}

.bde-employee-pick-dialog__list-host[b-1rc3ci1hjg] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #fff;
}

.bde-employee-pick-dialog__list-item[b-1rc3ci1hjg] {
    display: block;
    width: 100%;
    padding: 0.35rem 0.75rem;
    border: 0;
    border-bottom: 1px solid #efefef;
    background: transparent;
    color: #191970;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.bde-employee-pick-dialog__list-item:hover[b-1rc3ci1hjg] {
    background: #f3f6ff;
}

.bde-employee-pick-dialog__list-item--selected[b-1rc3ci1hjg] {
    background: #dbe7ff;
    font-weight: 600;
}

.bde-employee-pick-dialog__empty[b-1rc3ci1hjg],
.bde-employee-pick-dialog__detail-empty[b-1rc3ci1hjg] {
    padding: 1rem;
    color: #666;
}

.bde-employee-pick-dialog__detail[b-1rc3ci1hjg] {
    overflow: auto;
}

.bde-employee-pick-dialog__form[b-1rc3ci1hjg] {
    padding: 0.5rem 0.75rem 0.75rem;
}

.bde-employee-pick-dialog__section-title[b-1rc3ci1hjg] {
    margin: 0.75rem 0 0.35rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
}

.bde-employee-pick-dialog__section-title:first-child[b-1rc3ci1hjg] {
    margin-top: 0;
}

.bde-employee-pick-dialog__fields[b-1rc3ci1hjg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 0.75rem;
}

.bde-employee-pick-dialog__fields .mesone-readonly-field--full[b-1rc3ci1hjg] {
    grid-column: 1 / -1;
}
/* /Components/Pages/Bde/BdeMachineOrdersDialog.razor.rz.scp.css */
.bde-machine-orders[b-8uyfvltr5m] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
}

.bde-machine-orders__toolbar[b-8uyfvltr5m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    flex: 0 0 auto;
    padding: 0.35rem 0;
}

.bde-machine-orders__legend[b-8uyfvltr5m] {
    margin-left: auto;
    font-size: 0.8rem;
    color: #b00020;
}

.bde-machine-orders__body[b-8uyfvltr5m] {
    display: grid;
    grid-template-columns: 11rem 1fr;
    gap: 0.75rem;
    flex: 1 1 0;
    min-height: 0;
    height: 0;
}

.bde-machine-orders__status-nav[b-8uyfvltr5m] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 0.5rem;
    background: #fafafa;
}

.bde-machine-orders__status-item[b-8uyfvltr5m] {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    padding: 0.45rem 0.5rem;
    text-align: left;
    font-size: 0.85rem;
    cursor: pointer;
}

.bde-machine-orders__status-item.is-active[b-8uyfvltr5m] {
    outline: 2px solid #2563eb;
    outline-offset: -1px;
    font-weight: 600;
}

.bde-machine-orders__status-item--started[b-8uyfvltr5m] {
    background: #d9f7d9;
}

.bde-machine-orders__status-item--interrupted[b-8uyfvltr5m] {
    background: #f3d0cf;
}

.bde-machine-orders__status-item--finished[b-8uyfvltr5m] {
    background: #f3f4f6;
}

.bde-machine-orders__grid-host[b-8uyfvltr5m] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    overflow: hidden;
}

.bde-machine-orders__grid-title[b-8uyfvltr5m] {
    flex: 0 0 auto;
    padding: 0.35rem 0.6rem;
    font-weight: 600;
    background: #ececec;
    border-bottom: 1px solid #d0d0d0;
}

.bde-machine-orders__grid-host[b-8uyfvltr5m]  .dxbl-grid {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.bde-machine-orders__grid-host[b-8uyfvltr5m]  .dxbl-grid-table-wrapper {
    min-height: 0;
}

.bde-machine-orders-grid[b-8uyfvltr5m]  .bde-machine-orders-row--started td {
    background: #eafbea;
}

.bde-machine-orders-grid[b-8uyfvltr5m]  .bde-machine-orders-row--interrupted td {
    background: #fbe9e8;
}

.bde-machine-orders-grid[b-8uyfvltr5m]  .bde-machine-orders-row--finished td {
    background: #f8fafc;
}

@media (max-width: 960px) {
    .bde-machine-orders__body[b-8uyfvltr5m] {
        grid-template-columns: 1fr;
    }

    .bde-machine-orders__legend[b-8uyfvltr5m] {
        margin-left: 0;
        width: 100%;
    }
}
/* /Components/Pages/Bde/BdeOrderAttributeCollectionPickerDialog.razor.rz.scp.css */
.bde-attribute-picker-dialog__body[b-smi6vwhvvp] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 12px;
    height: 480px;
    min-height: 0;
}

.bde-attribute-picker-dialog__sidebar[b-smi6vwhvvp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    border-right: 1px solid #e5e7eb;
    padding-right: 8px;
}

.bde-attribute-picker-dialog__sidebar-title[b-smi6vwhvvp] {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.bde-attribute-picker-dialog__list[b-smi6vwhvvp] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bde-attribute-picker-dialog__list-item[b-smi6vwhvvp] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
}

.bde-attribute-picker-dialog__list-item--active[b-smi6vwhvvp] {
    background: #e8f0fe;
}

.bde-attribute-picker-dialog__list-label[b-smi6vwhvvp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bde-attribute-picker-dialog__grid-wrap[b-smi6vwhvvp] {
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.bde-attribute-picker-dialog__color-cell[b-smi6vwhvvp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bde-attribute-picker-dialog__color-swatch[b-smi6vwhvvp] {
    width: 16px;
    height: 16px;
    border: 1px solid #9ca3af;
    border-radius: 2px;
    flex: 0 0 auto;
}
/* /Components/Pages/Bde/BdeOrderAttributesTab.razor.rz.scp.css */
.bde-order-attributes-tab[b-008dk3d864] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px 4px;
    min-height: 200px;
}

.bde-order-attributes-tab__toolbar[b-008dk3d864] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.bde-order-attributes-tab__catalog[b-008dk3d864] {
    min-width: 260px;
    flex: 1 1 260px;
}

.bde-order-attributes-tab__rows[b-008dk3d864] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bde-order-attributes-tab__row[b-008dk3d864] {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(240px, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.bde-order-attributes-tab__collection[b-008dk3d864] {
    font-weight: 600;
    color: #374151;
}

.bde-order-attributes-tab__value[b-008dk3d864] {
    width: 100%;
}

.bde-order-attributes-tab__actions[b-008dk3d864] {
    padding-top: 4px;
}

.bde-order-attributes-tab__hint[b-008dk3d864] {
    font-size: 12px;
    color: #6b7280;
}

@media (max-width: 720px) {
    .bde-order-attributes-tab__row[b-008dk3d864] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Bde/BdeOrderDetailsTab.razor.rz.scp.css */
.bde-order-details-tab[b-9jb53v15tb] {
    padding: 4px 2px 8px;
}

.bde-order-details-tab__columns[b-9jb53v15tb] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 14px 18px;
    align-items: start;
}

.bde-order-details-tab__column[b-9jb53v15tb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.bde-order-details-tab__section[b-9jb53v15tb] {
    margin-bottom: 0;
    padding: 12px 14px;
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.bde-order-details-tab__section-title[b-9jb53v15tb] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #4b5563;
    margin: 0 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e5e7eb;
}

.bde-order-details-tab__form[b-9jb53v15tb]  .dxbl-fl-item {
    margin-bottom: 8px;
}

.bde-order-details-tab__form[b-9jb53v15tb]  .dxbl-fl-cpt {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    padding-bottom: 2px;
}

.bde-order-details-tab__form[b-9jb53v15tb]  .dxbl-fl-ctrl {
    width: 100%;
}

.bde-order-details-tab[b-9jb53v15tb]  .dxbl-text-edit,
.bde-order-details-tab[b-9jb53v15tb]  .dxbl-combo-box,
.bde-order-details-tab[b-9jb53v15tb]  .dxbl-spin-edit,
.bde-order-details-tab[b-9jb53v15tb]  .dxbl-date-edit {
    width: 100%;
    max-width: 100%;
}

.bde-order-details-tab__picker-field[b-9jb53v15tb],
.bde-order-details-tab__order-number[b-9jb53v15tb] {
    align-items: center;
}

.bde-order-details-tab__schedule-row[b-9jb53v15tb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 10px 12px;
    margin-bottom: 8px;
}

.bde-order-details-tab__field[b-9jb53v15tb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.bde-order-details-tab__field-label[b-9jb53v15tb] {
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    line-height: 1.3;
}

.bde-order-details-tab__picker-field[b-9jb53v15tb] {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%;
}

.bde-order-details-tab__picker-field[b-9jb53v15tb]  .dxbl-text-edit,
.bde-order-details-tab__picker-field[b-9jb53v15tb]  .dxbs-textbox {
    flex: 1 1 auto;
    min-width: 0;
}

.bde-order-details-tab__order-number[b-9jb53v15tb] {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%;
}

.bde-order-details-tab__order-number[b-9jb53v15tb]  .dxbl-text-edit {
    flex: 1 1 auto;
    min-width: 0;
}

.bde-order-details-tab__get-number[b-9jb53v15tb] {
    flex: 0 0 auto;
    min-width: 2.25rem;
    font-weight: 700;
    align-self: center;
}

.bde-order-details-tab__pick-button[b-9jb53v15tb] {
    flex: 0 0 auto;
    min-width: 2rem;
    align-self: center;
}

.bde-order-details-tab__sync-options[b-9jb53v15tb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.bde-order-details-tab__hint[b-9jb53v15tb],
.bde-order-details-tab__char-counter[b-9jb53v15tb] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
    line-height: 1.4;
}

.bde-order-details-tab__hint--warning[b-9jb53v15tb] {
    color: #b45309;
}

.bde-order-details-tab__info-box[b-9jb53v15tb] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #1e40af;
    font-size: 13px;
    line-height: 1.45;
}

.bde-order-details-tab__remark[b-9jb53v15tb] {
    width: 100%;
    min-height: 8.5rem;
}

.bde-order-details-tab__remark[b-9jb53v15tb]  textarea,
.bde-order-details-tab__remark[b-9jb53v15tb]  .dxbl-memo {
    min-height: 8.5rem;
}

.bde-order-details-tab__char-counter[b-9jb53v15tb] {
    text-align: right;
    margin-top: 6px;
}

@media (max-width: 960px) {
    .bde-order-details-tab__columns[b-9jb53v15tb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Bde/BdeOrderEditorHost.razor.rz.scp.css */
/* Fills the module pane; tab body stretch mirrors ArticleEditorForm. */
.bde-order-editor-host[b-qgzelig3dd] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}

.bde-order-editor-host[b-qgzelig3dd]  .crud-detail-shell {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.bde-order-editor-form-host[b-qgzelig3dd] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.bde-order-editor-form-host__tabs[b-qgzelig3dd] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    margin-top: 0.5rem;
}

.bde-order-editor-form-host[b-qgzelig3dd]  #bde-order-editor-tabs .dxbl-tabs,
.bde-order-editor-form-host[b-qgzelig3dd]  .bde-order-editor-form-host__tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.bde-order-editor-form-host[b-qgzelig3dd]  #bde-order-editor-tabs .dxbl-tabs-content-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 12rem;
    overflow: hidden;
}

.bde-order-editor-form-host[b-qgzelig3dd]  #bde-order-editor-tabs .dxbl-tabs-content.dxbl-active,
.bde-order-editor-form-host[b-qgzelig3dd]  #bde-order-editor-tabs .dxbl-fl-tab-content {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.bde-order-editor-form-host__tab-pane[b-qgzelig3dd] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
}

.bde-order-editor-form-host__tab-pane--fill[b-qgzelig3dd] {
    height: 100%;
    overflow: hidden;
}

.bde-order-editor-form-host__tab-pane--scroll[b-qgzelig3dd] {
    overflow: auto;
    padding: 0.25rem 0 0.5rem;
}
/* /Components/Pages/Bde/BdeOrderOperationsTab.razor.rz.scp.css */
.bde-order-operations-tab[b-rrzphovwe9] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 360px;
    height: 100%;
    overflow: hidden;
}

.bde-order-operations-tab__split[b-rrzphovwe9] {
    flex: 1 1 0;
    min-height: 360px;
    height: 100%;
}

.bde-order-operations-tab__section[b-rrzphovwe9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
    padding: 4px 2px;
}

.bde-order-operations-tab__toolbar[b-rrzphovwe9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.bde-order-operations-tab__group-label[b-rrzphovwe9] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-right: 4px;
}

.bde-order-operations-tab__grid-wrap[b-rrzphovwe9] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.bde-order-operations-tab__grid-wrap[b-rrzphovwe9]  .dxbl-grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden;
}

.bde-order-operations-tab__grid-wrap[b-rrzphovwe9]  .dxbl-grid-filter-row,
.bde-order-operations-tab__grid-wrap[b-rrzphovwe9]  .dxbl-grid-filter-panel,
.bde-order-operations-tab__grid-wrap[b-rrzphovwe9]  .dxbl-grid-footer {
    flex: 0 0 auto;
}

.bde-order-operations-tab__grid-wrap[b-rrzphovwe9]  .dxbl-grid-table-wrapper {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.bde-order-operations-tab__grid[b-rrzphovwe9] {
    height: 100%;
}

.bde-order-operations-tab[b-rrzphovwe9]  .master-detail-splitter__inner {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.bde-ag-edit-dialog[b-rrzphovwe9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* /Components/Pages/Bde/BdeOrderPickerDetailPanel.razor.rz.scp.css */
.mesone-order-detail-panel[b-hgd2x328tz] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form {
    width: 100%;
}

.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form .dxbl-fl-group-header {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gnt-text-secondary, #666);
    background: var(--gnt-surface-2, #f0f0f0);
    padding: 4px 8px;
    margin-bottom: 4px;
}

.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form .dxbl-fl-item-caption {
    font-size: 0.6875rem;
    color: var(--gnt-text-secondary, #666);
    min-width: 110px;
}

.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form .dxbl-textbox,
.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form .dxbl-date-edit,
.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form .dxbl-memo,
.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form .dxbl-spin-edit,
.mesone-order-detail-panel[b-hgd2x328tz]  .mesone-order-form .dxbl-combobox {
    width: 100%;
}

.bde-order-picker-detail-panel__picker-field[b-hgd2x328tz] {
    display: flex;
    align-items: stretch;
    gap: 4px;
    width: 100%;
}

.bde-order-picker-detail-panel__picker-field[b-hgd2x328tz]  .dxbl-text-edit,
.bde-order-picker-detail-panel__picker-field[b-hgd2x328tz]  .dxbs-textbox {
    flex: 1 1 auto;
    min-width: 0;
}

.bde-order-picker-detail-panel__pick-button[b-hgd2x328tz] {
    flex: 0 0 auto;
}
/* /Components/Pages/Bde/BdeOrderTreePickDialog.razor.rz.scp.css */
.bde-order-tree-pick-dialog[b-gbeorwjblj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    outline: none;
}

.bde-order-tree-pick-dialog__toolbar[b-gbeorwjblj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--gnt-border-subtle, #e0e0e0);
    background: var(--gnt-surface-2, #f5f5f5);
    flex: 0 0 auto;
}

.bde-order-tree-pick-dialog__content[b-gbeorwjblj] {
    display: grid;
    grid-template-columns: minmax(300px, 32%) minmax(0, 1fr);
    gap: 0;
    flex: 1 1 0;
    min-height: 0;
}

.bde-order-tree-pick-dialog__tree[b-gbeorwjblj],
.bde-order-tree-pick-dialog__detail[b-gbeorwjblj] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    border: 1px solid var(--gnt-border-subtle, #e0e0e0);
    background: var(--gnt-surface-1, #fff);
}

.bde-order-tree-pick-dialog__tree[b-gbeorwjblj] {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.bde-order-tree-pick-dialog__detail[b-gbeorwjblj] {
    border-radius: 0 4px 4px 0;
}

.bde-order-tree-pick-dialog__tree-header[b-gbeorwjblj],
.bde-order-tree-pick-dialog__detail-header[b-gbeorwjblj] {
    flex: 0 0 auto;
    padding: 6px 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    border-bottom: 1px solid var(--gnt-border-subtle, #e0e0e0);
    background: var(--gnt-surface-2, #f5f5f5);
}

.bde-order-tree-pick-dialog__tree-body[b-gbeorwjblj],
.bde-order-tree-pick-dialog__detail-body[b-gbeorwjblj] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.bde-order-tree-pick-dialog__tree--pdm[b-gbeorwjblj] {
    border: 1px solid #a0a0a0;
    border-radius: 0;
    background: #fff;
}

.bde-order-tree-pick-dialog__tree--pdm .bde-order-tree-pick-dialog__tree-header[b-gbeorwjblj] {
    padding: 0;
    border-bottom: none;
    background: transparent;
}

.bde-order-tree-pick-dialog__tree-body[b-gbeorwjblj] {
    padding: 0;
}

.bde-order-tree-pick-dialog__tree--pdm .bde-order-tree-pick-dialog__tree-body[b-gbeorwjblj]  .bde-order-tree-panel--pdm {
    padding: 0;
    gap: 0;
    height: 100%;
}

.bde-order-tree-pick-dialog__tree-body[b-gbeorwjblj]  .bde-order-tree-panel {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;
}

.bde-order-tree-pick-dialog__tree-body[b-gbeorwjblj]  .bde-order-tree-panel__tree-host {
    flex: 1 1 0;
    min-height: 0;
    height: auto !important;
}

.bde-order-tree-pick-dialog__detail-body[b-gbeorwjblj] {
    overflow: auto;
    padding: 8px;
}

.bde-order-tree-pick-dialog__detail-empty[b-gbeorwjblj],
.bde-order-tree-pick-dialog__detail-loading[b-gbeorwjblj] {
    padding: 1rem;
    color: #666;
}

.bde-order-tree-pick-dialog__error[b-gbeorwjblj] {
    margin: 8px;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fdecea;
    color: #b42318;
    font-size: 0.875rem;
}
/* /Components/Pages/Bde/BdeProgressValuePanel.razor.rz.scp.css */
/* Align with bde-order-details-tab field sections: labels above controls, bar on the right. */
.bde-progress-value-panel[b-sxdmju0ggw] {
    --bde-progress-fill: #B70E0C;
    --bde-progress-track: #d9d9d9;
    --bde-progress-border: #bdbdbd;
    --bde-progress-bar-width: 90px;
    width: 100%;
}

.bde-progress-value-panel__body[b-sxdmju0ggw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--bde-progress-bar-width);
    gap: 12px;
    width: 100%;
    align-items: stretch;
}

.bde-progress-value-panel__fields[b-sxdmju0ggw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    width: 75%;
    max-width: 75%;
}

.bde-progress-value-panel__field[b-sxdmju0ggw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.bde-progress-value-panel__label[b-sxdmju0ggw] {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    line-height: 1.3;
}

.bde-progress-value-panel__field[b-sxdmju0ggw]  .dxbl-date-edit,
.bde-progress-value-panel__field[b-sxdmju0ggw]  .dxbl-text-edit {
    width: 100%;
}

.bde-progress-value-panel__slider-wrap[b-sxdmju0ggw] {
    position: relative;
    padding-bottom: 1.35rem;
}

.bde-progress-value-panel__slider[b-sxdmju0ggw] {
    --progress-pct: 0%;
    display: block;
    width: 100%;
    height: 4px;
    margin: 4px 0 0;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    background: linear-gradient(
        to right,
        var(--bde-progress-fill) 0%,
        var(--bde-progress-fill) var(--progress-pct),
        var(--bde-progress-track) var(--progress-pct),
        var(--bde-progress-track) 100%);
    outline: none;
    cursor: pointer;
}

.bde-progress-value-panel__slider:disabled[b-sxdmju0ggw] {
    opacity: 0.65;
    cursor: not-allowed;
}

.bde-progress-value-panel__slider[b-sxdmju0ggw]::-webkit-slider-runnable-track {
    height: 4px;
    background: transparent;
}

.bde-progress-value-panel__slider[b-sxdmju0ggw]::-moz-range-track {
    height: 4px;
    background: transparent;
    border: none;
}

.bde-progress-value-panel__slider[b-sxdmju0ggw]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 7px;
    height: 16px;
    margin-top: -6px;
    border: 1px solid #333;
    border-radius: 0;
    background: #4a4a4a;
}

.bde-progress-value-panel__slider[b-sxdmju0ggw]::-moz-range-thumb {
    width: 7px;
    height: 16px;
    border: 1px solid #333;
    border-radius: 0;
    background: #4a4a4a;
}

.bde-progress-value-panel__ticks[b-sxdmju0ggw] {
    position: relative;
    height: 1.1rem;
    margin-top: 0.2rem;
}

.bde-progress-value-panel__tick[b-sxdmju0ggw] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateX(-50%);
}

.bde-progress-value-panel__tick-mark[b-sxdmju0ggw] {
    width: 1px;
    height: 4px;
    background: #636363;
}

.bde-progress-value-panel__tick-label[b-sxdmju0ggw] {
    margin-top: 1px;
    font-size: 11px;
    line-height: 1;
    color: #636363;
    white-space: nowrap;
}

.bde-progress-value-panel__visual[b-sxdmju0ggw] {
    position: relative;
    width: var(--bde-progress-bar-width);
    min-height: 140px;
    border: 1px solid var(--bde-progress-border);
    background: var(--bde-progress-track);
    overflow: hidden;
}

.bde-progress-value-panel__bar-track[b-sxdmju0ggw] {
    position: absolute;
    inset: 0;
}

.bde-progress-value-panel__bar-fill[b-sxdmju0ggw] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bde-progress-fill);
}

.bde-progress-value-panel__bar-label[b-sxdmju0ggw] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    font-synthesis: none;
    color: #000;
    line-height: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bde-progress-value-panel__bar-label--on-fill[b-sxdmju0ggw] {
    color: #fff;
}

@media (max-width: 720px) {
    .bde-progress-value-panel__body[b-sxdmju0ggw] {
        grid-template-columns: 1fr;
    }

    .bde-progress-value-panel__fields[b-sxdmju0ggw] {
        width: 100%;
        max-width: 100%;
    }

    .bde-progress-value-panel__visual[b-sxdmju0ggw] {
        width: var(--bde-progress-bar-width);
        height: 140px;
        justify-self: center;
    }
}
/* /Components/Pages/Bde/BdeWorkspaceLayout.razor.rz.scp.css */
.bde-workspace-layout[b-645tsada69] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bde-workspace-layout__side-split[b-645tsada69],
.bde-workspace-layout__orders-split[b-645tsada69],
.bde-workspace-layout__ops-split[b-645tsada69] {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Splitter panes must clip panel content so DxGrid Height=100% scrolls inside. */
.bde-workspace-layout[b-645tsada69]  .master-detail-splitter__inner > .bde-panel--fill {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.bde-workspace-layout[b-645tsada69]  .dxbl-splitter-pane,
.bde-workspace-layout[b-645tsada69]  .dxbl-splitter-pane-content {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.bde-workspace-layout[b-645tsada69]  .dxbl-splitter-vertical,
.bde-workspace-layout[b-645tsada69]  .dxbl-splitter-horizontal {
    height: 100% !important;
    min-height: 0 !important;
}
/* /Components/Pages/Bestellscheine/BestellscheineDateToolbar.razor.rz.scp.css */
.bestellscheine-date-toolbar[b-922hz3z3mb] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.bestellscheine-date-toolbar__label[b-922hz3z3mb] {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
}

.bestellscheine-date-toolbar[b-922hz3z3mb]  .bestellscheine-date-toolbar__date {
    width: 118px;
    min-width: 118px;
}
/* /Components/Pages/Bestellscheine/BestellscheinePage.razor.rz.scp.css */
.bestellscheine-page[b-inxgtdchr8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.bestellscheine-page__error[b-inxgtdchr8] {
    margin: 0.5rem 0;
    color: var(--bs-danger);
}

.bestellscheine-split[b-inxgtdchr8] {
    flex: 1 1 auto;
    min-height: 0;
}

.bestellscheine-page__legend[b-inxgtdchr8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.35rem 0.5rem 0.15rem;
    font-size: 0.8125rem;
    color: var(--bs-secondary-color);
}

.bestellscheine-page__legend-item[b-inxgtdchr8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.bestellscheine-page__group-row[b-inxgtdchr8] {
    font-weight: 600;
}

.bestellscheine-positions-panel__overview[b-inxgtdchr8] {
    height: 100%;
}

.bestellscheine-positions-panel[b-inxgtdchr8] {
    height: 100%;
    min-height: 0;
}

.bestellscheine-positions-panel__placeholder[b-inxgtdchr8] {
    padding: 1rem;
    color: var(--bs-secondary-color);
}

.bestellscheine-positions-panel__placeholder--error[b-inxgtdchr8] {
    color: var(--bs-danger);
}

.bestellscheine-positions-panel__header[b-inxgtdchr8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.bestellscheine-positions-panel__title[b-inxgtdchr8] {
    font-weight: 600;
    white-space: nowrap;
}

.bestellscheine-positions-panel__search-wrap[b-inxgtdchr8] {
    min-width: 12rem;
    max-width: 18rem;
}
/* /Components/Pages/Bestellscheine/SonderbestellungEditorPage.razor.rz.scp.css */
.sonderbestellung-editor-page[b-vbl46ymtzr] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 0.75rem 1rem 1rem;
    box-sizing: border-box;
}

.sonderbestellung-editor-page__loading[b-vbl46ymtzr],
.sonderbestellung-editor-page__error[b-vbl46ymtzr] {
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
}

.sonderbestellung-editor-page__error[b-vbl46ymtzr] {
    background: var(--gnt-danger-bg, #fdecea);
    color: var(--gnt-danger-fg, #b42318);
    margin-bottom: 0.75rem;
}

.sonderbestellung-editor-page__layout[b-vbl46ymtzr] {
    flex: 0 0 auto;
}

.sonderbestellung-editor-page__belegnummer[b-vbl46ymtzr] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    font-weight: 600;
}

.sonderbestellung-editor-page__printed[b-vbl46ymtzr] {
    color: var(--gnt-muted-fg, #667085);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    flex: 0 0 auto;
}

.sonderbestellung-editor-page__positions-host[b-vbl46ymtzr] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 14rem;
    min-width: 0;
    margin-top: 0.5rem;
}

.sonderbestellung-editor-page__positions-tabs[b-vbl46ymtzr] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 14rem;
}

.sonderbestellung-editor-page[b-vbl46ymtzr]  .sonderbestellung-editor-page__positions-tabs.dxbl-tabs,
.sonderbestellung-editor-page[b-vbl46ymtzr]  .sonderbestellung-editor-page__positions-tabs > .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 14rem;
    height: 100%;
}

.sonderbestellung-editor-page[b-vbl46ymtzr]  .sonderbestellung-editor-page__positions-tabs .dxbl-tabs-content-panel {
    flex: 1 1 auto;
    min-height: 12rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sonderbestellung-editor-page[b-vbl46ymtzr]  .sonderbestellung-editor-page__positions-tabs .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 12rem;
    height: 100%;
    overflow: hidden;
}

.sonderbestellung-editor-page__positions-grid-shell[b-vbl46ymtzr] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 12rem;
    min-width: 0;
}

.sonderbestellung-editor-page__positions-grid-shell[b-vbl46ymtzr]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 12rem;
    height: 100%;
}

.sonderbestellung-editor-page__positions-grid-shell[b-vbl46ymtzr]  .center-crud-grid-wrap {
    flex: 1 1 auto;
    min-height: 10rem;
}

.sonderbestellung-editor-page__positions-grid-shell[b-vbl46ymtzr]  .dxbl-grid,
.sonderbestellung-editor-page__positions-grid-shell[b-vbl46ymtzr]  .center-crud-grid {
    width: 100%;
    min-height: 10rem;
    height: 100%;
}
/* /Components/Pages/CostCenters/CostCenterDetailPanel.razor.rz.scp.css */
/* Domain chrome only — overview layout lives on CrudReadOnlyOverviewPanel. */

.cost-center-detail-empty[b-pyak356ht2] {
    padding: 1.5rem;
    color: #6b7280;
    font-style: italic;
}

.cost-center-detail-placeholder[b-pyak356ht2] {
    color: #6b7280;
    font-style: italic;
}
/* /Components/Pages/CostCenters/CostCenterDetailView.razor.rz.scp.css */
/* Thin page wrapper: fills the module host. Editor stretch comes from
   CrudDetailShell via .crud-editor-form-host — no module ::deep whitelist. */
.cost-center-detail-view[b-kwzgerzdq2] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    /* visible so CrudDetailShell's collab pill (top: -8px) is not clipped;
       page scroll stays on .center-shell__main / .crud-editor-form-host. */
    overflow: visible;
    position: relative;
}
/* /Components/Pages/CostCenters/CostCenterEditorForm.razor.rz.scp.css */
/* Chrome-less host: layout via Shared .crud-editor-form-host.
   Module class remains for BEM children and domain chrome. */
.cost-center-editor-form-host__error[b-y41vyk8n44] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.cost-center-editor-placeholder[b-y41vyk8n44] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.cost-center-member-type[b-y41vyk8n44] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.cost-center-member-type--group[b-y41vyk8n44] {
    color: #2563eb;
}

.cost-center-member-type--user[b-y41vyk8n44] {
    color: #4b5563;
}
/* /Components/Pages/CostCenters/CostCenterList.razor.rz.scp.css */
/*
 * Cost center list page layout. Pane flex chain for the vertical splitter lives in
 * MasterDetailSplitter.razor.css; .cost-centers-split is passed as CssClass.
 */

.cost-centers-page[b-z4cnu2vhvo] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.cost-centers-page__error[b-z4cnu2vhvo] {
    flex: 0 0 auto;
    margin: 0.5rem 0.75rem 0;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--dxbs-danger-bg, #fdecea);
    color: var(--dxbs-danger, #b70e0c);
    border: 1px solid var(--dxbs-danger-border, #f5c2c0);
}

.cost-centers-split[b-z4cnu2vhvo] {
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/* Per-row type icon (cashier), mirroring Groups/Users status cells. */
.cost-center-status-cell[b-z4cnu2vhvo] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}
/* /Components/Pages/Customers/CustomerContactsTab.razor.rz.scp.css */
/* Collection list: fill tab pane; CrudPage Height="100%" scrolls inside. */
.customer-editor-list[b-t3dsg50vyt] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.customer-editor-list[b-t3dsg50vyt]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.customer-editor-placeholder[b-t3dsg50vyt] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.customer-editor-form-host__error[b-t3dsg50vyt] {
    margin: 8px 0 0 0;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
}

.customer-contact-popup-form[b-t3dsg50vyt] {
    padding: 0.5rem 0;
}

.customer-contact-popup-footer[b-t3dsg50vyt] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Customers/CustomerDetailView.razor.rz.scp.css */
/* Thin page wrapper: fills the module host. Editor stretch comes from
   CrudDetailShell via .crud-editor-form-host — no module ::deep whitelist. */
.customer-detail-view[b-gl8y6zqgc7] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    /* visible so CrudDetailShell's collab pill (top: -8px) is not clipped;
       page scroll stays on .center-shell__main / .crud-editor-form-host. */
    overflow: visible;
    position: relative;
}
/* /Components/Pages/Customers/CustomerEditorForm.razor.rz.scp.css */
/* Chrome-less host: layout via Shared .crud-editor-form-host.
   Module class remains for BEM children and domain chrome. */
.customer-editor-form-host__error[b-5hpj4bul9n] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.customer-editor-placeholder[b-5hpj4bul9n] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.customer-editor-textarea[b-5hpj4bul9n] {
    width: 100%;
    min-height: 6rem;
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
}

.customer-contact-popup-form[b-5hpj4bul9n] {
    padding: 0.5rem 0;
}

.customer-contact-popup-footer[b-5hpj4bul9n] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Customers/CustomerList.razor.rz.scp.css */
.customers-page[b-qu4g9hphn1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.customers-page__error[b-qu4g9hphn1] {
    color: var(--gnt-danger, #b70e0c);
    padding: 0.5rem 1rem;
}

.customers-split[b-qu4g9hphn1] {
    flex: 1;
    min-height: 0;
}

.customer-status-cell[b-qu4g9hphn1] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    position: relative;
}

.customer-status-cell__badge[b-qu4g9hphn1] {
    font-size: 0.75rem;
    color: var(--gnt-danger, #b70e0c);
    font-weight: 700;
}
/* /Components/Pages/Customers/CustomerSatelliteReadTab.razor.rz.scp.css */
/* Collection list: fill tab pane; CrudPage Height="100%" scrolls inside. */
.customer-editor-list[b-eie3l7crvb] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.customer-editor-list[b-eie3l7crvb]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.customer-editor-placeholder[b-eie3l7crvb] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

/* Compact footnote under Belege grid — must not steal flex height. */
.customer-editor-list__note[b-eie3l7crvb] {
    flex: 0 0 auto;
    padding: 6px 12px 8px;
    color: #6b7280;
    font-size: 12px;
    font-style: italic;
    line-height: 1.35;
}
/* /Components/Pages/EinlagenEntnahmen/EinlagenEntnahmenDateToolbar.razor.rz.scp.css */
.einlagen-entnahmen-date-toolbar[b-i64qladknm] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.einlagen-entnahmen-date-toolbar__label[b-i64qladknm] {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
}

.einlagen-entnahmen-date-toolbar[b-i64qladknm]  .einlagen-entnahmen-date-toolbar__date {
    width: 118px;
    min-width: 118px;
}
/* /Components/Pages/EinlagenEntnahmen/EinlagenEntnahmenPage.razor.rz.scp.css */
.einlagen-entnahmen-page[b-aski2h791p] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.einlagen-entnahmen-page__error[b-aski2h791p] {
    margin: 0 0 0.5rem;
    color: var(--gnt-danger, #c62828);
}

.einlagen-entnahmen-page__name-cell[b-aski2h791p] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.einlagen-entnahmen-page__name-cell .gnt-gi[b-aski2h791p] {
    flex: 0 0 16px;
}

.einlagen-entnahmen-details-panel__header[b-aski2h791p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.einlagen-entnahmen-details-panel__title[b-aski2h791p] {
    font-weight: 600;
    white-space: nowrap;
}

.einlagen-entnahmen-details-panel__search-wrap[b-aski2h791p] {
    flex: 1 1 auto;
    min-width: 10rem;
    max-width: 18rem;
}

.einlagen-entnahmen-split[b-aski2h791p] {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Components/Pages/Essensbestellungen/EssensbestellungenPage.razor.rz.scp.css */
.essensbestellungen-page[b-bw8f3dqv6t] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.essensbestellungen-page__tabs[b-bw8f3dqv6t] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.essensbestellungen-page[b-bw8f3dqv6t]  .essensbestellungen-page__tabs.dxbl-tabs,
.essensbestellungen-page[b-bw8f3dqv6t]  .essensbestellungen-page__tabs > .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.essensbestellungen-page__tabs[b-bw8f3dqv6t]  .dxbl-tabs-content,
.essensbestellungen-page__tabs[b-bw8f3dqv6t]  .dxbl-fl-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.essensbestellungen-page__tabs[b-bw8f3dqv6t]  .dxbl-tabs-content-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.essensbestellungen-page__tabs[b-bw8f3dqv6t]  .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.essensbestellungen-page__tab-pane[b-bw8f3dqv6t] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.essensbestellungen-page[b-bw8f3dqv6t]  .center-crud-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.essensbestellungen-page[b-bw8f3dqv6t]  .center-crud-grid-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.essensbestellungen-page__error[b-bw8f3dqv6t] {
    margin: 0 0 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 0.35rem;
    background: #fef2f2;
    color: #b91c1c;
    flex: 0 0 auto;
}

.essensbestellungen-page__icon-cell[b-bw8f3dqv6t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
}

.essensbestellungen-page__cash-register[b-bw8f3dqv6t] {
    gap: 0.5rem;
}

.essensbestellungen-page__cash-register[b-bw8f3dqv6t]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
}

.essensbestellungen-page__balance[b-bw8f3dqv6t] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--dxds-color-border, #e2e8f0);
    border-radius: 0.35rem;
    background: var(--dxds-color-surface-secondary, #f8fafc);
    flex: 0 0 auto;
}

.essensbestellungen-page__balance-caption[b-bw8f3dqv6t] {
    font-weight: 600;
}

.essensbestellungen-page__balance-amount[b-bw8f3dqv6t] {
    font-weight: 700;
    text-align: right;
}

.essensbestellungen-page__hint[b-bw8f3dqv6t] {
    margin: 0;
    color: var(--gnt-text-muted, #64748b);
    font-size: 0.85rem;
    flex: 0 0 auto;
}

.essensbestellungen-page__amount[b-bw8f3dqv6t] {
    font-weight: 600;
}

.essensbestellungen-page__amount--negative[b-bw8f3dqv6t] {
    color: #dc2626;
}
/* /Components/Pages/GeplanteAuswertungen/GeplanteAuswertungenEditorForm.razor.rz.scp.css */
.ga-editor-form-host[b-ndud5m48dz] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ga-editor-form .dxbl-fl-item-caption[b-ndud5m48dz] {
    min-width: 7rem;
    text-align: right;
}

.ga-editor-form__password-row[b-ndud5m48dz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.ga-editor-form__password-row .dxbl-checkbox[b-ndud5m48dz] {
    flex: 0 0 auto;
}

.ga-editor-form__password-field[b-ndud5m48dz] {
    flex: 1 1 auto;
    min-width: 0;
}

.ga-editor-form__attachment-row[b-ndud5m48dz] {
    display: grid;
    grid-template-columns: 11rem 1fr;
    gap: 0.5rem;
    align-items: center;
    width: 100%;
}

.ga-editor-form__field-row[b-ndud5m48dz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
}

.ga-editor-form__field-error[b-ndud5m48dz] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.ga-editor-form__field-control[b-ndud5m48dz] {
    flex: 1 1 auto;
    min-width: 0;
}

.ga-editor-form__combo-item[b-ndud5m48dz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.ga-editor-form__combo-item img[b-ndud5m48dz],
.ga-editor-form__combo-item .gnt-icon[b-ndud5m48dz] {
    flex: 0 0 auto;
}

.ga-editor-form__parameters[b-ndud5m48dz] {
    margin-top: 0.25rem;
}

.ga-editor-form__parameter-description[b-ndud5m48dz] {
    margin-top: 0.35rem;
}

.ga-editor-form__frequency-row[b-ndud5m48dz] {
    display: grid;
    grid-template-columns: 1fr 8rem;
    gap: 0.75rem;
    align-items: end;
    width: 100%;
}

.ga-editor-form__period-row[b-ndud5m48dz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    width: 100%;
}

.ga-editor-form__cycle-panel[b-ndud5m48dz] {
    border: 1px solid var(--dxbl-border-color, #d5d5d5);
    border-radius: 4px;
    padding: 0.75rem;
    margin-top: 0.25rem;
    min-height: 4.5rem;
}

.ga-editor-form__cycle-daily[b-ndud5m48dz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ga-editor-form__cycle-weekly-label[b-ndud5m48dz] {
    margin-bottom: 0.35rem;
}

.ga-editor-form__cycle-monthly[b-ndud5m48dz],
.ga-editor-form__cycle-quarterly[b-ndud5m48dz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 0.75rem;
}

@media (max-width: 700px) {
    .ga-editor-form__attachment-row[b-ndud5m48dz] {
        grid-template-columns: 1fr;
    }

    .ga-editor-form__frequency-row[b-ndud5m48dz],
    .ga-editor-form__period-row[b-ndud5m48dz],
    .ga-editor-form__cycle-monthly[b-ndud5m48dz],
    .ga-editor-form__cycle-quarterly[b-ndud5m48dz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GeplanteAuswertungen/GeplanteAuswertungenPage.razor.rz.scp.css */
.ga-page[b-2xts27863j] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.ga-page__error[b-2xts27863j] {
    margin: 0.5rem 1rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--gnt-danger-border, #d9534f);
    background: var(--gnt-danger-bg, #fdf2f2);
    color: var(--gnt-danger-text, #842029);
    border-radius: 4px;
}

.ga-page__type-icon[b-2xts27863j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ga-editor-dialog .dxbl-modal-body[b-2xts27863j] {
    max-height: 75vh;
    overflow: auto;
}

.ga-editor-dialog__header[b-2xts27863j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.ga-editor-dialog__footer[b-2xts27863j] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.ga-editor-form__row[b-2xts27863j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.ga-editor-form__section[b-2xts27863j] {
    margin-top: 0.75rem;
}

.ga-editor-form__parameters[b-2xts27863j] {
    margin-top: 0.75rem;
}

@media (max-width: 900px) {
    .ga-editor-form__row[b-2xts27863j] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GeplanteAuswertungen/GeplanteAuswertungenReportLookup.razor.rz.scp.css */
.ga-report-lookup[b-rt5cnjv210] {
    width: 100%;
    min-width: 0;
}

.ga-report-lookup--pickable[b-rt5cnjv210] {
    cursor: pointer;
}

.ga-report-lookup__display[b-rt5cnjv210] {
    overflow: hidden;
    min-width: 0;
}

.ga-report-lookup__display > span:last-child[b-rt5cnjv210] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ga-report-lookup__popup[b-rt5cnjv210] {
    display: flex;
    flex-direction: column;
    width: min(800px, 94vw);
    height: 450px;
    max-height: min(450px, 72vh);
    overflow: hidden;
    box-sizing: border-box;
    padding: 0.35rem 0.5rem 0.5rem;
}

.ga-report-lookup__grid-host[b-rt5cnjv210] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.ga-report-lookup__grid-host[b-rt5cnjv210]  .settings-reports {
    height: 100%;
    min-height: 0;
    gap: 0;
}

.ga-report-lookup__grid-host[b-rt5cnjv210]  .settings-reports__grid--compact,
.ga-report-lookup__grid-host[b-rt5cnjv210]  .crud-editor-list {
    height: 100%;
    min-height: 0;
}

.ga-report-lookup__grid-host[b-rt5cnjv210]  .center-crud-page,
.ga-report-lookup__grid-host[b-rt5cnjv210]  .center-crud-grid-wrap,
.ga-report-lookup__grid-host[b-rt5cnjv210]  .dxbl-grid {
    height: 100% !important;
    min-height: 0;
}

.ga-report-lookup__loading[b-rt5cnjv210] {
    margin: 0.75rem;
}

.ga-report-lookup__footer[b-rt5cnjv210] {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--dxbl-border-color, #d5d5d5);
}
/* /Components/Pages/Groups/GroupDetailPanel.razor.rz.scp.css */
/* Domain chrome only — overview layout lives on CrudReadOnlyOverviewPanel. */

.group-detail-empty[b-j9uvldyp5b] {
    padding: 1.5rem;
    color: #6b7280;
    font-style: italic;
}

.group-detail-placeholder[b-j9uvldyp5b] {
    color: #6b7280;
    font-style: italic;
}
/* /Components/Pages/Groups/GroupDetailView.razor.rz.scp.css */
/* Thin page wrapper: fills the module host. Editor stretch comes from
   CrudDetailShell via .crud-editor-form-host — no module ::deep whitelist. */
.group-detail-view[b-n3dda75r5y] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    /* visible so CrudDetailShell's collab pill (top: -8px) is not clipped;
       page scroll stays on .center-shell__main / .crud-editor-form-host. */
    overflow: visible;
    position: relative;
}
/* /Components/Pages/Groups/GroupEditorForm.razor.rz.scp.css */
/* Chrome-less host: layout via Shared .crud-editor-form-host.
   Module class remains for BEM children and domain chrome. */
.group-editor-form-host__error[b-c2gd48o2bs] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.group-editor-placeholder[b-c2gd48o2bs] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.group-editor-list .user-status-cell[b-c2gd48o2bs],
.group-editor-form-host .user-status-cell[b-c2gd48o2bs] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.group-editor-list .user-status-corner[b-c2gd48o2bs],
.group-editor-form-host .user-status-corner[b-c2gd48o2bs] {
    position: absolute;
    right: -2px;
    bottom: -3px;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: #c2410c;
    border-radius: 2px;
    padding: 1px 2px;
    pointer-events: none;
}
/* /Components/Pages/Groups/GroupList.razor.rz.scp.css */
/*
 * Group list page layout. Pane flex chain for the vertical splitter lives in
 * MasterDetailSplitter.razor.css; .groups-split is passed as CssClass.
 */

.groups-page[b-1x69rpvpfa] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.groups-split[b-1x69rpvpfa] {
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/*
 * Per-row status cell: group icon only. AD groups get a small "AD"
 * corner badge (bottom-right). Local groups show the plain icon.
 * Deleted rows keep muted icon styling; row strikethrough comes from
 * CrudPage (.crud-row-deleted).
 */
.group-status-cell[b-1x69rpvpfa] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.group-status-cell--deleted img[b-1x69rpvpfa],
.group-status-cell--deleted svg[b-1x69rpvpfa] {
    opacity: 0.45;
    filter: grayscale(1);
}

.group-status-corner[b-1x69rpvpfa] {
    position: absolute;
    right: -4px;
    bottom: -3px;
    min-width: 14px;
    height: 11px;
    padding: 0 2px;
    border-radius: 3px;
    font-size: 7px;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    background: #0078d4;
    box-shadow: 0 0 0 1px #fff;
    pointer-events: none;
    user-select: none;
    text-decoration: none !important;
}

.group-status-cell--deleted .group-status-corner[b-1x69rpvpfa] {
    background: #94a3b8;
}

/* Compact TagBox in filter row (if used). */
[b-1x69rpvpfa] .grid-filter-tagbox {
    width: 100%;
    min-width: 10rem;
}
/* /Components/Pages/Hardware/HardwareAgentCommandsPage.razor.rz.scp.css */
.hardware-commands-page[b-dq3dhafdpp] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.hardware-commands-title[b-dq3dhafdpp] {
    font-size: 1.35rem;
    font-weight: 600;
    margin: 0;
}

.hardware-commands-split[b-dq3dhafdpp] {
    flex: 1 1 auto;
    min-height: 0;
}

.hardware-commands-grid-host[b-dq3dhafdpp] {
    min-height: 420px;
}

.hardware-commands-grid-host .dxbl-grid[b-dq3dhafdpp] {
    height: 100%;
}

.hardware-commands-filter[b-dq3dhafdpp] {
    min-width: 200px;
}
/* /Components/Pages/Holders/HolderMhxArticleLookupEditor.razor.rz.scp.css */
.holder-mhx-article-lookup__grid-host[b-relmr7d306]  .holder-mhx-article-lookup__thumb-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 2rem;
    overflow: hidden;
    vertical-align: middle;
}

.holder-mhx-article-lookup__grid-host[b-relmr7d306]  .holder-mhx-article-lookup__thumb {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.holder-mhx-article-lookup__grid-host[b-relmr7d306]  .holder-mhx-article-lookup__no-image {
    display: inline-block;
    max-width: 4.5rem;
    line-height: 1.2;
    font-size: 0.75rem;
    white-space: normal;
    color: var(--bs-secondary-color, #6c757d);
}

.holder-mhx-article-lookup__grid-host[b-relmr7d306]  .dxbl-grid-data-row > td {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    vertical-align: middle;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-flulb89ebh] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-page__header[b-flulb89ebh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.home-page__eyebrow[b-flulb89ebh] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #B70E0C;
}

.home-page__title[b-flulb89ebh] {
    margin: 2px 0 0 0;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #1d1d1d;
}

.home-page__sub[b-flulb89ebh] {
    margin: 4px 0 0 0;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1.5;
}

/* 12-column grid; widgets set col-span 3..12, row-span 1..2. */
.home-page__grid[b-flulb89ebh] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(220px, auto);
    gap: 16px;
}

.home-page__grid-cell--col-3[b-flulb89ebh]  { grid-column: span 3; }
.home-page__grid-cell--col-4[b-flulb89ebh]  { grid-column: span 4; }
.home-page__grid-cell--col-5[b-flulb89ebh]  { grid-column: span 5; }
.home-page__grid-cell--col-6[b-flulb89ebh]  { grid-column: span 6; }
.home-page__grid-cell--col-8[b-flulb89ebh]  { grid-column: span 8; }
.home-page__grid-cell--col-12[b-flulb89ebh] { grid-column: span 12; }

.home-page__grid-cell--row-1[b-flulb89ebh] { grid-row: span 1; }
.home-page__grid-cell--row-2[b-flulb89ebh] { grid-row: span 2; }

.home-page__grid-cell[b-flulb89ebh] {
    display: flex;
    min-width: 0;
}

.home-page__grid-cell > *[b-flulb89ebh] {
    flex: 1;
    min-width: 0;
}

/* Responsive: collapse to 6 cols on tablet, 1 col on phone. */
@media (max-width: 1100px) {
    .home-page__grid[b-flulb89ebh] {
        grid-template-columns: repeat(6, 1fr);
    }
    .home-page__grid-cell--col-3[b-flulb89ebh] { grid-column: span 3; }
    .home-page__grid-cell--col-4[b-flulb89ebh] { grid-column: span 6; }
    .home-page__grid-cell--col-5[b-flulb89ebh] { grid-column: span 6; }
    .home-page__grid-cell--col-6[b-flulb89ebh] { grid-column: span 6; }
    .home-page__grid-cell--col-8[b-flulb89ebh] { grid-column: span 6; }
}

@media (max-width: 700px) {
    .home-page__grid[b-flulb89ebh] {
        grid-template-columns: 1fr;
    }
    .home-page__grid-cell--col-3[b-flulb89ebh],
    .home-page__grid-cell--col-4[b-flulb89ebh],
    .home-page__grid-cell--col-5[b-flulb89ebh],
    .home-page__grid-cell--col-6[b-flulb89ebh],
    .home-page__grid-cell--col-8[b-flulb89ebh],
    .home-page__grid-cell--col-12[b-flulb89ebh] {
        grid-column: span 1;
    }
}
/* /Components/Pages/HomeWidgets/ArtikelStatusWidget.razor.rz.scp.css */
.stat-list[b-85pourj7lh] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.stat-list li[b-85pourj7lh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    color: #3a3a3a;
}

.stat-list li a[b-85pourj7lh] {
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stat-list li a:hover[b-85pourj7lh] {
    color: #B70E0C;
}

.stat-list li span[b-85pourj7lh] {
    color: #B70E0C;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/HomeWidgets/BestellungenWidget.razor.rz.scp.css */
.stat-list[b-qe06m61xaz] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.stat-list li[b-qe06m61xaz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    color: #3a3a3a;
}

.stat-list li a[b-qe06m61xaz] {
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stat-list li a:hover[b-qe06m61xaz] {
    color: #B70E0C;
}

.stat-list li span[b-qe06m61xaz] {
    color: #B70E0C;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-variant-numeric: tabular-nums;
}

.stat-list__chip[b-qe06m61xaz] {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #1d1d1d !important;
    text-decoration: none !important;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
}
/* /Components/Pages/HomeWidgets/MessPruefWidget.razor.rz.scp.css */
.kpi-cols[b-o1aso933c3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.kpi-col[b-o1aso933c3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.kpi-row[b-o1aso933c3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    font-size: 13px;
}

.kpi-row__label[b-o1aso933c3] {
    color: #3a3a3a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-row__value[b-o1aso933c3] {
    font-weight: 600;
    color: #1d1d1d;
    font-variant-numeric: tabular-nums;
}

.kpi-row__value--ok[b-o1aso933c3]   { color: #1b5e20; }
.kpi-row__value--warn[b-o1aso933c3] { color: #8d6e00; }
.kpi-row__value--err[b-o1aso933c3]  { color: #7f1d1d; }
/* /Components/Pages/HomeWidgets/OeeKpiWidget.razor.rz.scp.css */
.big-kpi[b-idvtse59tf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 0 0 0;
    text-align: center;
}

.big-kpi__eyebrow[b-idvtse59tf] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8a8f98;
}

.big-kpi__number[b-idvtse59tf] {
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.05;
    color: #1d1d1d;
    font-variant-numeric: tabular-nums;
}

.big-kpi__trend[b-idvtse59tf] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    margin-top: 2px;
}

.big-kpi__trend--up[b-idvtse59tf] {
    background: #e8f5e9;
    color: #1b5e20;
    border: 1px solid #a5d6a7;
}

.big-kpi__label[b-idvtse59tf] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
}
/* /Components/Pages/HomeWidgets/OeeTrendChartWidget.razor.rz.scp.css */
.oee-chart[b-sm2qnxotdh] {
    width: 100%;
    height: 220px;
}
/* /Components/Pages/HomeWidgets/ProduktionHeuteWidget.razor.rz.scp.css */
.prod-list[b-wcrctfy6ju] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.prod-list li[b-wcrctfy6ju] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    color: #1d1d1d;
}

.prod-list__name[b-wcrctfy6ju] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod-list__value[b-wcrctfy6ju] {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #B70E0C;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Info.razor.rz.scp.css */
/*
 * Info page - mirrors the Login visual language.
 * Topbar: slim GNT-red strip with the same diagonal sheen pattern
 *         used by the login brand pane.
 * Content surface: warm off-white (#f6f3ef), matching the login form.
 * Typography: same eyebrow / title / claim hierarchy as login.
 * See CENTER_WEB_APP.md §1a.2.
 */

.info-root[b-t6ze8rdh6d] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f6f3ef;
}

/* ---- Topbar (slim brand strip) --------------------------------- */

.info-topbar[b-t6ze8rdh6d] {
    position: relative;
    background-color: #B70E0C;
    background-image:
        repeating-linear-gradient(135deg,
            rgba(255, 255, 255, 0.035) 0,
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px,
            transparent 56px),
        repeating-linear-gradient(45deg,
            rgba(0, 0, 0, 0.04) 0,
            rgba(0, 0, 0, 0.04) 1px,
            transparent 1px,
            transparent 92px),
        radial-gradient(ellipse at 20% 30%,
            rgba(255, 210, 190, 0.2), transparent 55%),
        linear-gradient(135deg, #d21410 0%, #8a0a08 100%);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(24, 12, 12, 0.08);
}

.info-topbar__inner[b-t6ze8rdh6d] {
    max-width: 880px;
    margin: 0 auto;
    padding: 16px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.info-topbar__logo[b-t6ze8rdh6d] {
    height: 24px;
    width: auto;
    display: block;
}

.info-topbar__back[b-t6ze8rdh6d] {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    letter-spacing: 0;
}

.info-topbar__back:hover[b-t6ze8rdh6d] {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---- Main content ---------------------------------------------- */

.info-main[b-t6ze8rdh6d] {
    flex: 1;
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    padding: 40px 40px 48px 40px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    box-sizing: border-box;
}

/* Shared white "surface" used by hero + FAQ sections */
.info-surface[b-t6ze8rdh6d],
.info-hero[b-t6ze8rdh6d] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 14px;
    box-shadow:
        0 12px 28px rgba(24, 12, 12, 0.06),
        0 1px 3px rgba(24, 12, 12, 0.04);
}

/* ---- Hero ------------------------------------------------------ */

.info-hero[b-t6ze8rdh6d] {
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-eyebrow[b-t6ze8rdh6d] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #8a8f98;
    line-height: 1;
    margin-bottom: 4px;
}

.info-title[b-t6ze8rdh6d] {
    margin: 0 0 6px 0;
    line-height: 1;
    color: #1d1d1d;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.info-title__main[b-t6ze8rdh6d] {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.info-title__sub[b-t6ze8rdh6d] {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.015em;
    color: #555;
}

.info-claim[b-t6ze8rdh6d] {
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 1.55;
    color: #4a4a4a;
}

.info-meta[b-t6ze8rdh6d] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* ---- Sections -------------------------------------------------- */

.info-section[b-t6ze8rdh6d] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.info-section__title[b-t6ze8rdh6d] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: #1d1d1d;
}

/* ---- FAQ (native <details>) ---------------------------------- */

.info-faq[b-t6ze8rdh6d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-faq__item[b-t6ze8rdh6d] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 1px 2px rgba(24, 12, 12, 0.03);
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.info-faq__item[open][b-t6ze8rdh6d] {
    box-shadow: 0 6px 16px rgba(24, 12, 12, 0.08);
    border-color: rgba(183, 14, 12, 0.18);
}

.info-faq__header[b-t6ze8rdh6d] {
    cursor: pointer;
    list-style: none;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #1d1d1d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    user-select: none;
}

/* hide the default triangle marker in webkit / blink browsers */
.info-faq__header[b-t6ze8rdh6d]::-webkit-details-marker {
    display: none;
}

.info-faq__header[b-t6ze8rdh6d]::marker {
    display: none;
    content: "";
}

.info-faq__header:hover[b-t6ze8rdh6d] {
    color: #B70E0C;
}

.info-faq__header:focus-visible[b-t6ze8rdh6d] {
    outline: 2px solid rgba(183, 14, 12, 0.35);
    outline-offset: -2px;
    border-radius: 10px;
}

/* Chevron: drawn with borders so it's crisp on any DPI. Rotates when
   the enclosing <details> opens. */
.info-faq__chevron[b-t6ze8rdh6d] {
    width: 9px;
    height: 9px;
    border-right: 2px solid #8a8f98;
    border-bottom: 2px solid #8a8f98;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform 0.18s ease, border-color 0.15s ease;
    flex-shrink: 0;
    margin-right: 4px;
    margin-top: -3px;
}

.info-faq__item[open] .info-faq__chevron[b-t6ze8rdh6d] {
    transform: rotate(-135deg);
    border-color: #B70E0C;
    margin-top: 2px;
}

.info-faq__header:hover .info-faq__chevron[b-t6ze8rdh6d] {
    border-color: #B70E0C;
}

.info-body[b-t6ze8rdh6d] {
    margin: 0;
    padding: 0 18px 16px 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #3a3a3a;
}

/* ---- Status cards ---------------------------------------------- */

.info-status-grid[b-t6ze8rdh6d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.info-status-card[b-t6ze8rdh6d] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 1px 2px rgba(24, 12, 12, 0.03);
}

.info-status-card__label[b-t6ze8rdh6d] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #8a8f98;
    line-height: 1;
}

/* ---- Chips (unified for hero + status-cards) ------------------- */

.info-chip[b-t6ze8rdh6d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    border: 1px solid transparent;
    font-variant-numeric: tabular-nums;
}

.info-chip strong[b-t6ze8rdh6d] {
    font-weight: 600;
}

.info-chip--neutral[b-t6ze8rdh6d] {
    background: rgba(0, 0, 0, 0.04);
    color: #1d1d1d;
    border-color: rgba(0, 0, 0, 0.08);
}

.info-chip--ok[b-t6ze8rdh6d] {
    background: #e8f5e9;
    color: #1b5e20;
    border-color: #a5d6a7;
}

.info-chip--warn[b-t6ze8rdh6d] {
    background: #fff8e1;
    color: #8d6e00;
    border-color: #ffe082;
}

.info-chip--error[b-t6ze8rdh6d] {
    background: #fdecea;
    color: #7f1d1d;
    border-color: #f5c2c7;
}

/* ---- Footer ---------------------------------------------------- */

.info-footer[b-t6ze8rdh6d] {
    padding: 16px 40px 20px 40px;
    text-align: center;
    font-size: 11px;
    color: #8a8f98;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    font-variant-numeric: tabular-nums;
}

.info-footer__sep[b-t6ze8rdh6d] {
    opacity: 0.5;
}

.info-footer__link[b-t6ze8rdh6d] {
    color: #B70E0C;
    text-decoration: none;
    font-weight: 500;
}

.info-footer__link:hover[b-t6ze8rdh6d] {
    text-decoration: underline;
}

/* ---- Responsive ------------------------------------------------- */

@media (max-width: 720px) {
    .info-topbar__inner[b-t6ze8rdh6d] {
        padding: 14px 24px;
    }

    .info-main[b-t6ze8rdh6d] {
        padding: 28px 24px 36px 24px;
        gap: 22px;
    }

    .info-hero[b-t6ze8rdh6d] {
        padding: 24px 22px;
    }

    .info-title__main[b-t6ze8rdh6d] {
        font-size: 28px;
    }

    .info-title__sub[b-t6ze8rdh6d] {
        font-size: 18px;
    }
}
/* /Components/Pages/KritischeLagerstaende/KritischeLagerstaendeDetailsDialog.razor.rz.scp.css */
.kritische-lagerstaende-details-dialog[b-zsgpq3wbr6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.kritische-lagerstaende-details-dialog__field[b-zsgpq3wbr6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.kritische-lagerstaende-details-dialog__field label[b-zsgpq3wbr6] {
    font-size: 0.85rem;
    color: var(--gnt-text-secondary, #666);
}
/* /Components/Pages/KritischeLagerstaende/KritischeLagerstaendePage.razor.rz.scp.css */
.kritische-lagerstaende-page[b-acat0ehq7i] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.kritische-lagerstaende-page__error[b-acat0ehq7i] {
    margin: 0 0 0.5rem;
    color: var(--gnt-danger, #c62828);
}

.kritische-lagerstaende-page__type-cell[b-acat0ehq7i] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.kritische-lagerstaende-page__type-cell .gnt-gi[b-acat0ehq7i] {
    flex: 0 0 16px;
}
/* /Components/Pages/LeihartikelList/LeihartikelDetailsDialog.razor.rz.scp.css */
.leihartikel-details-dialog[b-dd3687dsd8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.leihartikel-details-dialog__field[b-dd3687dsd8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.leihartikel-details-dialog__field label[b-dd3687dsd8] {
    font-size: 0.8125rem;
    color: var(--bs-secondary-color);
}
/* /Components/Pages/LeihartikelList/LeihartikelPage.razor.rz.scp.css */
.leihartikel-page[b-1s2dngdw6e] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.leihartikel-page__error[b-1s2dngdw6e] {
    margin: 0.5rem 0 0.75rem;
    color: var(--bs-danger);
}

.leihartikel-page__type-cell[b-1s2dngdw6e] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.leihartikel-page__type-cell .gnt-gi[b-1s2dngdw6e] {
    flex: 0 0 auto;
}

.leihartikel-page[b-1s2dngdw6e]  .leihartikel-page__correction-btn {
    min-width: 1.5rem;
    padding: 0;
}

.leihartikel-page[b-1s2dngdw6e]  .leihartikel-page__correction-header {
    display: inline-block;
}
/* /Components/Pages/LeihartikelList/LeihartikelToolbar.razor.rz.scp.css */
.leihartikel-toolbar[b-yebamx670m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
}

.leihartikel-toolbar__label[b-yebamx670m] {
    font-size: 0.8125rem;
    color: var(--bs-secondary-color);
    white-space: nowrap;
}

.leihartikel-toolbar[b-yebamx670m]  .leihartikel-toolbar__date {
    width: 9.5rem;
}

.leihartikel-toolbar[b-yebamx670m]  .leihartikel-toolbar__view-mode {
    width: 12rem;
}
/* /Components/Pages/Login.razor.rz.scp.css */
/*
 * Centered login card, Fluent-2 inspired.
 * Palette:
 *   --gnt-red        = #B70E0C  (brand accent, shared with App.razor Clone)
 *   --gnt-red-deep   = #8a0a08
 *   --form-bg        = #f6f3ef  (warm off-white, matches the mockup)
 * Typography (size, weight, line-height) follows the mockup:
 *   Eyebrow  12px / 700 / spaced caps
 *   Title    40px / 600
 *   Sub      15px / 400
 * See CENTER_WEB_APP.md §1a.2.
 */

.login-backdrop[b-bxq6u8pj48] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
    box-sizing: border-box;
    /* Neutral, industrial-feeling gray backdrop. A very subtle top-to-bottom
       gradient adds depth without any color tint, so the brand red stays
       contained in the login card and doesn't bleed into the page. */
    background:
        radial-gradient(ellipse at 50% 0%, #f4f5f7 0%, #e8eaed 65%, #dfe2e6 100%);
}

/* ---- Card --------------------------------------------------- */

.login-card[b-bxq6u8pj48] {
    width: 100%;
    max-width: 740px;
    display: grid;
    /* fixed brand column so the form column always has enough room for
       labels like "Angemeldet bleiben" + "Passwort vergessen?" on one line */
    grid-template-columns: 300px 1fr;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow:
        0 22px 52px rgba(24, 12, 12, 0.14),
        0 2px 6px rgba(24, 12, 12, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.04);
    /* no min-height - card shrinks to content; the brand column uses
       justify-content: space-between so hero/footer anchor at top/bottom. */
}

/* ---- Left brand pane --------------------------------------- */

.login-card__brand[b-bxq6u8pj48] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 20px 16px 20px;
    color: #ffffff;
    /* Solid dark surface, matches the MainLayout brand header
       (.center-shell__brand) so the login and the shell read as
       one continuous brand experience. */
    background-color: #2b2b2b;
    overflow: hidden;
}

.login-card__logo[b-bxq6u8pj48],
.login-card__hero[b-bxq6u8pj48],
.login-card__brand-footer[b-bxq6u8pj48] {
    position: relative;
    z-index: 1;
}

/* Small GNT-Systems wordmark at the top of the brand pane. */
.login-card__logo[b-bxq6u8pj48] {
    height: 24px;
    width: auto;
    display: block;
}

.login-card__hero[b-bxq6u8pj48] {
    max-width: 100%;
}

/* Title block: rectangular GNT tile stacked above the "Center"
   wordmark. Column layout keeps the tile compact (32 x 53 px) and
   the wordmark sitting tightly underneath in a strong display weight. */
.login-card__title[b-bxq6u8pj48] {
    margin: 0 0 10px 0;
    line-height: 1;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.login-card__title-icon[b-bxq6u8pj48] {
    /* SVG viewBox is 360x216 (5:3). Height 32 px keeps the tile small
       while width auto-sizes to ~53 px - per user spec. */
    height: 32px;
    width: auto;
    display: block;
}

.login-card__title-sub[b-bxq6u8pj48] {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #ffffff;
}

.login-card__claim[b-bxq6u8pj48] {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.82);
}

/* Brand footer (version, copyright, info link) - quiet meta information
   so it stays out of the reading hierarchy. */

.login-card__brand-footer[b-bxq6u8pj48] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 8px;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.72);
    /* Inter renders numbers more evenly with tabular figures when shown
       in running text like version strings. */
    font-variant-numeric: tabular-nums;
}

/* Copyright (left) + version (right) on the same baseline. At 8 px
   both strings fit comfortably within the ~260 px brand column inset
   (300 px column - 2 x 20 px padding). */
.login-card__meta-row[b-bxq6u8pj48] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.login-card__meta-line[b-bxq6u8pj48] {
    line-height: 1.5;
    white-space: nowrap;
}

.login-card__info-link[b-bxq6u8pj48] {
    align-self: flex-start;
    color: rgba(255, 255, 255, 0.95);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 11px;
    font-weight: 500;
}

.login-card__info-link:hover[b-bxq6u8pj48] {
    color: #ffffff;
    text-decoration-thickness: 1.5px;
}

/* ---- Right form pane --------------------------------------- */

.login-card__form[b-bxq6u8pj48] {
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #ffffff;
}

.login-card__eyebrow[b-bxq6u8pj48] {
    font-size: 11px;
    font-weight: 600;
    /* Previously 3px - way too stretched with Inter. 0.09em ~ 1.3px at
       11px keeps the eyebrow readable as a small label. */
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #8a8f98;
    line-height: 1;
}

.login-card__form-head[b-bxq6u8pj48] {
    margin: 0 0 8px 0;
}

/* Display-size heading. Inter wants slight negative tracking at large
   sizes so letter spacing stays optically consistent. */
.login-card__form-title[b-bxq6u8pj48] {
    margin: 6px 0 6px 0;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #1d1d1d;
}

.login-card__form-sub[b-bxq6u8pj48] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #5a5a5a;
}

.login-card__row[b-bxq6u8pj48] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 4px;
}

/* Floating toast - lives outside the card, never changes card size.
   Fixed position at top so it is also visible when scrolled. */
.login-toast[b-bxq6u8pj48] {
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1100;
    max-width: min(92vw, 520px);
    padding: 12px 18px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.45;
    box-shadow:
        0 14px 32px rgba(24, 12, 12, 0.18),
        0 2px 6px rgba(24, 12, 12, 0.08);
    backdrop-filter: saturate(140%) blur(6px);
    animation: loginToastIn-b-bxq6u8pj48 180ms ease-out;
    border: 1px solid transparent;
}

.login-toast--info[b-bxq6u8pj48] {
    background: rgba(255, 255, 255, 0.96);
    color: #1d1d1d;
    border-color: #e1dfdb;
}

.login-toast--error[b-bxq6u8pj48] {
    background: #fdecea;
    color: #7f1d1d;
    border-color: #f5c2c7;
}

@keyframes loginToastIn-b-bxq6u8pj48 {
    from { opacity: 0; transform: translate(-50%, -8px); }
    to   { opacity: 1; transform: translate(-50%, 0); }
}

/* DevExpress component overrides for this page (input sizing, primary
   button shadow, "Passwort vergessen?" red link) live in app.css so they
   can target DX-rendered DOM without the scoped-CSS attribute filter.
   See app.css "Login page" section. */

/* Field captions ("Benutzername", "Passwort") - scope-safe because the
   DxFormLayout labels are rendered directly into this component's DOM.
   With Inter, 13px / weight 500 reads clearly without feeling bulky. */
.login-card__layout[b-bxq6u8pj48]  .dxbl-edit-form-label {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    color: #2b2b2b;
    padding-bottom: 6px;
}

.login-card__submit[b-bxq6u8pj48] {
    margin-top: 4px;
}

/* "Passwort vergessen?" - we override the DevExpress link-button chrome via
   the wrapper div so the scoped-CSS attribute is on a real DOM node and
   ::deep can reach into the DX-rendered button. Additionally we set the
   DX CSS custom properties so theme-level color is also overridden. */
.login-card__forgot-wrap[b-bxq6u8pj48] {
    --dxbl-btn-color: #B70E0C;
    --dxbl-btn-color-hover: #8a0a08;
    --dxbl-text-link-color: #B70E0C;
    display: inline-flex;
}

.login-card__forgot-wrap[b-bxq6u8pj48]  .dxbl-btn,
.login-card__forgot-wrap[b-bxq6u8pj48]  a.dxbl-btn,
.login-card__forgot-wrap[b-bxq6u8pj48]  button.dxbl-btn {
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    color: #B70E0C !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
}

.login-card__forgot-wrap[b-bxq6u8pj48]  .dxbl-btn:hover,
.login-card__forgot-wrap[b-bxq6u8pj48]  a.dxbl-btn:hover,
.login-card__forgot-wrap[b-bxq6u8pj48]  button.dxbl-btn:hover {
    color: #8a0a08 !important;
    text-decoration: underline !important;
    background: transparent !important;
}

/* ---- SSO ---------------------------------------------------- */

.login-card__sso-divider[b-bxq6u8pj48] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #8a8f98;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 6px;
}

.login-card__sso-divider[b-bxq6u8pj48]::before,
.login-card__sso-divider[b-bxq6u8pj48]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
}

.login-card__sso-list[b-bxq6u8pj48] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.login-card__sso-button[b-bxq6u8pj48] {
    width: 100%;
}

.login-card__sso-button[b-bxq6u8pj48]  .dxbl-btn {
    width: 100%;
    min-height: 42px;
    border-radius: 10px;
}

/* ---- Responsive --------------------------------------------- */

@media (max-width: 820px) {
    .login-card[b-bxq6u8pj48] {
        grid-template-columns: 1fr;
        max-width: 440px;
        min-height: 0;
    }

    .login-card__brand[b-bxq6u8pj48] {
        padding: 28px 28px 24px 28px;
        min-height: auto;
    }

    .login-card__title-icon[b-bxq6u8pj48] {
        height: 28px;
    }

    .login-card__title-sub[b-bxq6u8pj48] {
        font-size: 26px;
    }

    .login-card__hero[b-bxq6u8pj48] {
        max-width: none;
    }

    .login-card__claim[b-bxq6u8pj48] {
        display: none;
    }

    .login-card__brand-footer[b-bxq6u8pj48] {
        display: none;
    }

    .login-card__form[b-bxq6u8pj48] {
        padding: 32px 28px 36px 28px;
    }

    .login-card__form-title[b-bxq6u8pj48] {
        font-size: 30px;
    }
}
/* /Components/Pages/Logout.razor.rz.scp.css */
.logout-root[b-jv6jpa0akq] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dxbl-body-bg, #f5f5f5);
    padding: 24px;
}

.logout-card[b-jv6jpa0akq] {
    background: var(--dxbl-surface-bg, #ffffff);
    border: 1px solid var(--dxbl-border-color, #e1e1e1);
    border-radius: 8px;
    padding: 32px 40px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.logout-title[b-jv6jpa0akq] {
    margin: 0 0 8px 0;
    font-size: 22px;
    font-weight: 600;
}

.logout-sub[b-jv6jpa0akq] {
    margin: 0;
    color: var(--dxbl-text-muted, #6c757d);
}
/* /Components/Pages/MachinePlanning/MachinePlanningHost.razor.rz.scp.css */
/* Desktop frmMaschinenplanung: planning pane sized; pool pane is the free (last) splitter pane. */
.machine-planning-host[b-ltuaswjf9c] {    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    background: #fff;
    margin: -12px -14px 0;
    width: calc(100% + 28px);
    max-width: none;
    box-sizing: border-box;
}

.machine-planning-host__error[b-ltuaswjf9c] {
    flex: 0 0 auto;
    padding: 0.35rem 0.5rem 0;
    color: var(--gnt-danger, #b70e0c);
    font-size: 0.875rem;
}

.machine-planning-split[b-ltuaswjf9c] {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.machine-planning-host[b-ltuaswjf9c]  .machine-planning-split.dxbl-splitter,
.machine-planning-host[b-ltuaswjf9c]  .machine-planning-split .dxbl-splitter-pane,
.machine-planning-host[b-ltuaswjf9c]  .machine-planning-split .dxbl-splitter-pane-content {
    min-height: 0;
    min-width: 0;
    height: 100%;
}

.machine-planning-host[b-ltuaswjf9c]  .machine-planning-split .dxbl-splitter-pane-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.machine-planning-pane[b-ltuaswjf9c],
.machine-planning-pool[b-ltuaswjf9c] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.machine-planning-pane__body[b-ltuaswjf9c],
.machine-planning-pool-grid-wrap[b-ltuaswjf9c] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.machine-planning-pane__placeholder[b-ltuaswjf9c] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: #666;
    font-size: 0.875rem;
}

.machine-planning-pane__body[b-ltuaswjf9c]  .machine-planning-grid.dxbl-grid,
.machine-planning-pool-grid-wrap[b-ltuaswjf9c]  .machine-planning-pool-grid.dxbl-grid {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.machine-planning-pool__header[b-ltuaswjf9c] {
    flex: 0 0 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 8px;
    background: #f6f6f6;
    border-bottom: 1px solid #d8d8dc;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
}

.machine-planning-pool__header-icon[b-ltuaswjf9c] {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.machine-planning-pool-grid-wrap[b-ltuaswjf9c]  .machine-planning-pool-grid .dxbl-grid-table {
    border-left: 0;
    border-right: 0;
}

.machine-planning-pool-grid-wrap[b-ltuaswjf9c]  .machine-planning-pool-grid .dxbl-grid-data-row > td {
    border-right-width: 0;
}
/* /Components/Pages/MachinePlanning/MachinePlanningRibbonFilters.razor.rz.scp.css */
.machine-planning-toolbar-filters[b-f9f9v7e4e7] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.machine-planning-toolbar-filters__presets[b-f9f9v7e4e7] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.machine-planning-toolbar-filters__preset-btn[b-f9f9v7e4e7] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #1f2937;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}

.machine-planning-toolbar-filters__preset-btn:hover:not(:disabled)[b-f9f9v7e4e7] {
    background: #f3f4f6;
    border-color: #e5e7eb;
}

.machine-planning-toolbar-filters__preset-btn:disabled[b-f9f9v7e4e7] {
    opacity: 0.45;
    cursor: default;
}

.machine-planning-toolbar-filters__preset-btn .gnt-gi[b-f9f9v7e4e7] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.machine-planning-toolbar-filters__filter[b-f9f9v7e4e7] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    min-width: 0;
    flex: 0 0 auto;
}

.machine-planning-toolbar-filters__label[b-f9f9v7e4e7] {
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
    flex: 0 0 auto;
}

.machine-planning-toolbar-filters__date[b-f9f9v7e4e7] {
    width: 118px;
    min-width: 118px;
}

.machine-planning-toolbar-filters__text[b-f9f9v7e4e7] {
    width: 9rem;
    min-width: 0;
}
/* /Components/Pages/MachinePlanning/MachinePlanningRibbonPlanning.razor.rz.scp.css */
.machine-planning-ribbon-planning[b-1fm08ce4rw] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 66px;
    padding-bottom: 2px;
    box-sizing: border-box;
}

.mp-ribbon-task-btn[b-1fm08ce4rw] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    min-width: 72px;
    max-width: 96px;
    min-height: 62px;
    padding: 2px 6px 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #1f2937;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
}

.mp-ribbon-task-btn:hover:not(:disabled)[b-1fm08ce4rw] {
    background: #f3f4f6;
    border-color: #e5e7eb;
}

.mp-ribbon-task-btn:disabled[b-1fm08ce4rw] {
    opacity: 0.45;
    cursor: default;
}

.mp-ribbon-task-btn__icon-wrap[b-1fm08ce4rw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
}

.mp-ribbon-task-btn__icon-wrap .gnt-gi[b-1fm08ce4rw] {
    width: 32px;
    height: 32px;
}

.mp-ribbon-task-btn__caption[b-1fm08ce4rw] {
    display: block;
    font-size: 11px;
    line-height: 1.1;
    white-space: normal;
    max-width: 92px;
    text-align: center;
}

.mp-ribbon-task-btn__arrow[b-1fm08ce4rw] {
    display: block;
    width: 0;
    height: 0;
    margin-top: 1px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #6b7280;
}

.machine-planning-ribbon-planning__menu[b-1fm08ce4rw] {
    display: flex;
    flex-direction: column;
    min-width: 240px;
    padding: 4px 0;
}

.machine-planning-ribbon-planning__menu-item[b-1fm08ce4rw] {
    display: block;
    width: 100%;
    padding: 6px 12px;
    border: 0;
    background: transparent;
    color: #1f2937;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

.machine-planning-ribbon-planning__menu-item:hover:not(:disabled)[b-1fm08ce4rw] {
    background: #f3f4f6;
}

.machine-planning-ribbon-planning__menu-item:disabled[b-1fm08ce4rw] {
    opacity: 0.45;
    cursor: default;
}
/* /Components/Pages/MachinePlanning/MachinePlanningTaskEditor.razor.rz.scp.css */
.machine-planning-editor-popup[b-tlodf2h3i7]  .dxbl-popup-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.machine-planning-editor[b-tlodf2h3i7] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.machine-planning-editor__error[b-tlodf2h3i7] {
    flex: 0 0 auto;
    margin-bottom: 0.5rem;
    color: var(--gnt-danger, #b70e0c);
    font-size: 0.875rem;
}

.machine-planning-editor__form[b-tlodf2h3i7] {
    flex: 1 1 auto;
    min-height: 0;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__header {
    margin-bottom: 0.25rem;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__header .dxbl-fl-group {
    margin: 0;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__header .dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    min-width: 5.25rem;
    max-width: 6.75rem;
    padding-right: 0.35rem;
    white-space: nowrap;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__header .dxbl-fl-item {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__description-item {
    flex: 1 1 auto;
    min-height: 260px;
    margin-top: 0.15rem;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__description-item .dxbl-fl-item-content {
    display: flex;
    flex-direction: column;
    min-height: 220px;
    height: 100%;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__description-item .dxbl-fl-cpt {
    padding-bottom: 0.25rem;
}

.machine-planning-editor__combo-display[b-tlodf2h3i7],
.machine-planning-editor__combo-item[b-tlodf2h3i7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.machine-planning-editor__combo-display .gnt-gi[b-tlodf2h3i7],
.machine-planning-editor__combo-item .gnt-gi[b-tlodf2h3i7] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__icon-combo,
.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__machine-combo {
    width: 100%;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__machine-combo .dxbl-dropdown-body {
    min-width: 40rem;
}

.machine-planning-editor__subject-link[b-tlodf2h3i7] {
    justify-content: flex-start;
    padding-left: 0;
}

.machine-planning-editor__duration[b-tlodf2h3i7] {
    width: 100%;
}

.machine-planning-editor__rich-edit[b-tlodf2h3i7] {
    flex: 1 1 0;
    min-height: 220px;
    border: 1px solid #d8d8dc;
}

.machine-planning-editor[b-tlodf2h3i7]  .machine-planning-editor__rich-edit.dxbl-rich-edit {
    height: 100%;
    min-height: 220px;
}
/* /Components/Pages/Mde/InfoMonitorMachinePanel.razor.rz.scp.css */
.mde-panel-frame[b-c1zzwblxsv] {
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.mde-panel[b-c1zzwblxsv] {
    --mde-panel-surface: #ffffff;
    --mde-label-color: #404040;
    --mde-value-color: #404040;
    --mde-section-title-bg: #f5f5f5;
    --mde-section-title-color: #696969;

    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: var(--mde-panel-surface);
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    color: var(--mde-label-color);
    overflow: hidden;
    min-width: 0;
}

.mde-panel--compact[b-c1zzwblxsv] {
    font-size: 10px;
}

.mde-panel--dark[b-c1zzwblxsv] {
    --mde-panel-surface: #2b2b2b;
    --mde-label-color: #d0d0d0;
    --mde-value-color: #d0d0d0;
    --mde-section-title-bg: #3a3a3a;
    --mde-section-title-color: #d0d0d0;

    background: var(--mde-panel-surface);
    color: var(--mde-label-color);
}

.mde-panel__group[b-c1zzwblxsv] {
    min-width: 0;
    margin: 0 0 2px;
}

.mde-panel__group--image[b-c1zzwblxsv] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 6px 4px;
    min-height: 64px;
    margin: 0;
}

.mde-panel__group--footer[b-c1zzwblxsv] {
    margin-top: auto;
}

.mde-panel__group-title[b-c1zzwblxsv] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 20px;
    padding: 2px 5px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 8.25pt;
    font-weight: 700;
    line-height: 1.2;
    color: var(--mde-section-title-color);
    background-color: var(--mde-section-title-bg);
    border-bottom: 1px solid #e0e0e0;
}

.mde-panel--dark .mde-panel__group-title[b-c1zzwblxsv] {
    border-bottom-color: #666666;
}

.mde-panel--compact .mde-panel__group-title[b-c1zzwblxsv] {
    font-size: 8pt;
}

.mde-panel__grid[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
    column-gap: 4px;
    row-gap: 1px;
    padding: 4px 6px 6px;
    background: var(--mde-panel-surface);
    min-width: 0;
}

.mde-panel__cell[b-c1zzwblxsv] {
    min-height: 19px;
    padding: 0;
    box-sizing: border-box;
    min-width: 0;
}

.mde-panel__cell--label[b-c1zzwblxsv] {
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-weight: 400;
    color: var(--mde-label-color);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding: 1px 4px 1px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mde-panel__cell--label-bold[b-c1zzwblxsv] {
    font-weight: 700;
}

.mde-panel__cell--value[b-c1zzwblxsv] {
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 8.25pt;
    font-weight: 400;
    color: var(--mde-value-color);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    width: 100%;
    padding: 1px 4px 1px 0;
    word-break: break-word;
    overflow: hidden;
}

.mde-panel__cell--value-bar[b-c1zzwblxsv] {
    min-height: 19px;
    padding-right: 4px;
}

.mde-panel__cell--value-progress[b-c1zzwblxsv] {
    position: relative;
    min-height: 19px;
    padding: 0;
    overflow: hidden;
}

.mde-panel__progress-fill[b-c1zzwblxsv] {
    position: absolute;
    inset: 0 auto 0 0;
    opacity: 0.35;
}

.mde-panel__progress-text[b-c1zzwblxsv] {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1px 4px 1px 0;
    text-align: right;
}

.mde-panel__cell--value-status[b-c1zzwblxsv] {
    justify-content: flex-start;
    text-align: left;
    padding-left: 4px;
    padding-right: 2px;
}

.mde-panel__cell--value-bold[b-c1zzwblxsv] {
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.mde-panel--compact .mde-panel__cell--value-bold[b-c1zzwblxsv] {
    font-size: 10px;
}

.mde-panel__image[b-c1zzwblxsv] {
    max-width: 100%;
    max-height: 72px;
    object-fit: contain;
}

.mde-panel__diagram[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 3px 6px 6px;
    min-height: 62px;
    box-sizing: border-box;
}

.mde-panel__diagram-chart[b-c1zzwblxsv] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    overflow: hidden;
}

.mde-panel__diagram-chart--pie[b-c1zzwblxsv] {
    padding-right: 2px;
}

.mde-panel__diagram-chart--line[b-c1zzwblxsv] {
    padding-left: 2px;
    border-left: 1px solid #e0e0e0;
}

.mde-panel--dark .mde-panel__diagram-chart--line[b-c1zzwblxsv] {
    border-left-color: #555555;
}

.mde-panel__diagram-label[b-c1zzwblxsv] {
    color: #888888;
    font-family: Tahoma, Arial, sans-serif;
    font-style: italic;
    font-size: 8pt;
    text-align: center;
    line-height: 1.2;
}

.mde-panel--dark .mde-panel__diagram-label[b-c1zzwblxsv] {
    color: #aaaaaa;
}

.mde-panel-frame--dashboard[b-c1zzwblxsv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    width: 100%;
    max-width: none;
}

.mde-panel-dashboard__layout[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(148px, 40%);
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    background: var(--mde-panel-surface, #ffffff);
}

.mde-panel--dark.mde-panel-dashboard__layout[b-c1zzwblxsv] {
    background: #2b2b2b;
}

.mde-panel-dashboard__left[b-c1zzwblxsv] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.mde-panel-dashboard__header[b-c1zzwblxsv] {
    padding: 4px 6px 2px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 9pt;
    font-weight: 700;
    line-height: 1.2;
    color: var(--mde-label-color, #404040);
    background: var(--mde-panel-surface, #ffffff);
}

.mde-panel--dashboard.mde-panel--compact .mde-panel-dashboard__header[b-c1zzwblxsv] {
    font-size: 8pt;
    padding: 2px 4px 1px;
}

.mde-panel-dashboard__personnel[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 1px;
    padding: 0 6px 4px;
}

.mde-panel-dashboard__personnel-label[b-c1zzwblxsv],
.mde-panel-dashboard__personnel-value[b-c1zzwblxsv] {
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: var(--mde-label-color, #404040);
    line-height: 1.25;
}

.mde-panel-dashboard__personnel-label[b-c1zzwblxsv] {
    text-align: right;
}

.mde-panel-dashboard__personnel-value[b-c1zzwblxsv] {
    text-align: left;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
}

.mde-panel-dashboard__metrics-row[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: stretch;
    background: #dcdcdc;
    margin: 0 0 2px;
}

.mde-panel--dark .mde-panel-dashboard__metrics-row[b-c1zzwblxsv] {
    background: #3a3a3a;
}

.mde-panel-dashboard__image-wrap[b-c1zzwblxsv] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    min-width: 100px;
    align-self: stretch;
}

.mde-panel-dashboard__image[b-c1zzwblxsv] {
    width: 88px;
    max-width: 88px;
    height: auto;
    max-height: 115px;
    object-fit: contain;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel-dashboard__image-wrap[b-c1zzwblxsv] {
    min-width: 100px;
    padding: 4px 6px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel-dashboard__image[b-c1zzwblxsv] {
    width: 88px;
    max-width: 88px;
    max-height: 115px;
}

.mde-panel-dashboard__metrics-grid[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: minmax(72px, auto) minmax(0, 1fr);
    column-gap: 4px;
    row-gap: 1px;
    padding: 4px 6px 4px 2px;
    background: var(--mde-panel-surface, #ffffff);
    align-content: start;
}

.mde-panel-dashboard__total-duration[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
    column-gap: 4px;
    padding: 0 6px 2px;
}

.mde-panel-dashboard__oee[b-c1zzwblxsv] {
    padding-top: 0;
}

.mde-panel-dashboard__production[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
    column-gap: 4px;
    row-gap: 1px;
    padding: 2px 6px 4px;
}

.mde-panel-dashboard__produce-progress[b-c1zzwblxsv] {
    grid-column: 1 / -1;
    position: relative;
    height: 14px;
    margin: 1px 0 2px;
    background: #f5deb3;
    overflow: hidden;
}

.mde-panel-dashboard__produce-progress-fill[b-c1zzwblxsv] {
    position: absolute;
    inset: 0 auto 0 0;
    background: #5cb85c;
}

.mde-panel--dark .mde-panel-dashboard__produce-progress[b-c1zzwblxsv] {
    background: #5a4a32;
}

.mde-panel-dashboard__status-stack[b-c1zzwblxsv] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: auto;
    padding: 4px 6px 6px;
}

.mde-panel-dashboard__status-bar[b-c1zzwblxsv] {
    min-height: 22px;
    padding: 2px 6px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 8.25pt;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    box-sizing: border-box;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel-dashboard__status-bar[b-c1zzwblxsv] {
    min-height: 18px;
    font-size: 7.5pt;
    padding: 1px 4px;
}

.mde-panel-dashboard__charts[b-c1zzwblxsv] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    min-height: 0;
    border-left: 1px solid #e0e0e0;
    overflow: hidden;
    background: var(--mde-panel-surface, #ffffff);
}

.mde-panel--dark .mde-panel-dashboard__charts[b-c1zzwblxsv] {
    border-left-color: #555555;
    background: #2b2b2b;
}

.mde-panel-dashboard__chart-block[b-c1zzwblxsv] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 4px;
    overflow: hidden;
}

.mde-panel-dashboard__chart-block + .mde-panel-dashboard__chart-block[b-c1zzwblxsv] {
    border-top: 1px solid #e0e0e0;
}

.mde-panel--dark .mde-panel-dashboard__chart-block + .mde-panel-dashboard__chart-block[b-c1zzwblxsv] {
    border-top-color: #555555;
}

.mde-panel-dashboard__chart-title[b-c1zzwblxsv] {
    flex: 0 0 auto;
    padding: 0 2px 4px;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: var(--mde-section-title-color, #696969);
}

.mde-panel-dashboard__chart-body[b-c1zzwblxsv] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.mde-panel-dashboard__chart-body--empty[b-c1zzwblxsv] {
    align-items: center;
}

.mde-panel-dashboard__no-order[b-c1zzwblxsv] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    min-height: 0;
    padding: 4px;
}

.mde-panel-dashboard__no-order-image[b-c1zzwblxsv] {
    width: 88px;
    max-width: 88px;
    max-height: 115px;
    margin: 8px 6px;
    object-fit: contain;
}

.mde-panel--dashboard[b-c1zzwblxsv] {
    min-width: 0;
}

.mde-panel--dashboard.mde-panel--compact[b-c1zzwblxsv] {
    font-size: 10px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__grid[b-c1zzwblxsv] {
    grid-template-columns: minmax(70px, auto) minmax(0, 1fr);
    column-gap: 2px;
    row-gap: 0;
    padding: 2px 4px 4px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__group[b-c1zzwblxsv] {
    margin: 0 0 1px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__group--image[b-c1zzwblxsv] {
    min-height: 44px;
    padding: 4px 4px 2px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__image[b-c1zzwblxsv] {
    max-height: 48px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__group-title[b-c1zzwblxsv] {
    min-height: 16px;
    padding: 1px 4px;
    font-size: 7.5pt;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__cell[b-c1zzwblxsv] {
    min-height: 16px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__cell--label[b-c1zzwblxsv],
.mde-panel--dashboard.mde-panel--compact .mde-panel__cell--value[b-c1zzwblxsv] {
    font-size: 7pt;
    padding-top: 0;
    padding-bottom: 0;
}

.mde-panel--dashboard .mde-panel__grid[b-c1zzwblxsv] {
    grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
}

.mde-panel__machine-name[b-c1zzwblxsv] {
    padding: 2px 4px 3px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 8.25pt;
    font-weight: 400;
    color: var(--mde-label-color, #404040);
    background: var(--mde-panel-surface, #ffffff);
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__machine-name[b-c1zzwblxsv] {
    font-size: 7.5pt;
    padding: 1px 4px 2px;
}

.mde-panel--dark .mde-panel__machine-name[b-c1zzwblxsv] {
    color: #d0d0d0;
    background: #2b2b2b;
}

.mde-panel__no-order[b-c1zzwblxsv] {
    padding: 4px 4px 8px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 8.25pt;
    color: var(--mde-label-color, #404040);
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__no-order[b-c1zzwblxsv] {
    font-size: 7.5pt;
    padding: 2px 4px 6px;
}

.mde-panel__oee-charts[b-c1zzwblxsv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    padding: 2px 4px 4px;
}

.mde-panel--dashboard.mde-panel--compact .mde-panel__oee-charts[b-c1zzwblxsv] {
    gap: 1px;
    padding: 1px 3px 3px;
}

.mde-panel__oee-gauge[b-c1zzwblxsv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.mde-panel__oee-gauge-caption[b-c1zzwblxsv] {
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 7pt;
    line-height: 1.15;
    text-align: center;
    color: var(--mde-label-color, #404040);
    margin-bottom: 2px;
}

.mde-panel__oee-gauge-chart[b-c1zzwblxsv] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mde-panel__oee-gauge-value[b-c1zzwblxsv] {
    margin-top: 1px;
    font-family: "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 8pt;
    font-weight: 700;
    text-align: center;
}

.mde-panel__oee-gauge--compact .mde-panel__oee-gauge-caption[b-c1zzwblxsv] {
    font-size: 6pt;
    line-height: 1.1;
    margin-bottom: 0;
}

.mde-panel__oee-gauge--compact .mde-panel__oee-gauge-value[b-c1zzwblxsv] {
    font-size: 7pt;
}

.mde-panel-frame--dashboard:has(.mde-panel--compact)[b-c1zzwblxsv] {
    padding: 2px;
}
/* /Components/Pages/Mde/MdeDetailInfoDialog.razor.rz.scp.css */
/* Layout-only rules kept in scoped CSS; visual styles live in wwwroot/css/mde-detail-info.css */

.mde-detail-info-popup .dxbl-popup-content[b-cgxce4lj3w] {
    display: flex;
    flex-direction: column;
}

.mde-detail-info__top[b-cgxce4lj3w],
.mde-detail-info__middle[b-cgxce4lj3w],
.mde-detail-info__status-row[b-cgxce4lj3w],
.mde-detail-info__metrics-wrap[b-cgxce4lj3w] {
    flex: 0 0 auto;
}

@media (max-width: 960px) {
    .mde-detail-info__top[b-cgxce4lj3w],
    .mde-detail-info__middle[b-cgxce4lj3w],
    .mde-detail-info__metrics-wrap[b-cgxce4lj3w] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Mde/MdeDetailInfoLegendDialog.razor.rz.scp.css */
.mde-detail-legend-popup .dxbl-popup-content[b-as9u2x3bfy] {
    overflow: auto;
    background: #ece9d8;
}

.mde-detail-legend[b-as9u2x3bfy] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: #404040;
}

.mde-detail-legend__hint[b-as9u2x3bfy] {
    padding: 0.25rem 0.45rem;
    border: 1px solid #aca899;
    background: #c0c0c0;
    font-size: 0.78rem;
}

.mde-detail-legend__node[b-as9u2x3bfy] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 1.35rem;
}

.mde-detail-legend__swatch[b-as9u2x3bfy] {
    width: 1rem;
    height: 1rem;
    border: 1px solid #808080;
    flex-shrink: 0;
}

.mde-detail-legend__node-text[b-as9u2x3bfy] {
    min-width: 0;
    word-break: break-word;
}

.mde-detail-legend__loading[b-as9u2x3bfy],
.mde-detail-legend__empty[b-as9u2x3bfy] {
    margin: 0;
    padding: 0.5rem;
    color: #666;
}
/* /Components/Pages/Mde/MdeStateFlowTimeline.razor.rz.scp.css */
/* Styles moved to wwwroot/css/mde-detail-info.css (global) for popup + child components. */
/* /Components/Pages/Meldungen/MeldungenDateToolbar.razor.rz.scp.css */
.meldungen-date-toolbar[b-0rdmsuuabk] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.meldungen-date-toolbar__label[b-0rdmsuuabk] {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
}

.meldungen-date-toolbar[b-0rdmsuuabk]  .meldungen-date-toolbar__date {
    width: 118px;
    min-width: 118px;
}
/* /Components/Pages/Meldungen/MeldungenDetailPanel.razor.rz.scp.css */
.meldungen-detail-panel[b-izpjqd6218] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
    padding: 0.75rem;
}

.meldungen-detail-panel__toolbar[b-izpjqd6218] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.meldungen-detail-panel__meta[b-izpjqd6218] {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 0.75rem;
    align-items: start;
}

.meldungen-detail-panel__photo[b-izpjqd6218] {
    width: 72px;
    height: 84px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.meldungen-detail-panel__photo .gnt-gi[b-izpjqd6218] {
    width: 100%;
    height: 100%;
    background-position: bottom left;
    background-size: contain;
}

.meldungen-detail-panel__fields[b-izpjqd6218] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.meldungen-detail-panel__date[b-izpjqd6218] {
    color: var(--dxds-color-content-neutral-subdued-rest, #666);
    font-size: 0.875rem;
}

.meldungen-detail-panel__from[b-izpjqd6218] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.meldungen-detail-panel__label[b-izpjqd6218] {
    font-weight: 600;
}

.meldungen-detail-panel__subject[b-izpjqd6218] {
    font-size: 1.05rem;
    font-weight: 600;
}

.meldungen-detail-panel__read-by[b-izpjqd6218] {
    color: var(--dxds-color-content-neutral-subdued-rest, #666);
    font-size: 0.875rem;
}

.meldungen-detail-panel__body[b-izpjqd6218] {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Components/Pages/Meldungen/MeldungenPage.razor.rz.scp.css */
.meldungen-page[b-epyd5kcskx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    min-height: 0;
}

.meldungen-page__error[b-epyd5kcskx] {
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--dxds-color-surface-danger-subdued-rest, #fdecea);
    color: var(--dxds-color-content-danger-rest, #b42318);
}

.meldungen-page__hint[b-epyd5kcskx] {
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    background: var(--dxds-color-surface-neutral-subdued-rest, #f7f7f7);
    color: var(--dxds-color-content-neutral-subdued-rest, #555);
    white-space: pre-line;
}

.meldungen-split[b-epyd5kcskx] {
    flex: 1 1 auto;
    min-height: 0;
}

.meldungen-page__toggle-read[b-epyd5kcskx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.meldungen-page__toggle-read:disabled[b-epyd5kcskx] {
    cursor: default;
    opacity: 0.55;
}

.meldungen-page__row-unread[b-epyd5kcskx] {
    font-weight: 600;
}

.meldungen-detail-shell[b-epyd5kcskx] {
    height: 100%;
    min-height: 0;
}
/* /Components/Pages/MesOneOrders/MesOneArticlePanel.razor.rz.scp.css */
.mesone-article-panel[b-qft9usjv7b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mesone-article-panel[b-qft9usjv7b]  .mesone-article-form {
    width: 100%;
}

.mesone-article-panel[b-qft9usjv7b]  .mesone-article-form .dxbl-fl-group-header {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gnt-text-secondary, #666);
    background: var(--gnt-surface-2, #f0f0f0);
    padding: 4px 8px;
    margin-bottom: 4px;
}

.mesone-article-panel[b-qft9usjv7b]  .mesone-article-form .dxbl-fl-item-caption {
    font-size: 0.6875rem;
    color: var(--gnt-text-secondary, #666);
    min-width: 110px;
}

.mesone-article-panel[b-qft9usjv7b]  .mesone-article-form .dxbl-textbox,
.mesone-article-panel[b-qft9usjv7b]  .mesone-article-form .dxbl-date-edit,
.mesone-article-panel[b-qft9usjv7b]  .mesone-article-form .dxbl-memo {
    width: 100%;
}

.mesone-article-panel__actions[b-qft9usjv7b] {
    margin-top: 4px;
}
/* /Components/Pages/MesOneOrders/MesOneCustomerPanel.razor.rz.scp.css */
.mesone-customer-panel[b-p45s6yfb0p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mesone-customer-panel[b-p45s6yfb0p]  .mesone-customer-form {
    width: 100%;
}

.mesone-customer-panel[b-p45s6yfb0p]  .mesone-customer-form .dxbl-fl-group-header {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gnt-text-secondary, #666);
    background: var(--gnt-surface-2, #f0f0f0);
    padding: 4px 8px;
    margin-bottom: 4px;
}

.mesone-customer-panel[b-p45s6yfb0p]  .mesone-customer-form .dxbl-fl-item-caption {
    font-size: 0.6875rem;
    color: var(--gnt-text-secondary, #666);
    min-width: 6.875rem;
}

.mesone-customer-panel[b-p45s6yfb0p]  .mesone-customer-form .dxbl-fl-item-horizontal > .dxbl-fl-item-content {
    flex: 1 1 auto;
    min-width: 0;
}

.mesone-customer-panel[b-p45s6yfb0p]  .mesone-customer-form .dxbl-textbox,
.mesone-customer-panel[b-p45s6yfb0p]  .mesone-customer-form .dxbl-memo {
    width: 100%;
}

.mesone-customer-panel__actions[b-p45s6yfb0p] {
    margin-top: 4px;
}
/* /Components/Pages/MesOneOrders/MesOneOperationsPanel.razor.rz.scp.css */
.mesone-operations-panel[b-wke6ome9or] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.mesone-operations-panel .bde-order-operations-tab__split[b-wke6ome9or] {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.mesone-operations-panel .bde-order-operations-tab__section[b-wke6ome9or] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
    padding: 4px 2px;
}

.mesone-operations-panel .bde-order-operations-tab__toolbar[b-wke6ome9or] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.mesone-operations-panel .bde-order-operations-tab__group-label[b-wke6ome9or] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-right: 4px;
}

.mesone-operations-panel .bde-order-operations-tab__grid-wrap[b-wke6ome9or] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.mesone-operations-panel .bde-order-operations-tab__grid-wrap[b-wke6ome9or]  .dxbl-grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden;
}

.mesone-operations-panel .bde-order-operations-tab__grid-wrap[b-wke6ome9or]  .dxbl-grid-table-wrapper {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.mesone-operations-panel[b-wke6ome9or]  .master-detail-splitter__inner {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}
/* /Components/Pages/MesOneOrders/MesOneOrderDetailPanel.razor.rz.scp.css */
.mesone-order-detail-panel[b-3paqyyxov6] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.mesone-order-detail-panel[b-3paqyyxov6]  .mesone-order-form {
    width: 100%;
}

.mesone-order-detail-panel[b-3paqyyxov6]  .mesone-order-form .dxbl-fl-group-header {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gnt-text-secondary, #666);
    background: var(--gnt-surface-2, #f0f0f0);
    padding: 4px 8px;
    margin-bottom: 4px;
}

.mesone-order-detail-panel[b-3paqyyxov6]  .mesone-order-form .dxbl-fl-item-caption {
    font-size: 0.6875rem;
    color: var(--gnt-text-secondary, #666);
    min-width: 110px;
}

.mesone-order-detail-panel[b-3paqyyxov6]  .mesone-order-form .dxbl-textbox,
.mesone-order-detail-panel[b-3paqyyxov6]  .mesone-order-form .dxbl-date-edit,
.mesone-order-detail-panel[b-3paqyyxov6]  .mesone-order-form .dxbl-memo {
    width: 100%;
}

.mesone-order-detail-panel__progress-bar[b-3paqyyxov6] {
    width: 100%;
}
/* /Components/Pages/MesOneOrders/MesOneOrderEditorHost.razor.rz.scp.css */
.mesone-order-editor-host[b-kadd4ryyya] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}

.mesone-order-editor-host[b-kadd4ryyya]  .crud-detail-shell {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.mesone-order-editor-form-host[b-kadd4ryyya] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.mesone-order-editor-form-host__tabs[b-kadd4ryyya] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    margin-top: 0.5rem;
}

.mesone-order-editor-form-host[b-kadd4ryyya]  #mesone-order-editor-tabs .dxbl-tabs,
.mesone-order-editor-form-host[b-kadd4ryyya]  .mesone-order-editor-form-host__tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.mesone-order-editor-form-host[b-kadd4ryyya]  #mesone-order-editor-tabs .dxbl-tabs-content-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 12rem;
    overflow: hidden;
}

.mesone-order-editor-form-host[b-kadd4ryyya]  #mesone-order-editor-tabs .dxbl-tabs-content.dxbl-active,
.mesone-order-editor-form-host[b-kadd4ryyya]  #mesone-order-editor-tabs .dxbl-fl-tab-content {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.mesone-order-editor-form-host__tab-pane[b-kadd4ryyya] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
}

.mesone-order-editor-form-host__tab-pane--fill[b-kadd4ryyya] {
    height: 100%;
    overflow: hidden;
}

.mesone-order-editor-form-host__tab-pane--scroll[b-kadd4ryyya] {
    overflow: auto;
    padding: 0.25rem 0 0.5rem;
}
/* /Components/Pages/MesOneOrders/MesOneOrdersHost.razor.rz.scp.css */
.mesone-order-workspace-layout[b-w4278nc6yi] {
    height: 100%;
    min-height: 0;
}

.mesone-order-workspace-layout__tree-main[b-w4278nc6yi],
.mesone-order-workspace-layout__center-article[b-w4278nc6yi],
.mesone-order-workspace-layout__ops-customer[b-w4278nc6yi] {
    height: 100%;
    min-height: 0;
}

.mesone-panel[b-w4278nc6yi] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--gnt-surface-1, #fff);
    border: 1px solid var(--gnt-border-subtle, #e0e0e0);
    border-radius: 4px;
}

.mesone-panel--fill[b-w4278nc6yi] {
    flex: 1 1 auto;
}

.mesone-panel__title[b-w4278nc6yi] {
    flex: 0 0 auto;
    padding: 6px 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    border-bottom: 1px solid var(--gnt-border-subtle, #e0e0e0);
    background: var(--gnt-surface-2, #f5f5f5);
}

.mesone-article-split[b-w4278nc6yi] {
    height: 100%;
    min-height: 0;
}

.mesone-article-documents[b-w4278nc6yi] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.mesone-article-documents__title[b-w4278nc6yi] {
    flex: 0 0 auto;
    padding: 4px 8px;
    font-size: 0.85rem;
    font-weight: 600;
    border-bottom: 1px solid var(--gnt-border-subtle, #e0e0e0);
}

.mesone-operations-panel[b-w4278nc6yi] {
    height: 100%;
    min-height: 0;
}

.mesone-panel__content[b-w4278nc6yi] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 8px;
}

.mesone-panel__content--scroll[b-w4278nc6yi] {
    overflow: auto;
}

.mesone-host[b-w4278nc6yi] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 8px;
}

.mesone-host__workspace[b-w4278nc6yi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
}

.mesone-host__overlay[b-w4278nc6yi] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.25);
}

.mesone-host__overlay-card[b-w4278nc6yi] {
    padding: 16px 24px;
    border-radius: 6px;
    background: var(--gnt-surface-1, #fff);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.mesone-error[b-w4278nc6yi] {
    padding: 8px 12px;
    border-radius: 4px;
    background: #fdecea;
    color: #b42318;
}

.mesone-side-panel--sectioned[b-w4278nc6yi] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mesone-side-panel__section[b-w4278nc6yi] {
    border: 1px solid var(--gnt-border-subtle, #e0e0e0);
    border-radius: 4px;
    padding: 6px 8px;
    background: var(--gnt-surface-1, #fff);
}

.mesone-side-panel__section-title[b-w4278nc6yi] {
    margin: 0 0 4px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gnt-text-secondary, #666);
}

.mesone-side-panel__memo[b-w4278nc6yi] {
    width: 100%;
}

.mesone-side-panel__actions[b-w4278nc6yi] {
    margin-top: 4px;
}

.mesone-order-edit-dialog__body[b-w4278nc6yi] {
    min-height: 420px;
}

.mesone-order-edit-dialog__tabs[b-w4278nc6yi] {
    height: 100%;
}

.mesone-order-edit-dialog__tab-pane[b-w4278nc6yi] {
    max-height: 60vh;
    overflow: auto;
    padding: 8px 0;
}

.mesone-order-edit-dialog__tab-pane--fill[b-w4278nc6yi] {
    min-height: 360px;
}

.mesone-order-edit-dialog__footer[b-w4278nc6yi] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Pages/MesOneOrders/MesOneOrderTreePanel.razor.rz.scp.css */
/* Component-scoped accents; layout/fill rules live in wwwroot/css/bde.css */

.mesone-order-tree-panel__options[b-8roe0f87yj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 0.35rem 0.5rem;
    background: var(--gnt-surface-2, #f5f5f5);
    border-radius: 4px;
    border: 1px solid var(--gnt-border-subtle, #e0e0e0);
}

.mesone-order-tree-panel__search-row[b-8roe0f87yj],
.mesone-order-tree-panel__sort-row[b-8roe0f87yj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mesone-order-tree-panel__search-row[b-8roe0f87yj] {
    flex-direction: column;
    align-items: stretch;
}

.mesone-order-tree-panel__search-field[b-8roe0f87yj] {
    width: 100%;
    min-width: 0;
}

.mesone-order-tree-panel__search-inline[b-8roe0f87yj] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.mesone-order-tree-panel__search-input[b-8roe0f87yj] {
    flex: 1 1 auto;
    min-width: 0;
}

.mesone-order-tree-panel__search-actions[b-8roe0f87yj] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
}

.mesone-order-tree-panel__sort-row[b-8roe0f87yj] {
    flex-wrap: wrap;
}

.mesone-order-tree-panel__sort-field[b-8roe0f87yj] {
    flex: 0 0 220px;
    min-width: 180px;
}

.mesone-order-tree-panel__sort-label[b-8roe0f87yj] {
    font-size: 0.875rem;
    white-space: nowrap;
}
/* /Components/Pages/MesOneOrders/MesOneOrderWorkspaceLayout.razor.rz.scp.css */
.mesone-order-workspace-layout[b-plpgjtb7zb] {
    height: 100%;
    min-height: 0;
}

.mesone-order-workspace-layout__tree-main[b-plpgjtb7zb],
.mesone-order-workspace-layout__center-article[b-plpgjtb7zb],
.mesone-order-workspace-layout__order-lower[b-plpgjtb7zb],
.mesone-order-workspace-layout__ops-customer[b-plpgjtb7zb] {
    height: 100%;
    min-height: 0;
}

.mesone-panel[b-plpgjtb7zb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--gnt-surface-1, #fff);
    border: 1px solid var(--gnt-border-subtle, #e0e0e0);
    border-radius: 4px;
}

.mesone-panel--fill[b-plpgjtb7zb] {
    flex: 1 1 auto;
}

.mesone-panel__title[b-plpgjtb7zb] {
    flex: 0 0 auto;
    padding: 6px 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    border-bottom: 1px solid var(--gnt-border-subtle, #e0e0e0);
    background: var(--gnt-surface-2, #f5f5f5);
}

.mesone-panel__content[b-plpgjtb7zb] {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
    padding: 8px;
}

.mesone-panel__content--fill[b-plpgjtb7zb] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.mesone-panel__content--fill > .mesone-order-tree-panel[b-plpgjtb7zb],
.mesone-panel__content--fill > .mesone-operations-panel[b-plpgjtb7zb] {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
}

.mesone-panel__content--scroll[b-plpgjtb7zb] {
    height: auto;
    overflow: auto;
}
/* /Components/Pages/Monitoring/MonitoringToolbarHorizon.razor.rz.scp.css */
.monitoring-toolbar-horizon[b-bachyqo8d7] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: auto;
    max-width: none;
}

.monitoring-toolbar-horizon__sep[b-bachyqo8d7] {
    flex: 0 0 auto;
    color: #666;
    font-size: 0.75rem;
    line-height: 1;
    user-select: none;
}

.monitoring-toolbar-horizon[b-bachyqo8d7]  .monitoring-toolbar-horizon__date {
    display: inline-flex;
    width: 10.25rem;
    min-width: 10.25rem;
    max-width: 10.25rem;
    flex: 0 0 10.25rem;
}

.monitoring-toolbar-horizon[b-bachyqo8d7]  .monitoring-toolbar-horizon__date .dxbl-text-edit,
.monitoring-toolbar-horizon[b-bachyqo8d7]  .monitoring-toolbar-horizon__date .dxbl-editbox,
.monitoring-toolbar-horizon[b-bachyqo8d7]  .monitoring-toolbar-horizon__date .dxbl-editbox-input {
    width: 100%;
    min-width: 0;
}

.monitoring-toolbar-horizon[b-bachyqo8d7]  .monitoring-toolbar-horizon__date .dxbl-editbox {
    min-height: 1.5rem;
    font-size: 0.75rem;
}
/* /Components/Pages/Navigation/NavigationGroupExplorer.razor.rz.scp.css */
.nav-group-explorer[b-ed6bhpg9j3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 0.75rem 1rem 1rem;
    overflow: auto;
    background: #fff;
}

.nav-group-explorer__empty[b-ed6bhpg9j3] {
    color: var(--gnt-color-muted-text, #6c757d);
}

.nav-group-explorer__list[b-ed6bhpg9j3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    width: 100%;
}

.nav-group-explorer__item[b-ed6bhpg9j3] {
    margin: 0;
}

.nav-group-explorer__row[b-ed6bhpg9j3] {
    display: grid;
    grid-template-columns: 28px minmax(10rem, 16rem) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.75rem;
    padding: 0.35rem 0.5rem;
    border-radius: 3px;
    text-decoration: none;
    color: inherit;
}

.nav-group-explorer__row:hover[b-ed6bhpg9j3] {
    background: var(--gnt-color-row-hover, rgba(183, 14, 12, 0.08));
}

.nav-group-explorer__row--disabled[b-ed6bhpg9j3] {
    opacity: 0.55;
    cursor: default;
}

.nav-group-explorer__icon[b-ed6bhpg9j3] {
    flex: 0 0 auto;
    justify-self: center;
}

.nav-group-explorer__label[b-ed6bhpg9j3] {
    color: #0b57d0;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-group-explorer__row--disabled .nav-group-explorer__label[b-ed6bhpg9j3] {
    color: inherit;
    text-decoration: none;
}

.nav-group-explorer__desc[b-ed6bhpg9j3] {
    color: #1a1a1a;
    font-weight: 400;
    min-width: 0;
}
/* /Components/Pages/Paletten/PalettenDetailView.razor.rz.scp.css */
.paletten-detail-view[b-hpwtuzyo3u] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}
/* /Components/Pages/Paletten/PalettenEditorForm.razor.rz.scp.css */
.paletten-editor[b-tlviflqleb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
    height: 100%;
}

.paletten-editor__lock-hint[b-tlviflqleb] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--gnt-color-warning-border, #f0ad4e);
    background: var(--gnt-color-warning-bg, #fff8e6);
    border-radius: 4px;
    flex: 0 0 auto;
}

.paletten-editor__header[b-tlviflqleb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem 1rem;
    align-items: start;
    flex: 0 0 auto;
}

.paletten-editor__fields[b-tlviflqleb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.paletten-editor__row[b-tlviflqleb] {
    display: grid;
    gap: 0.35rem 0.75rem;
    align-items: center;
}

.paletten-editor__row--top[b-tlviflqleb] {
    grid-template-columns: auto minmax(10rem, 1fr) auto minmax(12rem, 1.2fr);
}

.paletten-editor__row--bottom[b-tlviflqleb] {
    grid-template-columns: auto minmax(12rem, 1fr) auto;
    align-items: start;
}

.paletten-editor__label[b-tlviflqleb] {
    white-space: nowrap;
    font-weight: 500;
}

.paletten-editor__checkboxes[b-tlviflqleb] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding-top: 0.15rem;
}

.paletten-editor__actions[b-tlviflqleb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 13.5rem;
    padding-top: 0.15rem;
}

.paletten-editor__import-error[b-tlviflqleb] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--gnt-color-danger-border, #f5c6cb);
    background: var(--gnt-color-danger-bg, #f8d7da);
    border-radius: 4px;
    color: var(--gnt-color-danger-text, #721c24);
    flex: 0 0 auto;
}

.paletten-editor__grid-host[b-tlviflqleb] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 12rem;
    min-width: 0;
}

.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .center-crud-page {
    min-height: 0;
    height: 100%;
}

.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .center-crud-toolbar-host,
.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .dxbl-grid-search-box,
.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .dxbl-grid-filter-panel,
.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .dxbl-grid-filter-row,
.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .dxbl-grid-footer {
    display: none;
}

.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .center-crud-grid-wrap {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.paletten-editor[b-tlviflqleb]  .paletten-editor__grid-host .dxbl-grid {
    height: 100%;
}

@media (max-width: 960px) {
    .paletten-editor__header[b-tlviflqleb] {
        grid-template-columns: 1fr;
    }

    .paletten-editor__row--top[b-tlviflqleb],
    .paletten-editor__row--bottom[b-tlviflqleb] {
        grid-template-columns: 1fr;
    }

    .paletten-editor__actions[b-tlviflqleb] {
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 0;
    }
}
/* /Components/Pages/Pdv/PdvHost.razor.rz.scp.css */
.pdv-host[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem 0.5rem;
    box-sizing: border-box;
    overflow: hidden;
    background: #f0f0f2;
}

.pdv-error[b-bwjii18c2o] {
    color: var(--gnt-danger, #b70e0c);
    font-size: 0.875rem;
    flex: 0 0 auto;
}

.pdv-notice[b-bwjii18c2o] {
    color: var(--gnt-text-secondary, #5a5a5a);
    font-size: 0.875rem;
    flex: 0 0 auto;
}

.pdv-split[b-bwjii18c2o] {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.pdv-host .pdv-split.dxbl-splitter[b-bwjii18c2o],
.pdv-host .pdv-split .dxbl-splitter-pane[b-bwjii18c2o],
.pdv-host .pdv-split .dxbl-splitter-pane-content[b-bwjii18c2o] {
    min-height: 0;
    min-width: 0;
    height: 100%;
}

.pdv-host .pdv-split--outer > .dxbl-splitter-pane[b-bwjii18c2o],
.pdv-host .pdv-split--outer .dxbl-splitter-pane-content[b-bwjii18c2o],
.pdv-host .pdv-split--workspace > .dxbl-splitter-pane[b-bwjii18c2o],
.pdv-host .pdv-split--workspace .dxbl-splitter-pane-content[b-bwjii18c2o],
.pdv-host .pdv-split--details > .dxbl-splitter-pane[b-bwjii18c2o],
.pdv-host .pdv-split--details .dxbl-splitter-pane-content[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.pdv-host .pdv-split .dxbl-splitter-pane-content[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pdv-pane[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 0.3rem 0.4rem 0.4rem;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8d8dc;
    border-radius: 3px;
}

.pdv-pane__title[b-bwjii18c2o] {
    margin: 0 0 0.3rem;
    padding: 0 0.1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    flex: 0 0 auto;
    color: #333;
}

.pdv-pane__body[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.pdv-pane__placeholder[b-bwjii18c2o] {
    margin: 0.5rem 0.25rem;
    font-size: 0.8125rem;
    color: #666;
}

.pdv-pane--files[b-bwjii18c2o] {
    padding-top: 0.2rem;
}

.pdv-pane--workspace-main[b-bwjii18c2o],
.pdv-pane--preview[b-bwjii18c2o],
.pdv-pane--database[b-bwjii18c2o] {
    height: 100%;
}

.pdv-pane__body--database[b-bwjii18c2o] {
    overflow: hidden;
}

.pdv-pane--database .pdv-db-form[b-bwjii18c2o] {
    height: 100%;
}

.pdv-main-tabs[b-bwjii18c2o],
.pdv-file-tabs[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.pdv-pane--workspace-main .pdv-main-tabs .dxbl-tabs-header[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-file-tabs .dxbl-tabs-header[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs .dxbl-tabs-header[b-bwjii18c2o] {
    flex: 0 0 auto;
}

.pdv-pane--workspace-main .pdv-main-tabs.dxbl-tabs[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-main-tabs .dxbl-tabs-content[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-main-tabs .dxbl-tabs-content-panel[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-main-tabs .dxbl-tabs-content.dxbl-active[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-file-tabs.dxbl-tabs[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-file-tabs .dxbl-tabs-content[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-file-tabs .dxbl-tabs-content-panel[b-bwjii18c2o],
.pdv-pane--workspace-main .pdv-file-tabs .dxbl-tabs-content.dxbl-active[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs.dxbl-tabs[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs .dxbl-tabs-content[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs .dxbl-tabs-content-panel[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs .dxbl-tabs-content.dxbl-active[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.pdv-pane--workspace-main[b-bwjii18c2o]  .dxbl-tabs-content-panel,
.pdv-pane--workspace-main[b-bwjii18c2o]  .dxbl-tabs-content.dxbl-active {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.pdv-pane--workspace-main[b-bwjii18c2o]  .pdv-file-explorer,
.pdv-split--main[b-bwjii18c2o]  .pdv-pane--preview {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.pdv-split--main > .dxbl-splitter-pane[b-bwjii18c2o],
.pdv-split--main .dxbl-splitter-pane-content[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.pdv-file-tabs[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.pdv-pane--files .pdv-file-tabs .dxbl-tabs-header[b-bwjii18c2o] {
    flex: 0 0 auto;
}

.pdv-pane--files .pdv-file-tabs.dxbl-tabs[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs .dxbl-tabs-content[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs .dxbl-tabs-content-panel[b-bwjii18c2o],
.pdv-pane--files .pdv-file-tabs .dxbl-tabs-content.dxbl-active[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
}

.pdv-file-grid-wrap[b-bwjii18c2o],
.pdv-assoc-grid-wrap[b-bwjii18c2o] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.pdv-file-grid-wrap .dxbl-grid[b-bwjii18c2o],
.pdv-file-grid-wrap .center-crud-grid.pdv-file-grid[b-bwjii18c2o],
.pdv-assoc-grid-wrap .dxbl-grid[b-bwjii18c2o],
.pdv-assoc-grid-wrap .center-crud-grid.pdv-assoc-grid[b-bwjii18c2o] {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.pdv-nc-program-form[b-bwjii18c2o] {
    overflow: auto;
    flex: 1 1 0;
    min-height: 0;
    padding-right: 0.15rem;
}
/* /Components/Pages/Pdv/PdvNcFileExplorer.razor.rz.scp.css */
.pdv-file-explorer[b-hgbp1yovzo] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    gap: 0.2rem;
    overflow: hidden;
}

.pdv-file-explorer__toolbar[b-hgbp1yovzo],
.pdv-file-explorer__footer[b-hgbp1yovzo] {
    flex: 0 0 auto;
}

.pdv-file-grid-wrap[b-hgbp1yovzo] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}

.pdv-file-grid-wrap[b-hgbp1yovzo]  .dxbl-grid,
.pdv-file-grid-wrap[b-hgbp1yovzo]  .center-crud-grid.pdv-file-grid {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}
/* /Components/Pages/Pdv/PdvNcProgramPanel.razor.rz.scp.css */
.pdv-db-form[b-uv1xs3wwp1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding-right: 0.1rem;
}

.pdv-db-form__columns[b-uv1xs3wwp1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.35rem;
    align-items: start;
}

.pdv-db-form__column[b-uv1xs3wwp1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.pdv-db-section[b-uv1xs3wwp1] {
    border: 1px solid #c8c8cc;
    background: #fff;
}

.pdv-db-section__title[b-uv1xs3wwp1] {
    margin: 0;
    padding: 0.2rem 0.45rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: #8f8f94;
    border-bottom: 1px solid #7d7d82;
}

.pdv-db-section__body[b-uv1xs3wwp1] {
    padding: 0.25rem 0.45rem 0.35rem;
}

.pdv-db-row[b-uv1xs3wwp1] {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    gap: 0.35rem;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.08rem 0;
}

.pdv-db-row__label[b-uv1xs3wwp1] {
    font-size: 0.75rem;
    color: #333;
    white-space: nowrap;
}

.pdv-db-row__value[b-uv1xs3wwp1] {
    min-width: 0;
    font-size: 0.75rem;
    color: #111;
    border-bottom: 1px solid #b8b8bc;
    padding: 0.05rem 0 0.12rem;
    line-height: 1.25;
    word-break: break-word;
}

.pdv-db-row__value--status[b-uv1xs3wwp1] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    border-bottom: none;
    padding-bottom: 0;
}

.pdv-db-status__name[b-uv1xs3wwp1] {
    font-size: 0.6875rem;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdv-db-memo[b-uv1xs3wwp1] {
    width: 100%;
}

.pdv-db-memo textarea[b-uv1xs3wwp1] {
    font-size: 0.75rem;
    line-height: 1.35;
}
/* /Components/Pages/Pdv/PdvNcProgramPreview.razor.rz.scp.css */
.pdv-pane--preview[b-mu1q5kvjas] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.pdv-pane__title[b-mu1q5kvjas] {
    flex: 0 0 auto;
}

.pdv-pane__body.pdv-nc-preview[b-mu1q5kvjas] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.pdv-nc-preview__text[b-mu1q5kvjas] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}

.pdv-pane__placeholder[b-mu1q5kvjas] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}
/* /Components/Pages/Resources/ResourceDetailPanel.razor.rz.scp.css */
.resource-detail-panel[b-5x5qg9tyai] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

/* Floating collaboration overlay — same pattern as Users / CrudDetailShell. */
.resource-detail-panel__collab[b-5x5qg9tyai] {
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dxbl-body-bg, #fff) 92%, transparent);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    pointer-events: auto;
}

.resource-detail-panel__toolbar[b-5x5qg9tyai] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.resource-detail-panel__title[b-5x5qg9tyai] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resource-detail-panel__actions[b-5x5qg9tyai] {
    display: flex;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.resource-detail-panel__error[b-5x5qg9tyai] {
    flex: 0 0 auto;
    margin: 0.5rem 0.75rem 0;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--dxbs-danger-bg, #fdecea);
    color: var(--dxbs-danger, #b70e0c);
    border: 1px solid var(--dxbs-danger-border, #f5c2c0);
}

.resource-detail-panel__body[b-5x5qg9tyai] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .crud-editor-form-host,
.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-ccf,
.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf-host,
.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf > .dxbl-row {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    flex-wrap: nowrap;
    min-height: 0;
    height: 100%;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf-tabs,
.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100%;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf .dxbl-tabs-content-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf .dxbl-tabs-content.dxbl-active,
.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf .dxbl-fl-tab-content {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf .dxbl-fl-tab-content > .dxbl-row {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf .dxbl-fl-tab-item {
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
    align-self: stretch;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf .dxbl-fl-tab-item .dxbl-fl-ctrl {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    align-self: stretch !important;
}

.resource-detail-panel__body[b-5x5qg9tyai]  .gnt-cf-slot {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

/* Long satellite forms (Pfade, DNC, …): scroll inside the tab card.
   Collection grids keep overflow:hidden on the slot so they fill/virtual-scroll. */
.resource-detail-panel__body[b-5x5qg9tyai]  .resource-editor-satellite {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.resource-detail-panel__group-editor[b-5x5qg9tyai] {
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-body-bg, #fff);
}

.resource-detail-panel__group-hint[b-5x5qg9tyai],
.resource-detail-panel__hint[b-5x5qg9tyai] {
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    line-height: 1.45;
}

.resource-detail-panel__group-meta[b-5x5qg9tyai] {
    display: grid;
    gap: 0.75rem;
    margin: 0.75rem;
    padding: 0;
}

.resource-detail-panel__group-meta div[b-5x5qg9tyai] {
    display: grid;
    gap: 0.15rem;
}

.resource-detail-panel__group-meta dt[b-5x5qg9tyai] {
    font-size: 0.8rem;
    opacity: 0.7;
    margin: 0;
}

.resource-detail-panel__group-meta dd[b-5x5qg9tyai] {
    margin: 0;
    font-weight: 600;
}

/* /Components/Pages/Resources/ResourceEditorForm.razor.rz.scp.css */
.resource-editor-form-host__error[b-fi5hi4xq42] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.resource-editor-placeholder[b-fi5hi4xq42] {
    padding: 16px;
    color: #64748b;
    font-size: 13px;
}

.resource-editor-add-position[b-fi5hi4xq42] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.resource-editor-add-position__tag[b-fi5hi4xq42] {
    margin-top: 4px;
}

.resource-editor-satellite[b-fi5hi4xq42] {
    padding: 12px 16px;
    box-sizing: border-box;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Paths tab: labels left of editors (CaptionPosition.Horizontal). Pin a wider
   caption column than DX's default ~7rem so long DE labels stay horizontal —
   DX otherwise falls back to Vertical when the caption does not fit. */
.resource-editor-satellite--paths .dxbl-fl-item-horizontal > .dxbl-fl-cpt[b-fi5hi4xq42] {
    flex: 0 0 14rem !important;
    width: 14rem !important;
    max-width: 14rem !important;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resource-editor-satellite__path-row[b-fi5hi4xq42] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
}

.resource-editor-satellite__path-input[b-fi5hi4xq42] {
    flex: 1 1 auto;
    min-width: 0;
}

.resource-editor-satellite__path-helper[b-fi5hi4xq42] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.resource-editor-satellite__identical[b-fi5hi4xq42] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
}

.resource-editor-satellite__identical-combo[b-fi5hi4xq42] {
    flex: 1 1 auto;
    min-width: 0;
}

/* File-based / XML stubs: visible "not persisted yet" affordance. */
.resource-editor-satellite__stub[b-fi5hi4xq42],
.resource-editor-satellite__stub-group[b-fi5hi4xq42] {
    background: rgba(245, 158, 11, 0.08);
    border: 1px dashed rgba(180, 83, 9, 0.45);
    border-radius: 4px;
    padding: 4px 6px;
}

.resource-editor-satellite__stub-input[b-fi5hi4xq42] {
    opacity: 0.85;
}

.resource-editor-deferred[b-fi5hi4xq42] {
    padding: 16px;
    color: #64748b;
    font-size: 13px;
    background: #f8fafc;
    border: 1 dashed #cbd5e1;
    border-radius: 6px;
    margin: 12px 16px;
}
/* /Components/Pages/Resources/ResourceList.razor.rz.scp.css */
/*
 * Resource workspace: left tree / right editable detail.
 * Match attributes-page height contract: outer fills shell with height:100%;
 * only the tree body uses height:0 + flex so DxTreeList can scroll inside.
 */

.resources-page[b-21d0yx5th2] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.resources-page__error[b-21d0yx5th2] {
    flex: 0 0 auto;
    margin: 0.5rem 0.75rem 0;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--dxbs-danger-bg, #fdecea);
    color: var(--dxbs-danger, #b70e0c);
    border: 1px solid var(--dxbs-danger-border, #f5c2c0);
}

.resources-split[b-21d0yx5th2] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.resources-tree-pane[b-21d0yx5th2] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.resources-tree-pane__header[b-21d0yx5th2] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.resources-tree-pane__title[b-21d0yx5th2] {
    font-weight: 600;
}

.resources-tree-pane__loading[b-21d0yx5th2] {
    font-size: 0.85rem;
    opacity: 0.7;
}

/* Bound height so DxTreeList Height=100% can scroll inside (attributes parity). */
.resources-tree-pane__body[b-21d0yx5th2] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.resources-tree-pane__body[b-21d0yx5th2]  .resources-tree,
.resources-tree-pane__body[b-21d0yx5th2]  .dxbl-treelist {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    /* Fluent SizeMode.Small still applies ~0.25rem vertical cell padding +
       line-height. Override the spacing tokens (DX CustomizeElement docs use
       padding:0 for the same effect) so rows sit denser around a 16px icon. */
    --dxbl-grid-text-cell-padding-y: 0px;
    --dxbl-grid-text-cell-padding-x: 0.25rem;
    --dxbl-grid-text-padding-x: 0.25rem;
    --dxbl-grid-editor-cell-padding-y: 0px;
    --dxbl-grid-line-height: 1;
    --dxbl-grid-text-height: 16px;
    --dxbl-grid-expand-btn-padding-y: 0px;
    --dxbl-grid-expand-btn-padding-x: 0px;
    --dxbl-grid-expand-btn-cell-padding-top: 0px;
}

/* Default DX Fluent indent is 20px per level — tighten for the narrow left pane.
   Hierarchy stays intact: one .dxbl-grid-tree-node-indent span per level. */
.resources-tree-pane__body[b-21d0yx5th2]  .dxbl-grid-tree-node-indent {
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
}

/* Dense tree rows — just above the 16px icon. */
.resources-tree-pane__body[b-21d0yx5th2]  .dxbl-grid-data-row,
.resources-tree-pane__body[b-21d0yx5th2]  .dxbl-grid-row {
    height: 18px !important;
    min-height: 18px !important;
}

.resources-tree-pane__body[b-21d0yx5th2]  .dxbl-grid-data-row > td,
.resources-tree-pane__body[b-21d0yx5th2]  .dxbl-grid-cell {
    height: 18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.resources-tree-node[b-21d0yx5th2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
}

.resources-tree-node__icon[b-21d0yx5th2] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    /* Room for the slot badge without overlapping the designation. */
    margin-right: 0.15rem;
}

.resources-tree-node__slot-badge[b-21d0yx5th2] {
    position: absolute;
    bottom: -3px;
    right: -5px;
    min-width: 11px;
    height: 11px;
    padding: 0 2px;
    border-radius: 6px;
    background: var(--bs-secondary, #6c757d);
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    text-align: center;
    pointer-events: none;
    box-shadow: 0 0 0 1px var(--bs-body-bg, #fff);
}

.resources-tree-node__text[b-21d0yx5th2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.resources-tree-node__id[b-21d0yx5th2] {
    color: var(--dxbs-secondary-color, #6c757d);
    font-weight: 400;
    opacity: 0.85;
}
/* /Components/Pages/Resources/ResourcesHost.razor.rz.scp.css */
.resources-host[b-dmgmdyl9mn] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    min-width: 0;
    width: 100%;
    overflow: hidden;
}
/* /Components/Pages/Settings/SettingsBelegOptionenTab.razor.rz.scp.css */
.settings-beleg[b-9yxbtsc3dp] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    gap: 8px;
}

.settings-beleg__hint[b-9yxbtsc3dp] {
    margin: 0 4px;
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

.settings-beleg__error[b-9yxbtsc3dp] {
    margin: 0 4px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.settings-beleg__split[b-9yxbtsc3dp] {
    flex: 1 1 auto;
    min-height: 0;
}

.settings-beleg .crud-editor-list[b-9yxbtsc3dp] {
    height: 100%;
    min-height: 0;
}

.settings-beleg__empty[b-9yxbtsc3dp] {
    padding: 16px;
    color: #6b7280;
}

.settings-beleg__form[b-9yxbtsc3dp] {
    padding: 4px 8px 12px;
}

.settings-beleg__layout-hint[b-9yxbtsc3dp] {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

.settings-beleg__layout-warn[b-9yxbtsc3dp] {
    margin-top: 4px;
    color: #7f1d1d;
    font-size: 12px;
}
/* /Components/Pages/Settings/SettingsEditorForm.razor.rz.scp.css */
/* Chrome-less host: layout via Shared .crud-editor-form-host. */
.settings-host[b-bf3pxui22n],
.settings-detail-view[b-bf3pxui22n] {
    overflow: visible;
    height: 100%;
}

.settings-editor-form-host__error[b-bf3pxui22n] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.settings-editor-placeholder[b-bf3pxui22n] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-height: 160px;
    padding: 16px;
    color: #6b7280;
}

.settings-editor-actions[b-bf3pxui22n] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Compact SMTP test: icon + text beside STARTTLS, no slot card. */
.settings-smtp-test[b-bf3pxui22n] {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 26px;
}

.settings-smtp-test[b-bf3pxui22n]  .dxbl-btn {
    white-space: nowrap;
}

.settings-editor-form-host[b-bf3pxui22n]  #smtp-host-row > .dxbl-fl-group-body > .dxbl-row {
    align-items: center;
}

.settings-editor-form-host[b-bf3pxui22n]  #smtp-test .gnt-cf-slot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    width: auto;
    margin: 0;
}

.settings-editor-form-host[b-bf3pxui22n]  #workdays-list .gnt-cf-slot {
    display: block;
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    width: 100%;
    margin: 0;
}

/* Settings labels are long German phrases; the global 7rem caption
   column ellipsizes them. 12rem fits most SMTP/Pfad labels without
   crowding the editors in the two-column layout. */
.settings-editor-form-host[b-bf3pxui22n]  .gnt-cf .dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    flex: 0 0 12rem !important;
    width: 12rem !important;
    max-width: 12rem !important;
}
.settings-editor-form-host[b-bf3pxui22n]  .dxbl-fl-group-header .gnt-icon,
.settings-editor-form-host[b-bf3pxui22n]  .dxbl-tabs-item .gnt-icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

/* Two-column pairs on the left; slim groups stack in the third column. */
.settings-editor-form-host[b-bf3pxui22n]  #general-body > .dxbl-fl-group-body > .dxbl-row,
.settings-editor-form-host[b-bf3pxui22n]  #general-main > .dxbl-fl-group-body > .dxbl-row,
.settings-editor-form-host[b-bf3pxui22n]  #general-slim > .dxbl-fl-group-body > .dxbl-row,
.settings-editor-form-host[b-bf3pxui22n]  #general-row-mail > .dxbl-fl-group-body > .dxbl-row,
.settings-editor-form-host[b-bf3pxui22n]  #general-row-paths > .dxbl-fl-group-body > .dxbl-row,
.settings-editor-form-host[b-bf3pxui22n]  #general-row-ops > .dxbl-fl-group-body > .dxbl-row,
.settings-editor-form-host[b-bf3pxui22n]  #co-row > .dxbl-fl-group-body > .dxbl-row,
.settings-editor-form-host[b-bf3pxui22n]  #sp-row > .dxbl-fl-group-body > .dxbl-row {
    align-items: flex-start;
}

.settings-editor-form-host[b-bf3pxui22n]  #general-slim .dxbl-fl-item-horizontal > .dxbl-fl-cpt {
    flex: 0 0 8rem !important;
    width: 8rem !important;
    max-width: 8rem !important;
}

/* Arbeitstage: DxListBox with item checkboxes, sized to the seven days. */
.settings-workdays-list[b-bf3pxui22n] {
    width: 100%;
    height: 12rem;
    min-height: 12rem;
}

.settings-editor-form-host[b-bf3pxui22n]  #workdays .dxbl-fl-item {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Artikelliste: long desktop explanation is a caption tooltip, not a hint under the combo. */
.settings-editor-form-host[b-bf3pxui22n]  #alist-body .gnt-cf-hint {
    display: none;
}

/* CSV mapping grid sits under the option fields on the same nested tab. */
.settings-editor-form-host[b-bf3pxui22n]  #ifc-csv .gnt-cf-slot {
    margin-top: 8px;
    min-height: 18rem;
    height: 18rem;
}

.settings-editor-form-host[b-bf3pxui22n]  #cam-split > .dxbl-fl-group-body > .dxbl-row {
    align-items: stretch;
    min-height: 32rem;
}

.settings-editor-form-host[b-bf3pxui22n]  #tab-reports .gnt-cf-slot,
.settings-editor-form-host[b-bf3pxui22n]  #tab-receipt-options .gnt-cf-slot {
    min-height: 32rem;
    height: 32rem;
    overflow: auto;
}

.settings-editor-form-host[b-bf3pxui22n]  #cam-systems .gnt-cf-slot,
.settings-editor-form-host[b-bf3pxui22n]  #cam-detail-host .gnt-cf-slot {
    min-height: 32rem;
    height: 32rem;
    overflow: auto;
}

.settings-cam-systems[b-bf3pxui22n],
.settings-cam-detail[b-bf3pxui22n] {
    height: 100%;
    min-height: 30rem;
}

.settings-cam-detail[b-bf3pxui22n]  .gnt-cf-host,
.settings-cam-detail[b-bf3pxui22n]  .gnt-cf {
    height: 100%;
    min-height: 0;
}

.settings-cam-detail[b-bf3pxui22n]  .dxbl-fl {
    padding: 0;
}

.settings-cam-logo[b-bf3pxui22n] {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
}

.settings-cam-empty[b-bf3pxui22n] {
    padding: 16px;
    color: #6b7280;
}

.settings-cam-protocol[b-bf3pxui22n] {
    height: 14rem;
    min-height: 14rem;
}

.settings-cam-zoller-map[b-bf3pxui22n],
.settings-cam-actions[b-bf3pxui22n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0 4px;
    align-items: center;
}

.settings-cam-actions[b-bf3pxui22n]  .dxbl-text-edit {
    width: 12rem;
}
/* /Components/Pages/Settings/SettingsHost.razor.rz.scp.css */
.settings-host[b-8r8ywouhf0] {
    overflow: visible;
    height: 100%;
}
/* /Components/Pages/Settings/SettingsReportDesigner.razor.rz.scp.css */
.settings-report-designer[b-6wvblred9w] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 8px;
}

.settings-report-designer__bar[b-6wvblred9w] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    min-height: 36px;
}

.settings-report-designer__title[b-6wvblred9w] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-weight: 600;
}

.settings-report-designer__hint[b-6wvblred9w] {
    font-weight: 400;
    font-size: 12px;
    color: #6b7280;
}

.settings-report-designer__error[b-6wvblred9w] {
    margin: 0 4px;
    padding: 8px 12px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 13px;
    border-radius: 0 4px 4px 0;
}

.settings-report-designer__canvas[b-6wvblred9w] {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
}

.settings-report-designer__canvas[b-6wvblred9w]  .dxrd-designer,
.settings-report-designer__canvas[b-6wvblred9w]  .dx-designer {
    height: 100%;
}
/* /Components/Pages/Settings/SettingsReportsTab.razor.rz.scp.css */
.settings-reports[b-451g7o5noy] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    gap: 8px;
}

.settings-reports__hint[b-451g7o5noy] {
    margin: 0 4px;
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

.settings-reports__error[b-451g7o5noy] {
    margin: 0 4px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.settings-reports .crud-editor-list[b-451g7o5noy] {
    flex: 1 1 auto;
    min-height: 0;
}

.settings-reports--compact[b-451g7o5noy] {
    height: 100%;
    min-height: 0;
    gap: 0;
}

.settings-reports__grid--compact[b-451g7o5noy] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

.settings-reports__grid--compact[b-451g7o5noy]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.settings-reports-icon-cell[b-451g7o5noy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}
/* /Components/Pages/Suppliers/SupplierBestellagentTab.razor.rz.scp.css */
.supplier-bestellagent__active[b-4k4bz9dzk1] {
    padding: 0.5rem 0.75rem 0.25rem;
}
/* /Components/Pages/Suppliers/SupplierContactsTab.razor.rz.scp.css */
.crud-editor-list.supplier-editor-list[b-msoxn7t2hj] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.crud-editor-list.supplier-editor-list[b-msoxn7t2hj]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.supplier-editor-placeholder[b-msoxn7t2hj] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.supplier-editor-form-host__error[b-msoxn7t2hj] {
    margin: 8px 0 0 0;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
}

.supplier-contact-popup-form[b-msoxn7t2hj] {
    padding: 0.5rem 0;
}

.supplier-contact-popup-footer[b-msoxn7t2hj] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Suppliers/SupplierDetailView.razor.rz.scp.css */
.supplier-detail-view[b-v88fyi2nr2] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    /* visible so CrudDetailShell's collab pill (top: -8px) is not clipped;
       page scroll stays on .center-shell__main / .crud-editor-form-host. */
    overflow: visible;
    position: relative;
}
/* /Components/Pages/Suppliers/SupplierEditorForm.razor.rz.scp.css */
/* Chrome-less host: layout via Shared .crud-editor-form-host. */
.supplier-editor-form-host__error[b-3zqa4tdjtd] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.supplier-editor-placeholder[b-3zqa4tdjtd] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.supplier-contact-popup-form[b-3zqa4tdjtd] {
    padding: 0.5rem 0;
}

.supplier-contact-popup-footer[b-3zqa4tdjtd] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Suppliers/SupplierList.razor.rz.scp.css */
.suppliers-page[b-7wozxt28l3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.suppliers-page__error[b-7wozxt28l3] {
    color: var(--gnt-danger, #b70e0c);
    padding: 0.5rem 1rem;
}

.suppliers-split[b-7wozxt28l3] {
    flex: 1;
    min-height: 0;
}

.supplier-status-cell[b-7wozxt28l3] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    position: relative;
}

.supplier-status-cell__badge[b-7wozxt28l3] {
    font-size: 0.75rem;
    color: var(--gnt-danger, #b70e0c);
    font-weight: 700;
}
/* /Components/Pages/Suppliers/SupplierNichtbestellbareTageTab.razor.rz.scp.css */
.supplier-nbt__bulk[b-9u2jluc93a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem 0.25rem;
}

.supplier-nbt__year[b-9u2jluc93a] {
    width: 6.5rem;
}
/* /Components/Pages/Suppliers/SupplierSatelliteReadTab.razor.rz.scp.css */
.crud-editor-list.supplier-editor-list[b-l55y8s76al] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.crud-editor-list.supplier-editor-list[b-l55y8s76al]  .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.supplier-editor-placeholder[b-l55y8s76al] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

.supplier-editor-list__note[b-l55y8s76al] {
    flex: 0 0 auto;
    padding: 6px 12px 8px;
    color: #6b7280;
    font-size: 12px;
    font-style: italic;
    line-height: 1.35;
}
/* /Components/Pages/ToolAssemblies/KomplettwerkzeugAssemblyTiles.razor.rz.scp.css */
.kwz-tiles[b-vwz06kux0l] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.65rem;
    overflow-x: auto;
    overflow-y: visible;
    align-items: stretch;
    height: auto;
    min-height: 0;
    padding: 0.35rem 0.15rem 0.5rem;
    box-sizing: border-box;
}

.kwz-tiles__empty[b-vwz06kux0l] {
    display: flex;
    align-items: center;
    color: #6b7280;
    font-style: italic;
    padding: 0 0.5rem;
}

.kwz-tiles__group[b-vwz06kux0l] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-width: 0;
    gap: 0.2rem;
    padding: 0.25rem 0.4rem 0.45rem;
    border-radius: 6px;
}

.kwz-tiles__group--holder[b-vwz06kux0l] {
    background: rgba(111, 125, 141, 0.16);
}

.kwz-tiles__group--component[b-vwz06kux0l] {
    background: rgba(73, 179, 240, 0.16);
}

.kwz-tiles__group-label[b-vwz06kux0l] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #4b5563;
    padding: 0 0.15rem;
    white-space: nowrap;
}

.kwz-tiles__group-items[b-vwz06kux0l] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.45rem;
    align-items: stretch;
    min-height: 0;
    flex: 1 1 auto;
}

.kwz-tile[b-vwz06kux0l] {
    display: flex;
    flex-direction: column;
    flex: 0 0 8.5rem;
    width: 8.5rem;
    max-width: 8.5rem;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
    color: #fff;
}

.kwz-tile--reorderable[b-vwz06kux0l] {
    cursor: grab;
}

.kwz-tile--holder[b-vwz06kux0l] {
    /* Desktop Fliese.CreateTileItem Halter: FromArgb(111,125,141) → (86,101,116) */
    --kwz-holder-from: rgb(111, 125, 141);
    --kwz-holder-to: rgb(86, 101, 116);
    /* Mix against the bottom of the tile (where arrows sit). ~22% black / ~28% white. */
    --kwz-holder-arrow: color-mix(in srgb, var(--kwz-holder-to) 78%, black);
    --kwz-holder-arrow-hover: color-mix(in srgb, var(--kwz-holder-to) 74%, black);
    --kwz-holder-arrow-disabled: color-mix(in srgb, var(--kwz-holder-to) 72%, white);
    background: linear-gradient(to bottom, var(--kwz-holder-from), var(--kwz-holder-to));
}

.kwz-tile--component[b-vwz06kux0l] {
    /* Desktop Fliese.CreateTileItem component: FromArgb(73,179,240) → (20,158,237) */
    --kwz-component-from: rgb(73, 179, 240);
    --kwz-component-to: rgb(20, 158, 237);
    --kwz-component-arrow: color-mix(in srgb, var(--kwz-component-to) 78%, black);
    --kwz-component-arrow-hover: color-mix(in srgb, var(--kwz-component-to) 74%, black);
    --kwz-component-arrow-disabled: color-mix(in srgb, var(--kwz-component-to) 72%, white);
    background: linear-gradient(to bottom, var(--kwz-component-from), var(--kwz-component-to));
}

.kwz-tile:hover[b-vwz06kux0l] {
    filter: brightness(1.06);
}

.kwz-tile--holder.is-selected[b-vwz06kux0l] {
    border-color: color-mix(in srgb, var(--kwz-holder-from) 80%, black);
    background: linear-gradient(
        to bottom,
        color-mix(in srgb, var(--kwz-holder-from) 88%, black),
        color-mix(in srgb, var(--kwz-holder-to) 88%, black));
}

.kwz-tile--component.is-selected[b-vwz06kux0l] {
    border-color: color-mix(in srgb, var(--kwz-component-from) 80%, black);
    background: linear-gradient(
        to bottom,
        color-mix(in srgb, var(--kwz-component-from) 88%, black),
        color-mix(in srgb, var(--kwz-component-to) 88%, black));
}

.kwz-tile__body[b-vwz06kux0l] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: inherit;
}

.kwz-tile__preview[b-vwz06kux0l] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.4rem;
    margin: 0.3rem 0.3rem 0;
    background: #fff;
    overflow: hidden;
}

.kwz-tile__preview img[b-vwz06kux0l] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.kwz-tile__placeholder[b-vwz06kux0l] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 4px;
    background: #d1d5db;
}

.kwz-tile__meta[b-vwz06kux0l] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding: 0.3rem 0.4rem 0.25rem;
    min-width: 0;
}

.kwz-tile__name[b-vwz06kux0l],
.kwz-tile__nr[b-vwz06kux0l] {
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kwz-tile__name[b-vwz06kux0l] {
    font-weight: 600;
}

.kwz-tile__nr[b-vwz06kux0l],
.kwz-tile__stock[b-vwz06kux0l] {
    font-size: 0.68rem;
    opacity: 0.9;
}

.kwz-tile__move[b-vwz06kux0l] {
    display: flex;
    justify-content: space-between;
    gap: 0.15rem;
    padding: 0 0.25rem 0.25rem;
}

/* Bottom row: article ID (left) + jump to 3D model editor (right). */
.kwz-tile__actions[b-vwz06kux0l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.25rem 0.25rem;
    min-height: 1.65rem;
}

.kwz-tile__id[b-vwz06kux0l] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.58rem;
    font-weight: 300;
    line-height: 1;
    opacity: 0.72;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Light chip so the multi-color objects_transform glyph stays readable on
   the holder/component gradient. Do not reuse kwz-tile__move-btn: that rule
   strips background-image and paints currentColor, which looks like a square. */
.kwz-tile__edit3d[b-vwz06kux0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
}

.kwz-tile__edit3d:hover:not(:disabled)[b-vwz06kux0l] {
    background: #f3f4f6;
}

.kwz-tile__edit3d:disabled[b-vwz06kux0l] {
    opacity: 0.45;
    cursor: default;
}

.kwz-tile__edit3d .gnt-gi[b-vwz06kux0l] {
    width: 1rem;
    height: 1rem;
}

.kwz-tile__move-btn[b-vwz06kux0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    background: transparent;
}

.kwz-tile--holder .kwz-tile__move-btn[b-vwz06kux0l] {
    color: var(--kwz-holder-arrow);
}

.kwz-tile--holder .kwz-tile__move-btn:hover:not(:disabled)[b-vwz06kux0l] {
    color: var(--kwz-holder-arrow-hover);
    background: transparent;
}

.kwz-tile--holder .kwz-tile__move-btn:disabled[b-vwz06kux0l] {
    color: var(--kwz-holder-arrow-disabled);
    background: transparent;
    cursor: default;
}

.kwz-tile--component .kwz-tile__move-btn[b-vwz06kux0l] {
    color: var(--kwz-component-arrow);
}

.kwz-tile--component .kwz-tile__move-btn:hover:not(:disabled)[b-vwz06kux0l] {
    color: var(--kwz-component-arrow-hover);
    background: transparent;
}

.kwz-tile--component .kwz-tile__move-btn:disabled[b-vwz06kux0l] {
    color: var(--kwz-component-arrow-disabled);
    background: transparent;
    cursor: default;
}

/* Recolor baked Office glyphs (#4D82B8) via mask + currentColor — no invert to white/black. */
.kwz-tile__move-btn .gnt-gi[b-vwz06kux0l] {
    width: 0.85rem;
    height: 0.85rem;
    background-color: currentColor;
    background-image: none !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.kwz-tile__move-btn .gnt-gi-arrow_left[b-vwz06kux0l] {
    -webkit-mask-image: url("/_content/GNT.Center.Web.Shared/icons/o-collection/office/arrow_left.svg");
    mask-image: url("/_content/GNT.Center.Web.Shared/icons/o-collection/office/arrow_left.svg");
}

.kwz-tile__move-btn .gnt-gi-arrow_right[b-vwz06kux0l] {
    -webkit-mask-image: url("/_content/GNT.Center.Web.Shared/icons/o-collection/office/arrow_right.svg");
    mask-image: url("/_content/GNT.Center.Web.Shared/icons/o-collection/office/arrow_right.svg");
}
/* /Components/Pages/ToolAssemblies/KomplettwerkzeugConnectionOffsetsTab.razor.rz.scp.css */
.kwz-offset-tab[b-5nfo2acj54] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: auto;
    padding: 0.35rem 0.15rem 0.75rem;
}

.kwz-offset-tab__form[b-5nfo2acj54] {
    max-width: 52rem;
}

.kwz-offset-tab__actions[b-5nfo2acj54] {
    display: flex;
    gap: 0.5rem;
}

.kwz-offset-tab__error[b-5nfo2acj54] {
    margin-top: 0.5rem;
    color: #7f1d1d;
}
/* /Components/Pages/ToolAssemblies/KomplettwerkzeugDetailView.razor.rz.scp.css */
/* Thin page wrapper: fills the module host. Editor stretch comes from
   CrudDetailShell via .crud-editor-form-host. */
.kwz-detail-view[b-bbrmwlwdxx] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
}
/* /Components/Pages/ToolAssemblies/KomplettwerkzeugEditorForm.razor.rz.scp.css */
.kwz-editor-form-host__error[b-uuklsdyi0l] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.kwz-editor-form-host[b-uuklsdyi0l] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-host,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0 0.35rem 0 0.85rem;
    box-sizing: border-box;
}

.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-ccf {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf > .dxbl-row {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-height: 0;
    height: 100%;
}

/* Shell sizes a root plaingroup to content; this editor has a single
   full-height two-column body instead of band + tabs at the root. */
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf > .dxbl-row > .gnt-cf-plaingroup.gnt-cf-gid-body-row,
.kwz-editor-form-host[b-uuklsdyi0l]  #body-row {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-body-row > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-body-row > .dxbl-fl-group > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  #body-row > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  #body-row > .dxbl-fl-group > .dxbl-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #body-row .dxbl-fl-group-header,
.kwz-editor-form-host[b-uuklsdyi0l]  #left-col .dxbl-fl-group-header,
.kwz-editor-form-host[b-uuklsdyi0l]  #header-col .dxbl-fl-group-header,
.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .dxbl-fl-group-header,
.kwz-editor-form-host[b-uuklsdyi0l]  #tiles-band .dxbl-fl-group-header {
    display: none;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #left-col,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-left-col {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 48%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #left-col > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  #left-col > .dxbl-fl-group > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-left-col > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-left-col > .dxbl-fl-group > .dxbl-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    gap: 0.45rem;
    min-height: 0;
    height: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #header-col,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-header-col {
    flex: 0 0 auto;
    width: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 52%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .gnt-cf-slot-item,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .gnt-cf-slot-item {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col > .dxbl-fl-group > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col > .dxbl-row,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col > .dxbl-fl-group > .dxbl-row {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .dxbl-fl-item,
.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .dxbl-fl-ctrl,
.kwz-editor-form-host[b-uuklsdyi0l]  #slot-preview,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .dxbl-fl-item,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .dxbl-fl-ctrl {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
    align-self: stretch;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .gnt-cf-slot,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .gnt-cf-slot {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 100%;
    min-height: 0;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .kwz-preview-slot,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .kwz-preview-slot {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100%;
    width: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .gnt-3d-host,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .gnt-3d-host {
    background: #1e1e1e;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .gnt-eyeshot-webgl,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .gnt-eyeshot-webgl {
    background: linear-gradient(180deg, #66a3d2 0%, #ffffff 75%, #f5f5f5 100%);
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .gnt-3d-stage,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .gnt-3d-stage {
    border-radius: 3px;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .gnt-3d-toolbar,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .gnt-3d-toolbar {
    display: none !important;
}

/* Empty FormLayout caption cell next to the slot reads as a small white
   chip and steals width from the viewport. Hide it in this column. */
.kwz-editor-form-host[b-uuklsdyi0l]  #preview-col .dxbl-fl-cpt,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-preview-col .dxbl-fl-cpt {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #tiles-band,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-tiles-band {
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    min-height: 0;
    max-height: none;
    overflow: visible;
    position: relative;
    z-index: 1;
    padding-bottom: 0.35rem;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #tiles-band .gnt-cf-slot,
.kwz-editor-form-host[b-uuklsdyi0l]  .gnt-cf-gid-tiles-band .gnt-cf-slot {
    margin: 0 !important;
    width: 100% !important;
    min-height: 0;
    height: auto;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 0 !important;
    min-height: 8rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-tabs-tablist {
    gap: 0.15rem;
    flex: 0 0 auto;
    padding: 0.35rem 0.65rem 0;
    background: var(--dxds-color-surface-subtle, #f8fafc);
    border-bottom: none;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-tabs-tab {
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.45rem 0.75rem;
    border-radius: 6px 6px 0 0;
    color: var(--dxds-color-text-secondary, #64748b);
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-tabs-tab.dxbl-active {
    color: var(--dxds-color-primary, #b70e0c);
    font-weight: 600;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-tabs-content-panel {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-tabs-content.dxbl-active,
.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-fl-tab-content {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-fl-tab-content > .dxbl-row {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-fl-tab-item {
    flex: 1 1 auto !important;
    min-height: 0;
    height: 100%;
    align-self: stretch;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .dxbl-fl-tab-item .dxbl-fl-ctrl {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .gnt-cf-slot {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .crud-editor-list,
.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .article-storage-tab,
.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .article-storage-overview-tab,
.kwz-editor-form-host[b-uuklsdyi0l]  #editor-tabs .article-documents-tab {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}
/* /Components/Pages/ToolAssemblies/KomplettwerkzeugToolPickerDialog.razor.rz.scp.css */
/* Flex chain: popup body -> toolbar (auto) -> 3-column grid (fills rest, scrolls inside). */
.kwz-tool-picker[b-y8mj2ungaq] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.kwz-tool-picker__designation[b-y8mj2ungaq] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kwz-tool-picker__preview[b-y8mj2ungaq] {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    object-fit: contain;
    background: #fff;
}

.kwz-tool-picker__toolbar[b-y8mj2ungaq],
.kwz-tool-picker__error[b-y8mj2ungaq] {
    flex: 0 0 auto;
}

.kwz-tool-picker__error[b-y8mj2ungaq] {
    padding: 0.5rem 0.75rem;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 0.8125rem;
}

/* Body area = popup minus header, footer, toolbar, padding */
.kwz-tool-picker__body[b-y8mj2ungaq] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(0, 2.2fr) minmax(200px, 0.9fr);
    align-items: stretch;
    gap: 0.75rem;
    height: calc(80vh - 12rem);
    max-height: calc(80vh - 12rem);
    flex: 0 0 auto;
    overflow: hidden;
}

.kwz-tool-picker__groups[b-y8mj2ungaq],
.kwz-tool-picker__grid[b-y8mj2ungaq],
.kwz-tool-picker__merkmale[b-y8mj2ungaq] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--gnt-border-subtle, #d0d7de);
    border-radius: 0.375rem;
}

.kwz-tool-picker__pane-host[b-y8mj2ungaq] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.kwz-tool-picker__pane-host[b-y8mj2ungaq]  .dxbl-grid,
.kwz-tool-picker__pane-host[b-y8mj2ungaq]  .dxbl-treelist,
.kwz-tool-picker__pane-host[b-y8mj2ungaq]  .center-crud-grid {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.kwz-tool-picker__merkmale-title[b-y8mj2ungaq] {
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    border-bottom: 1px solid var(--gnt-border-subtle, #d0d7de);
}

.kwz-tool-picker__merkmale-list[b-y8mj2ungaq] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.kwz-tool-picker__merkmale-footer[b-y8mj2ungaq] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--gnt-border-subtle, #d0d7de);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.kwz-tool-picker__merkmale-apply[b-y8mj2ungaq],
.kwz-tool-picker__merkmale-reset[b-y8mj2ungaq] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0b57d0;
    font-size: 0.8125rem;
    line-height: 1.3;
    text-decoration: underline;
    cursor: pointer;
}

.kwz-tool-picker__merkmale-apply:disabled[b-y8mj2ungaq],
.kwz-tool-picker__merkmale-reset:disabled[b-y8mj2ungaq] {
    color: #9ca3af;
    cursor: default;
    text-decoration: none;
}

.kwz-tool-picker__merkmal[b-y8mj2ungaq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 0 0 auto;
}

.kwz-tool-picker__merkmal-label[b-y8mj2ungaq] {
    display: flex;
    gap: 0.4rem;
    font-size: 0.85rem;
}

.kwz-tool-picker__merkmal-id[b-y8mj2ungaq] {
    color: var(--gnt-text-muted, #57606a);
    min-width: 2.2rem;
}

.kwz-tool-picker__merkmale-empty[b-y8mj2ungaq] {
    color: var(--gnt-text-muted, #57606a);
}

.kwz-tool-picker__footer[b-y8mj2ungaq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Pages/TouchLogins/TouchLoginsDateToolbar.razor.rz.scp.css */
.touch-logins-date-toolbar[b-a9x8s8wa8b] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

.touch-logins-date-toolbar__label[b-a9x8s8wa8b] {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #374151;
    white-space: nowrap;
}

.touch-logins-date-toolbar[b-a9x8s8wa8b]  .touch-logins-date-toolbar__date {
    width: 118px;
    min-width: 118px;
}
/* /Components/Pages/TouchLogins/TouchLoginsPage.razor.rz.scp.css */
.touch-logins-page[b-8sokexpeig] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.touch-logins-page__error[b-8sokexpeig] {
    margin: 0 0 0.5rem;
    color: var(--gnt-danger, #c62828);
}

.touch-logins-page__name-cell[b-8sokexpeig] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.touch-logins-page__name-cell .gnt-gi[b-8sokexpeig] {
    flex: 0 0 16px;
}

.touch-logins-sessions-panel__header[b-8sokexpeig] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.touch-logins-sessions-panel__title[b-8sokexpeig] {
    font-weight: 600;
    white-space: nowrap;
}

.touch-logins-sessions-panel__search-wrap[b-8sokexpeig] {
    flex: 1 1 auto;
    min-width: 10rem;
    max-width: 18rem;
}

.touch-logins-split[b-8sokexpeig] {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Components/Pages/TouchLogins/TouchLoginsSessionActionsDialog.razor.rz.scp.css */
.touch-logins-actions-dialog[b-siiughxqyv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
}

.touch-logins-actions-dialog__header[b-siiughxqyv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.touch-logins-actions-dialog__field label[b-siiughxqyv] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 12px;
    color: #374151;
}

.touch-logins-actions-dialog__error[b-siiughxqyv] {
    color: var(--gnt-danger, #c62828);
}

.touch-logins-actions-dialog[b-siiughxqyv]  .crud-page {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Components/Pages/Users/ChangePasswordDialog.razor.rz.scp.css */
.center-pwd-hint[b-7e8a5f39g6] {
    margin: 0 0 12px 0;
    font-size: 13px;
    color: #4b5563;
}
/* /Components/Pages/Users/UserDetailPanel.razor.rz.scp.css */
/* Domain chrome only — overview layout lives on CrudReadOnlyOverviewPanel.
   Collab overlay is positioned against the Shared root (position:relative). */

.user-detail-panel__collab[b-uiime0cn0x] {
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dxbl-body-bg, #fff) 92%, transparent);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    pointer-events: auto;
}

.user-detail-empty[b-uiime0cn0x] {
    padding: 1.5rem;
    color: #6b7280;
    font-style: italic;
}

.user-detail-placeholder[b-uiime0cn0x] {
    color: #6b7280;
    font-style: italic;
}

.user-detail-edit-hint[b-uiime0cn0x] {
    margin-bottom: 10px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}
/* /Components/Pages/Users/UserDetailView.razor.rz.scp.css */
/* Thin page wrapper: fills the module host. Editor stretch comes from
   CrudDetailShell via .crud-editor-form-host — no module ::deep whitelist. */
.user-detail-view[b-8m0sc8twcm] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    /* visible so CrudDetailShell's collab pill (top: -8px) is not clipped;
       page scroll stays on .center-shell__main / .crud-editor-form-host. */
    overflow: visible;
    position: relative;
}
/* /Components/Pages/Users/UserEditorForm.razor.rz.scp.css */
/*
 * Benutzer-Editor (chrome-loses Formular, DxTabs) - Port von
 * frmBenutzereigenschaften (Desktop). Kein Chrome-Override;
 * nur Abstände und der Placeholder-Look für die noch offenen
 * Phasen-Tabs (Mitgliedschaft / Touch / Guthaben).
 */

/* Chrome-less host: layout (flex fill) comes from CrudDetailShell /
   CrudReadOnlyOverviewPanel via .crud-editor-form-host. Module class
   remains for BEM children (__error, __banner) and domain chrome. */
.user-editor-form-host__error[b-7d1fk91qes] {
    margin: 8px 12px 0 12px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

/* Remote-change banner ("changed by …"). Must live here (not in
   GntListPresence.razor.css) so CSS isolation scopes it to this component. */
.user-editor-form-host__banner[b-7d1fk91qes] {
    margin: 0 0 8px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #fff8e6;
    color: #6b4f00;
    font-size: 0.875rem;
}

/* Split: customisable scalar form on top, collection detail tabs below.
   The top sizes to its content; the bottom takes the remaining height and
   scrolls its tab content, mirroring the desktop editor's fixed split. */
.user-editor-split[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.user-editor-split__top[b-7d1fk91qes] {
    flex: 0 0 auto;
    padding: 12px 12px 8px 12px;
    overflow: auto;
}

.user-editor-split__bottom[b-7d1fk91qes] {
    flex: 1 1 auto;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e5e7eb;
}

.user-editor-tabs[b-7d1fk91qes] {
    height: 100%;
}

.user-editor-overview[b-7d1fk91qes] {
    padding: 12px 4px;
}

.user-editor-overview-hint[b-7d1fk91qes] {
    margin-bottom: 10px;
    padding: 6px 10px;
    border-left: 3px solid #B70E0C;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.user-editor-form[b-7d1fk91qes] {
    /* DxFormLayout default padding is 0 - add a comfortable
       breathing room inside the tab content, matching the
       spacing of the desktop form. */
    padding: 16px 12px 8px 12px;
}

/* ---- Tab Allgemein --------------------------------------------- */

.user-editor-general[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}

.user-editor-general__header[b-7d1fk91qes] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0 8px 0;
}

/* Avatar placeholder - round, red brand-coloured with user
   initials. Later we swap it for an <img> once profile photo
   upload is portied from frmBenutzereigenschaften.Button5_Click. */
.user-editor-general__avatar[b-7d1fk91qes] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #B70E0C;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.user-editor-general__header-text[b-7d1fk91qes] {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
}

/* Checkbox grid under the form: 4 columns, compact row height.
   Matches the desktop two-row flag grid visually.  */
.user-editor-general__flags[b-7d1fk91qes] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px 18px;
    padding: 4px 2px;
    border-top: 1px solid #eef0f2;
    margin-top: 6px;
}

.user-editor-placeholder[b-7d1fk91qes] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 24px;
    color: #6b7280;
    font-style: italic;
    text-align: center;
}

/* Feature / machine permission tabs (frmBerechtigungen /
   frmMachinePermissions). A short hint line on top, then the tree
   (feature) or the two side-by-side grids (machine). */
.user-editor-perm[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    flex: 1 1 auto;
}

.user-editor-perm__hint[b-7d1fk91qes] {
    color: #6b7280;
    font-style: italic;
    font-size: 0.9em;
}

/* Feature TreeList: fill remaining tab height (parent flex chain). */
.user-editor-perm__tree-wrap[b-7d1fk91qes] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

/* Machine permissions: two equal-width panels (groups | machines). */
.user-editor-machineperm[b-7d1fk91qes] {
    display: flex;
    gap: 12px;
    min-height: 0;
    flex: 1 1 auto;
}

.user-editor-machineperm__panel[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
}

.user-editor-machineperm__title[b-7d1fk91qes] {
    font-weight: 600;
    margin-bottom: 4px;
}

/* Mitgliedschaft-Tab: DxGrid mit den aktuellen Zuweisungen,
   Icon + Name + Typ-Spalte. "Hinzufügen"-Button unten; ein
   Dialog (DxPopup) mit drei Tabs (Kostenstellen / Gruppen /
   Maschinen) lässt neue Zuweisungen picken, analog dem
   Desktop-Form frmGruppeKostenstellezuBenutzer. */
.user-editor-membership[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    height: 100%;
    min-height: 0;
}

.user-editor-membership__title[b-7d1fk91qes] {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    margin: 0 0 2px 0;
}

.user-editor-membership__grid[b-7d1fk91qes] {
    flex: 1 1 auto;
    min-height: 260px;
}

.user-editor-membership__actions[b-7d1fk91qes] {
    display: flex;
    justify-content: flex-start;
    padding-top: 4px;
}

/* Add-dialog: DxTabs nimmt die ganze Popup-Höhe, Abbrechen/
   Hinzufügen-Buttons unten als feste Zeile. */
.user-editor-membership__dialog[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px 12px 12px;
    height: 100%;
    min-height: 0;
}

.user-editor-membership__tabs[b-7d1fk91qes] {
    flex: 1 1 auto;
    min-height: 0;
}

.user-editor-membership__dialog[b-7d1fk91qes]  .user-editor-membership__dialog-list {
    height: 320px;
}

/* Row layout inside the picker ListBox ItemTemplate: icon
   vertically centered, small gap to the label. The whole row
   stays click-through; DxListBox manages the selection state
   on the enclosing item wrapper. */
.user-editor-membership__picker-row[b-7d1fk91qes] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.user-editor-membership__picker-name[b-7d1fk91qes] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-editor-membership__dialog-actions[b-7d1fk91qes] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

/* Guthaben-Tab - Layout nach Desktop-Vorlage:
     [Label "Kassenprotokoll:"]        [Einzahlung] [Auszahlung]
     [Grid mit Zeitstempel | Anleger | Betrag]
     Kassenstand:        XX €
     Aktuelles Guthaben: YY €
*/
.user-editor-cash[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
}

.user-editor-cash__toolbar[b-7d1fk91qes] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.user-editor-cash__toolbar-label[b-7d1fk91qes] {
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
}

.user-editor-cash__actions[b-7d1fk91qes] {
    display: flex;
    gap: 6px;
}

.user-editor-cash__grid[b-7d1fk91qes] {
    flex: 1 1 auto;
    min-height: 220px;
}

.user-editor-cash__totals[b-7d1fk91qes] {
    display: grid;
    grid-template-columns: max-content 1fr;
    row-gap: 4px;
    column-gap: 12px;
    align-items: center;
    padding: 8px 2px 0 2px;
    border-top: 1px solid #eef0f2;
    margin-top: 4px;
}

.user-editor-cash__total[b-7d1fk91qes] {
    display: contents;
}

.user-editor-cash__total-label[b-7d1fk91qes] {
    font-size: 12px;
    color: #4b5563;
}

.user-editor-cash__total-value[b-7d1fk91qes] {
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
    text-align: right;
    padding: 4px 10px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 3px;
    justify-self: start;
    min-width: 140px;
}

.user-editor-cash__total-value--negative[b-7d1fk91qes] {
    color: #B70E0C;
}

.user-editor-cash__dialog[b-7d1fk91qes] {
    padding: 12px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.user-editor-cash__dialog-actions[b-7d1fk91qes] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

/* Touch-Tab */
.user-editor-touch[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 12px 8px 12px;
}

.user-editor-touch__settings[b-7d1fk91qes] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-editor-touch__setting-label[b-7d1fk91qes] {
    font-size: 13px;
    color: #1f2937;
}

.user-editor-touch__timeout[b-7d1fk91qes] {
    width: 120px;
}

.user-editor-touch__toggle[b-7d1fk91qes] {
    padding: 4px 0;
}

.user-editor-touch__hint[b-7d1fk91qes] {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

.user-editor-touch__grid[b-7d1fk91qes] {
    min-height: 260px;
}

/* ---- Tab Zugriffskarte ----------------------------------------- */

.user-editor-access[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 16px 12px 8px 12px;
}

.user-editor-access__row[b-7d1fk91qes] {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 12px;
    align-items: flex-start;
}

.user-editor-access__icon[b-7d1fk91qes] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #f3f4f6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Platzhalter-Icons über CSS-Backgrounds. Dezente Glyphs in
   Form eines Symbols, damit die Visuals klar unterscheidbar sind
   auch ohne echte Icon-SVGs. */
.user-editor-access__icon--card[b-7d1fk91qes]::before {
    content: "\f2c3";     /* id-card */
    font-size: 22px;
    color: #d97706;
    font-family: "Segoe UI Symbol", "Apple Color Emoji", sans-serif;
}

.user-editor-access__icon--barcode[b-7d1fk91qes]::before {
    content: "\2261 \2261";  /* triple bars approximating a barcode */
    font-size: 18px;
    letter-spacing: -2px;
    color: #6b7280;
}

.user-editor-access__icon--legic[b-7d1fk91qes]::before {
    content: "\25F0";   /* rounded square with upper-left corner */
    font-size: 22px;
    color: #d97706;
}

.user-editor-access__body[b-7d1fk91qes] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.user-editor-access__label[b-7d1fk91qes] {
    font-size: 12px;
    font-weight: 600;
    color: #1f2937;
}

.user-editor-access__value-muted[b-7d1fk91qes] {
    font-size: 12px;
    color: #9ca3af;
    padding: 2px 0;
}

.user-editor-access__hint[b-7d1fk91qes] {
    font-size: 11px;
    color: #6b7280;
    line-height: 1.4;
}
/* /Components/Pages/Users/UserList.razor.rz.scp.css */
/*
 * User list page layout. Pane flex chain for the vertical splitter lives in
 * MasterDetailSplitter.razor.css; .users-split is passed as CssClass.
 */

.users-page[b-8fcpzkcke0] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.users-split[b-8fcpzkcke0] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

/*
 * Per-row status cell: user icon only. AD users get a small "AD"
 * corner badge (bottom-right). Local users show the plain icon.
 * Deleted rows keep muted icon styling; row strikethrough comes from
 * CrudPage (.crud-row-deleted).
 */
.user-status-cell[b-8fcpzkcke0] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.user-status-cell--deleted img[b-8fcpzkcke0],
.user-status-cell--deleted svg[b-8fcpzkcke0] {
    opacity: 0.45;
    filter: grayscale(1);
}

.user-status-corner[b-8fcpzkcke0] {
    position: absolute;
    right: -4px;
    bottom: -3px;
    min-width: 14px;
    height: 11px;
    padding: 0 2px;
    border-radius: 3px;
    font-size: 7px;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    background: #0078d4;
    box-shadow: 0 0 0 1px #fff;
    pointer-events: none;
    user-select: none;
    text-decoration: none !important;
}

.user-status-cell--deleted .user-status-corner[b-8fcpzkcke0] {
    background: #94a3b8;
}

/*
 * Gruppen column: compact membership chips with kind-specific icons
 * (same icons as the user-editor Mitgliedschaft tab).
 *
 * Single-line + overflow:hidden is required for DxGrid virtual
 * scrolling: flex-wrap produced variable row heights, which makes
 * scrollbar jumps land on blank/white space until Blazor Server
 * re-renders the new viewport.
 *
 * Icons use CSS backgrounds (not <GntIcon>) so each chip stays a
 * plain DOM node — far cheaper when many rows rematerialise after a
 * scrollbar drag.
 */
.user-membership-tags[b-8fcpzkcke0] {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    overflow: hidden;
    padding: 1px 0;
    vertical-align: middle;
}

.user-membership-tag[b-8fcpzkcke0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 1px 7px 1px 5px;
    border-radius: 999px;
    border: 1px solid #d7dde5;
    background: #f4f6f8;
    color: #334155;
    font-size: 12px;
    line-height: 1.35;
    white-space: nowrap;
    flex: 0 0 auto;
}

.user-membership-tag__icon[b-8fcpzkcke0] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    opacity: 0.85;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.user-membership-tag__name[b-8fcpzkcke0] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 14rem;
}

.user-membership-tag--group[b-8fcpzkcke0] {
    border-color: #c9d6e8;
    background: #eef4fb;
}

.user-membership-tag--group .user-membership-tag__icon[b-8fcpzkcke0] {
    background-image: url("_content/GNT.Center.Web.Shared/icons/g-collection/gradient/users.svg");
}

.user-membership-tag--cost-center[b-8fcpzkcke0] {
    border-color: #d9d0bf;
    background: #f7f2e8;
}

.user-membership-tag--cost-center .user-membership-tag__icon[b-8fcpzkcke0] {
    background-image: url("_content/GNT.Center.Web.Shared/icons/g-collection/gradient/cashier.svg");
}

.user-membership-tag--machine[b-8fcpzkcke0] {
    border-color: #c9d9cf;
    background: #eef6f1;
}

.user-membership-tag--machine .user-membership-tag__icon[b-8fcpzkcke0] {
    background-image: url("_content/GNT.Center.Web.Shared/icons/g-collection/gradient/industrial_machine.svg");
}

/* Compact TagBox in the Gruppen filter row. */
[b-8fcpzkcke0] .grid-filter-tagbox {
    width: 100%;
    min-width: 10rem;
}
/* /Components/Pages/Verlauf/VerlaufDateToolbar.razor.rz.scp.css */
.verlauf-date-toolbar[b-6f152womhj] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.35rem 0.5rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: auto;
    max-width: none;
}

.verlauf-date-toolbar__label[b-6f152womhj] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--bs-secondary-color);
    white-space: nowrap;
    flex: 0 0 auto;
}

.verlauf-date-toolbar[b-6f152womhj]  .verlauf-date-toolbar__date {
    display: inline-flex;
    width: 8.5rem;
    min-width: 8.5rem;
    max-width: 8.5rem;
    flex: 0 0 8.5rem;
}

.verlauf-date-toolbar[b-6f152womhj]  .verlauf-date-toolbar__date .dxbl-text-edit,
.verlauf-date-toolbar[b-6f152womhj]  .verlauf-date-toolbar__date .dxbl-editbox,
.verlauf-date-toolbar[b-6f152womhj]  .verlauf-date-toolbar__date .dxbl-editbox-input {
    width: 100%;
    min-width: 0;
}
/* /Components/Pages/Verlauf/VerlaufPage.razor.rz.scp.css */
.verlauf-page[b-n4fou6bjsm] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
}

.verlauf-page__error[b-n4fou6bjsm] {
    margin: 0 0 0.5rem;
    color: var(--gnt-danger, #c62828);
}

.verlauf-page__tabs[b-n4fou6bjsm] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page[b-n4fou6bjsm]  .verlauf-page__tabs.dxbl-tabs,
.verlauf-page[b-n4fou6bjsm]  .verlauf-page__tabs > .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page__tabs[b-n4fou6bjsm]  .dxbl-tabs-content,
.verlauf-page__tabs[b-n4fou6bjsm]  .dxbl-fl-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.verlauf-page__tabs[b-n4fou6bjsm]  .dxbl-tabs-content-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.verlauf-page__tabs[b-n4fou6bjsm]  .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.verlauf-page__tab-pane[b-n4fou6bjsm] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page__tree-pane[b-n4fou6bjsm] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page__tree-host[b-n4fou6bjsm] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page[b-n4fou6bjsm]  .center-crud-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page[b-n4fou6bjsm]  .center-crud-grid-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page[b-n4fou6bjsm]  .verlauf-treelist {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.verlauf-page__icon-cell[b-n4fou6bjsm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.verlauf-icon[b-n4fou6bjsm] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.verlauf-icon--add[b-n4fou6bjsm] { background-image: url("/_content/GNT.Center.Web.Shared/icons/toolbox/verlauf/add_16.png"); }
.verlauf-icon--edit[b-n4fou6bjsm] { background-image: url("/_content/GNT.Center.Web.Shared/icons/toolbox/verlauf/edit_16.png"); }
.verlauf-icon--delete[b-n4fou6bjsm] { background-image: url("/_content/GNT.Center.Web.Shared/icons/toolbox/verlauf/delete_16.png"); }
.verlauf-icon--question[b-n4fou6bjsm] { background-image: url("/_content/GNT.Center.Web.Shared/icons/toolbox/verlauf/question_16.png"); }
/* /Components/Pages/Warenkorb/WarenkorbDetailTabs.razor.rz.scp.css */
.warenkorb-detail-tabs-host[b-rk6beko6ug] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
}

.warenkorb-detail-tabs[b-rk6beko6ug] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 8rem;
    height: 100%;
}

.warenkorb-detail-tabs-host[b-rk6beko6ug]  .warenkorb-detail-tabs.dxbl-tabs,
.warenkorb-detail-tabs-host[b-rk6beko6ug]  .warenkorb-detail-tabs > .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 8rem;
    height: 100%;
}

.warenkorb-detail-tabs-host[b-rk6beko6ug]  .warenkorb-detail-tabs .dxbl-tabs-content-panel {
    flex: 1 1 auto;
    min-height: 6rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.warenkorb-detail-tabs-host[b-rk6beko6ug]  .warenkorb-detail-tabs .dxbl-tabs-content.dxbl-active {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 6rem;
    height: 100%;
    overflow: hidden;
}

.warenkorb-detail-tabs__panel[b-rk6beko6ug] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 6rem;
    height: 100%;
    overflow: hidden;
}

.warenkorb-detail-tabs__panel[b-rk6beko6ug]  .crud-readonly-overview {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.warenkorb-detail-tabs__panel[b-rk6beko6ug]  .warenkorb-panel .center-crud-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.warenkorb-detail-tabs__panel[b-rk6beko6ug]  .warenkorb-panel .center-crud-grid-wrap {
    flex: 1 1 auto;
    min-height: 0;
}

.warenkorb-detail-tabs__panel[b-rk6beko6ug]  .warenkorb-panel .center-crud-grid,
.warenkorb-detail-tabs__panel[b-rk6beko6ug]  .warenkorb-panel .dxbl-grid {
    width: 100%;
    min-height: 0;
    height: 100%;
}
/* /Components/Pages/Warenkorb/WarenkorbPage.razor.rz.scp.css */
.warenkorb-page[b-q28hvsceem] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.warenkorb-page__error[b-q28hvsceem] {
    margin: 0.5rem 1rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--gnt-color-danger-border, #f5c2c7);
    background: var(--gnt-color-danger-bg, #f8d7da);
    color: var(--gnt-color-danger-text, #842029);
}

.warenkorb-split[b-q28hvsceem] {
    flex: 1;
    min-height: 0;
}

.warenkorb-page__group-row[b-q28hvsceem] {
    font-weight: 600;
}

.warenkorb-page__qty-cell[b-q28hvsceem] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.warenkorb-page__qty-cell--error[b-q28hvsceem] {
    color: var(--gnt-color-danger-text, #842029);
}

.warenkorb-page__qty-cell .gnt-gi[b-q28hvsceem] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-value {
    font-weight: 600;
}

.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    font-weight: 600;
}

.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock__relevant {
    font-weight: 700;
}

.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock--above,
.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock--above * {
    color: var(--gnt-color-success-text, #1b5e20);
}

.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock--equal,
.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock--equal * {
    color: inherit;
}

.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock--below,
.warenkorb-lagerorte-panel[b-q28hvsceem]  .article-storage-overview-footer-stock--below * {
    color: var(--gnt-color-danger-text, #842029);
}

.warenkorb-checkout__field[b-q28hvsceem] {
    margin-bottom: 0.75rem;
}

.warenkorb-checkout__field label[b-q28hvsceem] {
    display: block;
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.warenkorb-checkout__channels[b-q28hvsceem] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.warenkorb-checkout__channel-btn[b-q28hvsceem] {
    min-width: 8rem;
}

.warenkorb-panel[b-q28hvsceem] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.warenkorb-detail-host[b-q28hvsceem] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
}
/* /Components/Shared/Permissions/FeaturePermissionsEditor.razor.rz.scp.css */
.assignee-perm-placeholder[b-535ihdeiio] {
    padding: 1rem;
    color: var(--bs-secondary-color, #6c757d);
}

.assignee-perm[b-535ihdeiio] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0.5rem;
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.assignee-perm__hint[b-535ihdeiio] {
    flex: 0 0 auto;
    font-size: 0.85rem;
    color: var(--bs-secondary-color, #6c757d);
}

/* Fill remaining tab height; TreeList Height="100%" scrolls inside. */
.assignee-perm__tree-wrap[b-535ihdeiio] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.assignee-perm__tree-wrap[b-535ihdeiio]  .assignee-perm__tree,
.assignee-perm__tree-wrap[b-535ihdeiio]  .dxbl-treelist {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
}
/* /Components/Shared/Permissions/MachinePermissionsEditor.razor.rz.scp.css */
.assignee-perm-placeholder[b-w63789xr6b] {
    padding: 1rem;
    color: var(--bs-secondary-color, #6c757d);
}

.assignee-perm[b-w63789xr6b] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0.5rem;
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.assignee-perm__hint[b-w63789xr6b] {
    flex: 0 0 auto;
    font-size: 0.85rem;
    color: var(--bs-secondary-color, #6c757d);
}

/* Fill remaining tab height; TreeList Height="100%" scrolls inside. */
.assignee-perm__tree-wrap[b-w63789xr6b] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.assignee-perm__tree-wrap[b-w63789xr6b]  .assignee-perm__tree,
.assignee-perm__tree-wrap[b-w63789xr6b]  .dxbl-treelist {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
}
/* /Components/Shared/ResourceSelector/ResourceSelectorPane.razor.rz.scp.css */
.resource-selector-pane[b-lqqkt5inho] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}