/* _content/Rwd.Web.Admin/Components/Layout/BrandLogo.razor.rz.scp.css */
/* Scoped CSS der Komponente selbst — Styles der aufrufenden Seite erreichen dieses <svg> nicht
   (Blazor setzt das Scope-Attribut nur auf Elemente, die in der jeweiligen .razor stehen). */

.rwd-brand-logo[b-7ztzxpgmta] {
    display: block;
    flex: 0 0 auto;
}

/* Login: weicher, neutraler Schlagschatten. Bewusst KEIN rotes Leuchten mehr — das passte zum
   alten roten Tile, unter dem anthrazitfarbenen Tile wirkte es wie ein Farbfehler. */
.rwd-brand-logo--glow[b-7ztzxpgmta] {
    filter: drop-shadow(0 12px 26px rgba(0, 0, 0, .55));
    border-radius: 22px;
}
/* _content/Rwd.Web.Admin/Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout-eigenes CSS. Die Blazor-Template-Reste (.page/.sidebar/.top-row) standen hier bis
   2026-09 und waren komplett tot — kein Markup in Web.Admin trug diese Klassen. Darunter der
   Verlauf linear-gradient(180deg, rgb(5,39,103), #3a0647): Blau-nach-Lila aus der Projekt-
   vorlage, das mit der Marke nie etwas zu tun hatte und bei jeder Farbsuche als Fehltreffer
   auftauchte. Entfernt. Was hier steht, ist ab hier auch in Benutzung. */

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

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

/* Profil-Dropdown oben rechts — natives <details>/<summary>, bewusst ohne MudMenu/Popover.
   Öffnet rein nativ (kein JS, kein Blazor-Circuit), Inhalt ist immer im DOM. So bleibt
   Abmelden/Einstellungen auch dann erreichbar, wenn die MudBlazor-Popover-Interop hakt. */
.rwd-profile[b-huitgc91jf] {
    position: relative;
}

    .rwd-profile > summary[b-huitgc91jf] {
        list-style: none;
        list-style-type: none;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        outline: none;
    }

        /* Disclosure-Dreieck in allen Engines ausblenden (WebKit/Blink + Firefox). */
        .rwd-profile > summary[b-huitgc91jf]::-webkit-details-marker {
            display: none;
        }

        .rwd-profile > summary[b-huitgc91jf]::marker {
            content: "";
        }

/* Fixiert direkt unter der AppBar (Höhe 64px) am rechten Rand — dadurch unabhängig von
   evtl. clippenden Vorfahren (overflow) der AppBar. Nur sichtbar, wenn <details open>. */
.rwd-profile-menu[b-huitgc91jf] {
    position: fixed;
    top: 64px;
    right: 8px;
    z-index: 1301;
    min-width: 256px;
    padding: 8px 0;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
}

.rwd-profile-head[b-huitgc91jf] {
    padding: 6px 16px 10px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    margin-bottom: 4px;
}

.rwd-profile-name[b-huitgc91jf] {
    font-weight: 600;
    font-size: .9rem;
}

.rwd-profile-sub[b-huitgc91jf] {
    font-size: .75rem;
    opacity: .7;
    word-break: break-all;
}

.rwd-profile-item[b-huitgc91jf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-size: .9rem;
}

    .rwd-profile-item:hover[b-huitgc91jf] {
        background: rgba(127, 127, 127, .16);
    }

.rwd-profile-logout[b-huitgc91jf] {
    color: var(--mud-palette-error);
    border-top: 1px solid var(--mud-palette-divider);
    margin-top: 4px;
}

/* White-Label-Logo des Mandanten in der Kopfzeile. Höhe begrenzt, Seitenverhältnis frei — die
   hochgeladenen Logos sind Briefkopf-Grafiken in beliebigem Format, nicht quadratische Icons. */
