/* Start: EmptyContent-Styles → global in GumaxFluentDataGrid.css */

/* ══════════════════════════════════════════════════════════
   Globale EmptyContent-Styles für alle FluentDataGrid-Instanzen
   Gilt für jeden Grid-Container mit Klasse "*-grid", der eine
   .empty-content-row enthält.
   ══════════════════════════════════════════════════════════ */

/* grid-template-rows überschreiben: auto (Header) + auto (EmptyContent) + 1fr (Leerraum).
   FluentDataGrid setzt bei Items=0 "auto 1fr", wodurch die EmptyContent-Zelle
   eine 1fr-hohe Grid-Area bekommt und visuell in der Mitte landet.
   Mit "auto auto 1fr" bekommt die EmptyContent-Zeile nur ihre natürliche Höhe. */
[class*="-grid"]:has(.empty-content-row) {
    grid-template-rows: auto auto 1fr !important;
}

/* Spezifitaet b=5 durch Selector-Wiederholung: ueberschreibt scoped CSS (b=4)
   z.B. [b-xxx] [role="row"] [role="gridcell"]:first-child { background: transparent } */
.empty-content-row.empty-content-row [role="gridcell"][role="gridcell"],
.empty-content-row.empty-content-row [role="gridcell"][role="gridcell"]:first-child,
.empty-content-row.empty-content-row [role="gridcell"][role="gridcell"]:last-child,
.empty-content-row.empty-content-row [role="gridcell"][role="gridcell"]:nth-child(n) {
    grid-column: 1 / -1 !important;
    overflow: visible !important;
    max-height: unset !important;
    cursor: default !important;
    color: black !important;
    background-color: white !important;
    background: white !important;
    border: 1px solid #909090 !important;
    border-radius: 10px !important;
}

.empty-content-row.empty-content-row [role="gridcell"][role="gridcell"]:hover,
.empty-content-row.empty-content-row:hover [role="gridcell"][role="gridcell"] {
    background-color: white !important;
    background: white !important;
    border: 1px solid #909090 !important;
}

/* Ende: EmptyContent-Styles → global in GumaxFluentDataGrid.css */


/* Start: LoadingContent-Styles → global in GumaxFluentDataGrid.css */

/* ══════════════════════════════════════════════════════════
   Globale LoadingContent-Styles für alle FluentDataGrid-Instanzen
   FluentDataGrid rendert LoadingContent als:
     <tr class="loading-content-row">
       <td class="loading-content-cell" role="gridcell">
     </tr>
   Die gridcell-Styles (weißer Hintergrund, Borders, etc.)
   müssen für die Loading-Zeile entfernt werden, sodass nur
   der Spinner sichtbar ist.
   ══════════════════════════════════════════════════════════ */

/* grid-template-rows analog EmptyContent: natürliche Höhe */
[class*="-grid"]:has(.loading-content-row) {
    grid-template-rows: auto auto 1fr !important;
}

/* Spezifitaet b=5 durch Selector-Wiederholung: ueberschreibt scoped CSS (b=4)
   z.B. [b-xxx] [role="row"] [role="gridcell"]:first-child { border-left: ... } */
.loading-content-row.loading-content-row,
.loading-content-row.loading-content-row [role="gridcell"][role="gridcell"],
.loading-content-row.loading-content-row [role="gridcell"][role="gridcell"]:first-child,
.loading-content-row.loading-content-row [role="gridcell"][role="gridcell"]:last-child,
.loading-content-row.loading-content-row [role="gridcell"][role="gridcell"]:nth-child(n) {
    grid-column: 1 / -1 !important;
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    max-height: unset !important;
    overflow: visible !important;
    cursor: default !important;
    justify-content: center;
    box-shadow: none !important;
    outline: none !important;
}

.loading-content-row.loading-content-row [role="gridcell"][role="gridcell"]:hover,
.loading-content-row.loading-content-row:hover [role="gridcell"][role="gridcell"] {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

/* Ende: LoadingContent-Styles → global in GumaxFluentDataGrid.css */