html, body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    /* Dämmerungs-/Sonnenuntergang-Hintergrund (fix, scrollt nicht mit). */
    background:
        radial-gradient(1100px 520px at 78% -8%, rgba(255, 205, 150, 0.75), transparent 60%),
        radial-gradient(900px 600px at 8% 4%, rgba(220, 185, 235, 0.55), transparent 58%),
        linear-gradient(180deg,
            #f6cdb2 0%,
            #ecc6c6 20%,
            #d8bcd8 42%,
            #ada9d6 62%,
            #74749f 82%,
            #454767 100%) fixed;
    min-height: 100vh;
}

/* ---------------------------------------------------------------------------
   Ruhige Glasflächen über dem Bild – Sidebar/Appbar durchscheinend, Inhalts-
   flächen weitgehend deckend (gute Lesbarkeit), runde Ecken, weiche Schatten.
   --------------------------------------------------------------------------- */

.mud-appbar {
    background-color: rgba(255, 255, 255, 0.38) !important;
    -webkit-backdrop-filter: saturate(170%) blur(20px);
    backdrop-filter: saturate(170%) blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: none !important;
}

.mud-drawer {
    background-color: rgba(255, 255, 255, 0.34) !important;
    -webkit-backdrop-filter: saturate(170%) blur(22px);
    backdrop-filter: saturate(170%) blur(22px);
    border-right: 1px solid rgba(255, 255, 255, 0.35);
}

/* Inhaltskarten/Tabellen (MudPaper), aber NICHT Popover/Menü/Datepicker. */
.mud-paper:not(.mud-popover):not(.mud-popover-paper):not(.mud-picker):not(.mud-menu-paper) {
    background-color: rgba(255, 255, 255, 0.9) !important;
    -webkit-backdrop-filter: saturate(140%) blur(8px);
    backdrop-filter: saturate(140%) blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 18px !important;
    box-shadow: 0 14px 44px rgba(50, 40, 90, 0.12) !important;
}

/* Dialoge klar lesbar. */
.mud-dialog {
    background-color: rgba(255, 255, 255, 0.96) !important;
    -webkit-backdrop-filter: saturate(140%) blur(10px);
    backdrop-filter: saturate(140%) blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 20px !important;
    box-shadow: 0 24px 70px rgba(40, 40, 90, 0.22) !important;
}

/* Tabellen transparent, Zeilen dezent hervorheben. */
.mud-table,
.mud-table-container,
.mud-table-root {
    background-color: transparent !important;
}

.mud-table-root tbody .mud-table-row:hover {
    background-color: rgba(0, 46, 173, 0.05) !important;
}

/* Buttons etwas runder. */
.mud-button-root {
    border-radius: 10px !important;
}

/* Popover/Menüs/Dropdowns deckend halten (Lesbarkeit). */
.mud-popover.mud-popover-open {
    background-color: #ffffff !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

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

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}