.rwd-appbar-logo[b-huitgc91jf] {
    height: 30px;
    max-width: 150px;
    object-fit: contain;
    flex: 0 0 auto;
    border-radius: 4px;
    background: rgba(255, 255, 255, .92);
    padding: 2px 4px;
}
/* _content/Rwd.Web.Admin/Components/Layout/NavMenu.razor.rz.scp.css */
/* Die Menüband-Styles liegen jetzt vollständig in wwwroot/css/rwd-ui.css (Abschnitt 5).

   Grund: die Regeln hier waren wirkungslos. Blazor kompiliert `::deep .mud-nav-link.active`
   zu `[b-hash] .mud-nav-link.active` und setzt das Scope-Attribut nur auf Elemente, die
   DIREKT in NavMenu.razor stehen — das sind ausschließlich die <div class="nav-section">.
   Die sind Geschwister der Navigationslinks, kein Vorfahre. Der Selektor hat also nie
   getroffen; die aktive Akzentkante war nie zu sehen.

   Zusätzlich ist der Drawer jetzt anthrazit (RwdTheme): Farben müssen aus den
   --mud-palette-drawer-*-Rollen kommen, sonst steht dunkelgraue Schrift auf dunklem Grund.
   Beides ist global richtig aufgehoben und dort zusammen dokumentiert. */
/* _content/Rwd.Web.Admin/Components/Pages/Dashboard/DashboardAreaCards.razor.rz.scp.css */
.rwd-areas__head[b-48hktpawb1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.rwd-areas__title[b-48hktpawb1] {
    font-size: 1rem;
    font-weight: 600;
}

.rwd-area[b-48hktpawb1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--rwd-radius-lg, 16px);
    background: var(--mud-palette-surface);
    box-shadow: var(--rwd-shadow-1);
    color: inherit;
    text-decoration: none;
}

.rwd-area__head[b-48hktpawb1] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rwd-area__icon[b-48hktpawb1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(214, 58, 47, .10);
}

.rwd-area__name[b-48hktpawb1] {
    flex: 1 1 auto;
    font-size: .98rem;
    font-weight: 600;
}

.rwd-area__go[b-48hktpawb1] {
    color: var(--mud-palette-text-secondary);
    transition: transform var(--rwd-motion-fast, 120ms) var(--rwd-ease);
}

.rwd-area:hover .rwd-area__go[b-48hktpawb1] {
    transform: translateX(3px);
}

.rwd-area__facts[b-48hktpawb1] {
    display: flex;
    gap: 24px;
}

.rwd-area__fact[b-48hktpawb1] {
    display: flex;
    flex-direction: column;
}

.rwd-area__value[b-48hktpawb1] {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

/* Nur einfaerben, wenn wirklich etwas anliegt — eine rote Null waere ein Fehlalarm. */
.rwd-area__value.is-alert[b-48hktpawb1] {
    color: var(--mud-palette-error);
}

.rwd-area__factlabel[b-48hktpawb1] {
    margin-top: 2px;
    font-size: .72rem;
    line-height: 1.3;
    color: var(--mud-palette-text-secondary);
}

.rwd-area__empty[b-48hktpawb1] {
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
}
/* _content/Rwd.Web.Admin/Components/Pages/Dashboard/DashboardAttentionList.razor.rz.scp.css */
.rwd-attn[b-u4nacubvfk] {
    margin-bottom: 28px;
}

.rwd-attn__head[b-u4nacubvfk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: var(--mud-palette-text-primary);
}

.rwd-attn__title[b-u4nacubvfk] {
    font-size: 1rem;
    font-weight: 600;
}

.rwd-attn__stamp[b-u4nacubvfk] {
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

.rwd-attn__row[b-u4nacubvfk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-left-width: 3px;
    border-radius: var(--rwd-radius, 10px);
    background: var(--mud-palette-surface);
    color: inherit;
    text-decoration: none;
    transition: background-color var(--rwd-motion-fast, 120ms) var(--rwd-ease),
                transform var(--rwd-motion-fast, 120ms) var(--rwd-ease),
                box-shadow var(--rwd-motion-fast, 120ms) var(--rwd-ease);
}

.rwd-attn__row + .rwd-attn__row[b-u4nacubvfk] {
    margin-top: 8px;
}

/* Die ganze Zeile ist das Klickziel — nicht nur ein kleiner Link am Ende. */
.rwd-attn__row:hover[b-u4nacubvfk] {
    background: var(--mud-palette-action-default-hover);
    transform: translateX(2px);
    box-shadow: var(--rwd-shadow-2);
}

/* Dringlichkeit als farbige Kante links: erkennbar, ohne die Zeile bunt zu machen. */
.rwd-attn__row--critical[b-u4nacubvfk] { border-left-color: var(--mud-palette-error); }
.rwd-attn__row--warning[b-u4nacubvfk]  { border-left-color: var(--mud-palette-warning); }
.rwd-attn__row--info[b-u4nacubvfk]     { border-left-color: var(--mud-palette-info); }

.rwd-attn__icon[b-u4nacubvfk] {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--mud-palette-text-secondary);
}

.rwd-attn__count[b-u4nacubvfk] {
    flex: 0 0 auto;
    min-width: 2.2ch;
    text-align: right;
    font-size: 1.05rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.rwd-attn__label[b-u4nacubvfk] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .88rem;
}

.rwd-attn__chevron[b-u4nacubvfk] {
    flex: 0 0 auto;
    color: var(--mud-palette-text-secondary);
}

.rwd-attn__allclear[b-u4nacubvfk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    font-size: .85rem;
    color: var(--mud-palette-text-secondary);
}

.rwd-attn__more[b-u4nacubvfk] {
    margin-top: 6px;
}
/* _content/Rwd.Web.Admin/Components/Pages/Dashboard/DashboardGreeting.razor.rz.scp.css */
.rwd-greet[b-olo8e6smwh] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.rwd-greet__title[b-olo8e6smwh] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: var(--mud-palette-text-primary);
}

