/* ─── Global Foundation ───────────────────────────────────── */
html, body {
  height: 100%;
  overflow-y: auto;
}

/* ─── Blazor Error UI ─────────────────────────────────────── */
.blazor-error-boundary {
  background: rgba(180, 30, 30, 0.88);
  backdrop-filter: blur(20px);
  padding: 1rem 1.5rem;
  color: white;
  border-radius: 12px;
}
.blazor-error-boundary::after { content: "Ein Fehler ist aufgetreten."; }

#blazor-error-ui {
  background:      rgba(14, 14, 22, 0.96);
  backdrop-filter: blur(20px);
  border-top:      1px solid rgba(255,255,255,0.08);
  bottom:    0;
  color:     rgba(255,255,255,0.80);
  display:   none;
  left:      0;
  padding:   0.65rem 1.25rem 0.75rem;
  position:  fixed;
  width:     100%;
  z-index:   9999;
}
#blazor-error-ui a     { color: var(--c-accent); }
#blazor-error-ui .dismiss {
  cursor:   pointer;
  position: absolute;
  right:    0.75rem;
  top:      0.5rem;
}

/* ─── MudTable: Striped-Effekt global deaktiviert ─────────── */
.mud-table-striped .mud-table-body .mud-table-row:nth-child(odd) td.mud-table-cell {
    background-color: transparent;
}

/* ─── Dashboard App Icons ─────────────────────────────────── */
.dashboard-app {
  cursor: pointer;
}