.rwd-greet__date[b-olo8e6smwh] {
    margin-top: 2px;
    font-size: .82rem;
    color: var(--mud-palette-text-secondary);
}

.rwd-greet__hint[b-olo8e6smwh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: .76rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
}

.rwd-greet__hint kbd[b-olo8e6smwh] {
    display: inline-block;
    padding: 0 4px;
    margin: 0 1px;
    font-family: inherit;
    font-size: .72rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-bottom-width: 2px;
    border-radius: 4px;
    background: var(--mud-palette-surface);
}

/* Auf schmalen Fenstern ist der Hotkey-Hinweis nutzlos (keine Tastatur) — weg damit. */
@media (max-width: 760px) {
    .rwd-greet__hint[b-olo8e6smwh] { display: none; }
}
/* _content/Rwd.Web.Admin/Components/Pages/LoginPage.razor.rz.scp.css */
/* ─── Login / Startseite ────────────────────────────────────────────────────
   Ruhige Glas-Karte über dunklem Anthrazit-Grund.
   Alle Texte sind plain HTML → scoped CSS greift, Kontrast ist durchgehend lesbar.

   KEINE EIGENEN FARBWERTE MEHR. Diese Datei war der letzte Ort, an dem die Marke ein zweites
   Mal von Hand stand (#0d0d10, #15080a, #B71C1C, #D32F2F) — sie ist deshalb bei der Umstellung
   auf Petrol als einzige Seite rot geblieben, bis es auffiel. Der CSS-Sync-Test prüft nur
   --rwd-*-Deklarationen und konnte das nicht sehen; jetzt kommen alle Werte aus rwd-ui.css,
   das global geladen wird (EmptyLayout hat keinen MudThemeProvider, --mud-palette-* stehen
   hier also NICHT zur Verfügung — nur die --rwd-*-Tokens). */

.rwd-login-root[b-r52wxktill] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 1.5rem;
    background: var(--rwd-chrome-deep);
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.rwd-login-bg[b-r52wxktill] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(900px 600px at 70% 30%, color-mix(in srgb, var(--rwd-accent-strong) 55%, transparent) 0%, transparent 60%),
        radial-gradient(700px 500px at 20% 90%, color-mix(in srgb, var(--rwd-accent-on-dark) 14%, transparent) 0%, transparent 55%),
        linear-gradient(160deg, var(--rwd-chrome) 0%, var(--rwd-chrome-deep) 60%);
}

    /* dezentes Raster für Tiefe */
    .rwd-login-bg[b-r52wxktill]::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
        background-size: 44px 44px;
        mask-image: radial-gradient(circle at 50% 40%, #000 0%, transparent 75%);
        -webkit-mask-image: radial-gradient(circle at 50% 40%, #000 0%, transparent 75%);
    }

.rwd-login-card[b-r52wxktill] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 410px;
    padding: 2.75rem 2.75rem 2rem;
    text-align: center;
    background: rgba(24, 24, 28, .72);
    backdrop-filter: blur(20px) saturate(140%);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 20px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);
}

/* ─── Logo ─── */
.rwd-login-logo[b-r52wxktill] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.4rem;
}

/* Das Logo selbst bringt sein Styling mit (BrandLogo.razor.css) — scoped CSS von hier würde das
   <svg> in der Kind-Komponente ohnehin nicht erreichen. */

/* ─── Kopf ─── */
.rwd-login-title[b-r52wxktill] {
    margin: 0 0 .35rem;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -.4px;
    line-height: 1.15;
}

.rwd-login-subtitle[b-r52wxktill] {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: .82rem;
    font-weight: 400;
    letter-spacing: .02em;
}

.rwd-login-divider[b-r52wxktill] {
    width: 52px;
    height: 3px;
    margin: 1.6rem auto;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--rwd-accent-on-dark), var(--rwd-accent-strong));
}

/* ─── Formular ─── */
.rwd-login-form[b-r52wxktill] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: left;
}

.rwd-field[b-r52wxktill] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

    .rwd-field label[b-r52wxktill] {
        color: rgba(255, 255, 255, .78);
        font-size: .8rem;
        font-weight: 500;
        letter-spacing: .02em;
    }

    .rwd-field input[b-r52wxktill] {
        height: 46px;
        padding: 0 .95rem;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .05);
        color: #fff;
        font-size: .95rem;
        outline: none;
        transition: border-color .15s, box-shadow .15s, background .15s;
    }

        .rwd-field input[b-r52wxktill]::placeholder {
            color: rgba(255, 255, 255, .35);
        }

        .rwd-field input:focus[b-r52wxktill] {
            border-color: var(--rwd-accent-on-dark);
            background: rgba(255, 255, 255, .08);
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--rwd-accent-on-dark) 26%, transparent);
        }

.rwd-login-btn[b-r52wxktill] {
    width: 100%;
    height: 48px;
    margin-top: .4rem;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    color: #fff;
    font-size: .98rem;
    font-weight: 600;
    letter-spacing: .02em;
    background: linear-gradient(180deg, var(--rwd-accent-strong) 0%, var(--rwd-accent-deep) 100%);
    box-shadow: 0 6px 22px color-mix(in srgb, var(--rwd-accent-deep) 55%, transparent);
    transition: box-shadow .2s, transform .08s, filter .15s;
}

    .rwd-login-btn:hover[b-r52wxktill] {
        filter: brightness(1.08);
        box-shadow: 0 8px 30px color-mix(in srgb, var(--rwd-accent-deep) 70%, transparent);
        transform: translateY(-1px);
    }

    .rwd-login-btn:active[b-r52wxktill] {
        transform: translateY(0);
    }

/* ─── Fehler ─── */
.rwd-login-error[b-r52wxktill] {
    margin-bottom: 1rem;
    padding: .7rem .9rem;
    border-radius: 10px;
    text-align: left;
    font-size: .82rem;
    color: color-mix(in srgb, var(--rwd-error-on-dark) 72%, #fff);
    background: color-mix(in srgb, var(--rwd-error) 24%, transparent);
    border: 1px solid color-mix(in srgb, var(--rwd-error-on-dark) 55%, transparent);
}

/* ─── Trenner / SSO ─── */
.rwd-login-or[b-r52wxktill] {
    display: flex;
    align-items: center;
    margin: 1.3rem 0 1rem;
    color: rgba(255, 255, 255, .45);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

    .rwd-login-or[b-r52wxktill]::before,
    .rwd-login-or[b-r52wxktill]::after {
        content: '';
        flex: 1;
        height: 1px;
        background: rgba(255, 255, 255, .14);
    }

    .rwd-login-or span[b-r52wxktill] {
        padding: 0 .8rem;
    }

.rwd-login-sso[b-r52wxktill] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    height: 46px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .05);
    color: #fff;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 500;
    transition: background .15s, border-color .15s;
}

    .rwd-login-sso:hover[b-r52wxktill] {
        background: rgba(255, 255, 255, .1);
        border-color: rgba(255, 255, 255, .34);
    }

.rwd-ms-logo[b-r52wxktill] {
    display: block;
    flex: 0 0 auto;
}

/* ─── Fußzeile ─── */
.rwd-login-footer[b-r52wxktill] {
    display: block;
    margin: 1.8rem 0 0;
    color: rgba(255, 255, 255, .42);
    font-size: .72rem;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .rwd-login-card[b-r52wxktill] {
        padding: 2rem 1.5rem 1.6rem;
    }

    .rwd-login-title[b-r52wxktill] {
        font-size: 1.5rem;
    }
}
/* _content/Rwd.Web.Admin/Components/Shared/CommandPalette.razor.rz.scp.css */
/* Schnellzugriff. */

.rwd-palette[b-1vnydbecl0] {
    display: flex;
    flex-direction: column;
    /* Feste Hoehe: die Liste soll den Dialog nicht bei jedem Tastendruck springen lassen. */
    min-height: 320px;
}

.rwd-palette__input[b-1vnydbecl0] {
    margin-bottom: 4px;
}

.rwd-palette__list[b-1vnydbecl0] {
    flex: 1 1 auto;
    max-height: 46vh;
    overflow-y: auto;
    margin: 0 -8px;
}

.rwd-palette__section[b-1vnydbecl0] {
    padding: 10px 12px 4px;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.rwd-palette__item[b-1vnydbecl0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: var(--rwd-radius, 10px);
    cursor: pointer;
    transition: background-color 90ms var(--rwd-ease);
}

/* Ein gemeinsamer Zustand fuer Maus UND Tastatur: der Eintrag unter dem Zeiger ist derselbe,
   der mit Enter geoeffnet wird (onmouseenter setzt _selected). Zwei getrennte Hervorhebungen
   waeren die verwirrendste Variante. */
.rwd-palette__item.is-selected[b-1vnydbecl0] {
    background-color: rgba(255, 90, 82, .14);
    box-shadow: inset 2px 0 0 0 var(--rwd-accent);
}

.rwd-palette__icon[b-1vnydbecl0] {
    flex: 0 0 auto;
    color: var(--mud-palette-text-secondary);
}

.rwd-palette__item.is-selected .rwd-palette__icon[b-1vnydbecl0] {
    color: var(--rwd-accent);
}

.rwd-palette__title[b-1vnydbecl0] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .9rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rwd-palette__group[b-1vnydbecl0] {
    flex: 0 0 auto;
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

.rwd-palette__route[b-1vnydbecl0] {
    flex: 0 0 auto;
    font-size: .68rem;
    padding: 1px 5px;
    border-radius: 4px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
}

/* Auf schmalen Fenstern ist die Route Ballast — Titel und Gruppe genuegen. */
@media (max-width: 600px) {
    .rwd-palette__route[b-1vnydbecl0] { display: none; }
}

.rwd-palette__foot[b-1vnydbecl0] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 10px;
    margin-top: 4px;
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: .7rem;
    color: var(--mud-palette-text-secondary);
}

.rwd-palette__count[b-1vnydbecl0] {
    margin-left: auto;
}

.rwd-palette__foot kbd[b-1vnydbecl0] {
    display: inline-block;
    min-width: 18px;
    margin-right: 3px;
    padding: 1px 4px;
    text-align: center;
    font-family: inherit;
    font-size: .68rem;
    line-height: 1.4;
    border: 1px solid var(--mud-palette-lines-default);
    border-bottom-width: 2px;
    border-radius: 4px;
    background: var(--mud-palette-surface);
}
/* _content/Rwd.Web.Admin/Components/Shared/CompletionMeter.razor.rz.scp.css */
/* Fortschritts-Meter. */

.rwd-meter[b-k8x0lhawcv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rwd-meter__head[b-k8x0lhawcv] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    color: var(--mud-palette-text-secondary);
}

.rwd-meter__heading[b-k8x0lhawcv] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.rwd-meter__count[b-k8x0lhawcv] {
    display: inline-flex;
    align-items: center;
    /* Tabellenziffern: der Zaehler springt sonst in der Breite, wenn 9 zu 10 wird. */
    font-variant-numeric: tabular-nums;
}

.rwd-meter__donetext[b-k8x0lhawcv] {
    color: var(--mud-palette-success);
    font-weight: 600;
}

.rwd-meter__pct[b-k8x0lhawcv] {
    margin-left: auto;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.rwd-meter__required[b-k8x0lhawcv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .76rem;
    color: var(--mud-palette-warning);
}

/* Einzeilig: Kopf und Balken nebeneinander, fuer Tabellenzellen. */
.rwd-meter--compact[b-k8x0lhawcv] {
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.rwd-meter--compact .rwd-meter__head[b-k8x0lhawcv] {
    flex: 0 0 auto;
    font-size: .76rem;
}

.rwd-meter--compact .rwd-meter__pct[b-k8x0lhawcv] {
    margin-left: 0;
}

.rwd-meter--compact[b-k8x0lhawcv]  .rwd-meter__bar {
    flex: 1 1 auto;
    min-width: 60px;
}
/* _content/Rwd.Web.Admin/Components/Shared/EmptyState.razor.rz.scp.css */
/* Leerzustand. */

.rwd-empty[b-gllut4nf6w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 40px 24px;
    color: var(--mud-palette-text-primary);
}

/* Einzeilig fuer Tabellen: waagerecht, kein Kreis, wenig Hoehe. */
.rwd-empty--dense[b-gllut4nf6w] {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 14px 16px;
    gap: 6px;
}

.rwd-empty__icon[b-gllut4nf6w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--mud-palette-action-default-hover);
}

.rwd-empty__icon--success[b-gllut4nf6w] { background: rgba(46, 125, 50, .12); }
.rwd-empty__icon--warning[b-gllut4nf6w] { background: rgba(178, 106, 0, .14); }
.rwd-empty__icon--error[b-gllut4nf6w]   { background: rgba(198, 40, 40, .12); }
.rwd-empty__icon--info[b-gllut4nf6w]    { background: rgba(21, 101, 192, .12); }

.rwd-empty__title[b-gllut4nf6w] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
}

.rwd-empty--dense .rwd-empty__title[b-gllut4nf6w] {
    font-size: .875rem;
}

.rwd-empty__desc[b-gllut4nf6w] {
    margin: 4px 0 0;
    max-width: 46ch;
    font-size: .82rem;
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
}

.rwd-empty--dense .rwd-empty__desc[b-gllut4nf6w] {
    margin: 0;
    font-size: .78rem;
}

.rwd-empty__actions[b-gllut4nf6w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 6px;
}

.rwd-empty--dense .rwd-empty__actions[b-gllut4nf6w] {
    margin-top: 0;
    margin-left: 8px;
}
/* _content/Rwd.Web.Admin/Components/Shared/FormSkeleton.razor.rz.scp.css */
/* Formular-Platzhalter. Eigene Fläche wie die MudCard, die hier gleich steht — siehe
   TableSkeleton.razor.css zur Begründung, warum das kein <MudPaper> ist. */

.rwd-fskel[b-bd0mot7jd9] {
    padding: 20px;
    background-color: var(--mud-palette-surface);
    border-radius: var(--rwd-radius, 10px);
    box-shadow: var(--rwd-shadow-1);
}

.rwd-fskel__grid[b-bd0mot7jd9] {
    display: grid;
    gap: 18px 24px;
}

.rwd-fskel__grid--1[b-bd0mot7jd9] { grid-template-columns: 1fr; }
.rwd-fskel__grid--2[b-bd0mot7jd9] { grid-template-columns: repeat(2, 1fr); }

/* Wie MudGrid sm="6": unter 600 px eine Spalte. */
@media (max-width: 599.98px) {
    .rwd-fskel__grid--2[b-bd0mot7jd9] { grid-template-columns: 1fr; }
}

.rwd-fskel__field[b-bd0mot7jd9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rwd-fskel__field--wide[b-bd0mot7jd9] {
    grid-column: 1 / -1;
}

.rwd-fskel__actions[b-bd0mot7jd9] {
    display: flex;
    gap: 10px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--mud-palette-divider);
}

.rwd-fskel__sr[b-bd0mot7jd9] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* _content/Rwd.Web.Admin/Components/Shared/PageHeader.razor.rz.scp.css */
/* Kopfzeile einer Fachseite. */

.rwd-pagehead[b-f3ol7wglok] {
    margin-bottom: 20px;
}

/* Brotkrume: klein und zurückhaltend. Sie orientiert, sie wirbt nicht. */
.rwd-pagehead__crumbs[b-f3ol7wglok] {
    margin-bottom: 2px;
    font-size: .75rem;
}

.rwd-pagehead__main[b-f3ol7wglok] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

/* Getönte Kachel statt nacktem Icon — gibt dem Titel einen Ankerpunkt und ist dieselbe
   Formensprache wie der Icon-Kreis im Leerzustand. */
.rwd-pagehead__icon[b-f3ol7wglok] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: var(--rwd-radius, 10px);
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}

/* Getönte Kachel passend zur Icon-Farbe — dieselben Werte wie im Leerzustand. */
.rwd-pagehead__icon--warning[b-f3ol7wglok] { background: rgba(178, 106, 0, .14); }
.rwd-pagehead__icon--error[b-f3ol7wglok]   { background: rgba(198, 40, 40, .12); }
.rwd-pagehead__icon--success[b-f3ol7wglok] { background: rgba(46, 125, 50, .12); }
.rwd-pagehead__icon--info[b-f3ol7wglok]    { background: rgba(21, 101, 192, .12); }

.rwd-pagehead__titles[b-f3ol7wglok] {
    min-width: 0; /* damit lange Titel umbrechen statt die Knöpfe hinauszuschieben */
    flex: 1 1 auto;
}

.rwd-pagehead__title[b-f3ol7wglok] {
    margin: 0;
}

.rwd-pagehead__sub[b-f3ol7wglok] {
    margin-top: 2px;
    font-size: .82rem;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
}

/* Knöpfe rechts; auf schmalen Fenstern rutschen sie unter den Titel (flex-wrap oben). */
.rwd-pagehead__actions[b-f3ol7wglok] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

.rwd-pagehead__extra[b-f3ol7wglok] {
    margin-top: 12px;
}
/* _content/Rwd.Web.Admin/Components/Shared/ProgressChecklist.razor.rz.scp.css */
/* Checkliste. */

.rwd-check__heading[b-kpvs98eq16] {
    font-weight: 600;
    margin-bottom: 8px;
}

.rwd-check__row[b-kpvs98eq16] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--rwd-radius, 10px);
    background: var(--mud-palette-surface);
    transition: background-color var(--rwd-motion-fast, 120ms) var(--rwd-ease),
                border-color var(--rwd-motion-fast, 120ms) var(--rwd-ease);
}

.rwd-check__row + .rwd-check__row[b-kpvs98eq16] {
    margin-top: 8px;
}

/* Erledigt: zurueckgenommen, aber nicht unlesbar. 0.62 statt 0.4 — man muss noch nachlesen
   koennen, WAS man abgehakt hat. */
.rwd-check__row.is-done[b-kpvs98eq16] {
    background: var(--mud-palette-action-default-hover);
    border-color: transparent;
}

.rwd-check__row.is-done .rwd-check__titletext[b-kpvs98eq16] {
    text-decoration: line-through;
    opacity: .62;
}

.rwd-check__mark[b-kpvs98eq16] {
    flex: 0 0 auto;
    display: inline-flex;
    line-height: 1;
    padding-top: 1px;
}

.rwd-check__text[b-kpvs98eq16] {
    flex: 1 1 auto;
    min-width: 0;
}

.rwd-check__title[b-kpvs98eq16] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    font-size: .9rem;
    line-height: 1.4;
}

.rwd-check__sub[b-kpvs98eq16] {
    font-size: .78rem;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
}

.rwd-check__note[b-kpvs98eq16] {
    margin-top: 2px;
    font-size: .74rem;
    color: var(--mud-palette-success);
}

.rwd-check__action[b-kpvs98eq16] {
    flex: 0 0 auto;
    align-self: center;
}
/* _content/Rwd.Web.Admin/Components/Shared/StatTile.razor.rz.scp.css */
/* Kennzahl-Kachel. Tokens aus wwwroot/css/rwd-ui.css (:root). */

.rwd-stat[b-kzkl779em7] {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    padding: 14px 16px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--rwd-radius, 10px);
    box-shadow: var(--rwd-shadow-1);
    color: inherit;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

/* Nur klickbare Kacheln zeigen einen Zeiger — sonst verspricht die Kachel etwas, was sie nicht hat. */
.rwd-stat--link[b-kzkl779em7] {
    cursor: pointer;
}

/* Akzentkante links, wenn wirklich etwas anliegt (Wert > 0). */
.rwd-stat--accent[b-kzkl779em7]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--rwd-accent);
}

/* Icon in getoentem Kreis — traegt die Farbcodierung, ohne die Zahl zu verfaerben
   (die Zahl bleibt immer maximal lesbar). */
.rwd-stat__icon[b-kzkl779em7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--mud-palette-action-default-hover);
}

.rwd-stat__icon--error[b-kzkl779em7]   { background: rgba(198, 40, 40, .12); }
.rwd-stat__icon--warning[b-kzkl779em7] { background: rgba(178, 106, 0, .14); }
.rwd-stat__icon--success[b-kzkl779em7] { background: rgba(46, 125, 50, .12); }
.rwd-stat__icon--info[b-kzkl779em7],
.rwd-stat__icon--secondary[b-kzkl779em7] { background: rgba(21, 101, 192, .12); }
.rwd-stat__icon--primary[b-kzkl779em7] { background: rgba(214, 58, 47, .12); }

.rwd-stat__body[b-kzkl779em7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rwd-stat__value[b-kzkl779em7] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.02em;
    /* Tabellenziffern: beim Hochzaehlen springt die Breite sonst bei jedem Frame. */
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-primary);
}

.rwd-stat__label[b-kzkl779em7] {
    margin-top: 2px;
    font-size: .74rem;
    line-height: 1.25;
    color: var(--mud-palette-text-secondary);
    /* Zweizeilig erlaubt, danach abschneiden — sonst reisst ein langes Label das Raster auf. */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rwd-stat__trend[b-kzkl779em7] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    align-self: flex-start;
    font-size: .72rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rwd-stat__trend.is-up[b-kzkl779em7]   { color: var(--mud-palette-success); }
.rwd-stat__trend.is-down[b-kzkl779em7] { color: var(--mud-palette-text-secondary); }
/* _content/Rwd.Web.Admin/Components/Shared/TableSkeleton.razor.rz.scp.css */
/* Tabellen-Platzhalter. */

/* Nimmt die Darstellung der MudTable vorweg, die hier gleich steht: gleiche Fläche, gleicher
   Radius, gleicher Schatten. Sonst wechselt im Moment des Ladens sichtbar der Untergrund. */
.rwd-tskel[b-044rduadpg] {
    width: 100%;
    overflow: hidden;
    background-color: var(--mud-palette-surface);
    border-radius: var(--rwd-radius, 10px);
    box-shadow: var(--rwd-shadow-1);
}

.rwd-tskel--flat[b-044rduadpg] {
    background: none;
    box-shadow: none;
    border-radius: 0;
}

.rwd-tskel__row[b-044rduadpg] {
    display: grid;
    align-items: center;
    gap: 16px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.rwd-tskel__row--head[b-044rduadpg] {
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom-width: 2px;
}

.rwd-tskel__row:last-child[b-044rduadpg] {
    border-bottom: none;
}

/* Nur für Screenreader — optisch reicht der Platzhalter. */
.rwd-tskel__sr[b-044rduadpg] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}