/* /Layout/AnmeldeLayout.razor.rz.scp.css */
.rahmen[b-dlftqvpa21] {
    min-height: 100vh;
    min-height: 100dvh;
    padding: 48px 16px;
    text-align: center;
    color: var(--text-muted);
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* Handy: Inhalt scrollt, die Leiste steht unten. Ab 960 px steht sie links als Spalte. */
.rahmen[b-54x18s4u5t] {
    height: 100vh;
    height: 100dvh;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding-top: env(safe-area-inset-top);
}

.rahmen__inhalt[b-54x18s4u5t] {
    min-height: 0;
    overflow-y: auto;
}

/* Am Handy entfällt im Vorgang die Leiste (#2856): zurück geht es oben links, unten steht die Antwortzeile. */
.rahmen--vorgang .rahmen__leiste[b-54x18s4u5t] {
    display: none;
}

.rahmen__pruefen[b-54x18s4u5t] {
    padding: 48px 16px;
    text-align: center;
    color: var(--text-muted);
}

@media (min-width: 960px) {
    .rahmen[b-54x18s4u5t] {
        grid-template-rows: none;
        grid-template-columns: 112px minmax(0, 1fr);
    }

    .rahmen__inhalt[b-54x18s4u5t] {
        grid-column: 2;
        grid-row: 1;
    }

    .rahmen__leiste[b-54x18s4u5t],
    .rahmen--vorgang .rahmen__leiste[b-54x18s4u5t] {
        display: contents;
    }
}
/* /Pages/Konto.razor.rz.scp.css */
.konto[b-gq1rqk1gel] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 16px 32px;
}

.konto__titel[b-gq1rqk1gel] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 500;
    color: var(--text-strong);
}

.konto__karte[b-gq1rqk1gel] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 16px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
    box-shadow: var(--shadow-sm);
}

.konto__beschriftung[b-gq1rqk1gel],
.installieren__marke[b-gq1rqk1gel] {
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.konto__name[b-gq1rqk1gel] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-strong);
    overflow-wrap: anywhere;
}

.konto__abmelden[b-gq1rqk1gel] {
    margin-top: 10px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-pill);
    background: var(--surface-card);
    color: var(--brand-strong);
    font-weight: 600;
}

.installieren[b-gq1rqk1gel] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.installieren__titel[b-gq1rqk1gel] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 500;
    line-height: 1.15;
    color: var(--text-strong);
}

.installieren__text[b-gq1rqk1gel] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: 1.7;
}

.installieren__schritte[b-gq1rqk1gel] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: schritt;
}

.installieren__schritte li[b-gq1rqk1gel] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
    box-shadow: var(--shadow-sm);
    counter-increment: schritt;
}

.installieren__schritte li[b-gq1rqk1gel]::before {
    content: counter(schritt);
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    background: var(--brand-soft);
    color: var(--brand-strong);
    font-weight: 600;
}
/* /Pages/Liste.razor.rz.scp.css */
.posteingang[b-9gvxawdy68] {
    min-height: 100%;
}

.liste[b-9gvxawdy68] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* Handy: entweder Liste oder Vorgang. */
.posteingang--auswahl[b-9gvxawdy68] {
    height: 100%;
}

.posteingang--auswahl > .liste[b-9gvxawdy68] {
    display: none;
}

/* Wie die Einladung der Packstation: am Handy gibt es ohne Auswahl nur die Liste.
   Steht vor der Media-Query, sonst schlüge display: none sie. */
.posteingang__leer[b-9gvxawdy68] {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    text-align: center;
    background: var(--surface-page);
    color: var(--ink-300);
}

.posteingang__leer-titel[b-9gvxawdy68] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-strong);
}

.posteingang__leer-text[b-9gvxawdy68] {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

/* Wie im Entwurf K5-PC: Liste 420 px, daneben der Vorgang; jede Spalte scrollt für sich. */
@media (min-width: 960px) {
    .posteingang[b-9gvxawdy68] {
        height: 100%;
        display: grid;
        grid-template-columns: 420px minmax(0, 1fr);
        /* Ohne feste Zeile wüchse der Vorgang auf die Höhe aller Kommentare, statt selbst zu scrollen. */
        grid-template-rows: minmax(0, 1fr);
    }

    .posteingang > .liste[b-9gvxawdy68],
    .posteingang--auswahl > .liste[b-9gvxawdy68] {
        display: flex;
        min-height: 0;
        overflow-y: auto;
        border-right: 1px solid var(--border-soft);
    }

    .posteingang__leer[b-9gvxawdy68] {
        display: flex;
    }
}

.liste__eintrag[b-9gvxawdy68] {
    display: block;
    text-decoration: none;
    color: inherit;
}

.liste__eintrag:hover[b-9gvxawdy68]  .zeile,
.liste__eintrag--aktiv[b-9gvxawdy68]  .zeile {
    background: var(--brand-wash);
}

.liste__kopf[b-9gvxawdy68] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 16px 12px;
    background: var(--surface-card);
    border-bottom: 1px solid var(--border-soft);
}

.liste__titelzeile[b-9gvxawdy68] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.liste__titel[b-9gvxawdy68] {
    flex-grow: 1;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 500;
    color: var(--text-strong);
}

.liste__suche-knopf[b-9gvxawdy68],
.liste__filter-knopf[b-9gvxawdy68] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--text-body);
}

.liste__konto[b-9gvxawdy68] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.liste__kuerzel[b-9gvxawdy68] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    background: var(--brand-soft);
    color: var(--brand-strong);
    font-size: var(--text-xs);
    font-weight: 700;
}

.liste__suche-knopf[aria-expanded="true"][b-9gvxawdy68] {
    background: var(--surface-sunken);
    color: var(--text-strong);
}

.liste__chips[b-9gvxawdy68] {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
}

.liste__chip[b-9gvxawdy68] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--brand);
    border-radius: var(--radius-pill);
    background: var(--brand-soft);
    color: var(--brand-strong);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 600;
}

.liste__untertitel[b-9gvxawdy68] {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.liste__suchfeld[b-9gvxawdy68] {
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--surface-page);
    font: inherit;
    color: var(--text-strong);
}

.liste__laden[b-9gvxawdy68],
.liste__leer[b-9gvxawdy68] {
    padding: 48px 16px;
    text-align: center;
    color: var(--text-muted);
}

.liste__hinweis[b-9gvxawdy68] {
    padding: 16px;
}

.liste__mehr[b-9gvxawdy68] {
    margin: 16px auto;
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-pill);
    background: var(--surface-card);
    color: var(--brand-strong);
    font-weight: 600;
}
/* /Shared/AnhangListe.razor.rz.scp.css */
.anhang[b-2y605yhlmn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-top: 10px;
}

.anhang__bilder[b-2y605yhlmn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.anhang__vorschau[b-2y605yhlmn],
.anhang__platzhalter[b-2y605yhlmn] {
    display: block;
    width: 120px;
    height: 120px;
    padding: 0;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    background: var(--sand-200);
    overflow: hidden;
}

.anhang__vorschau[b-2y605yhlmn] {
    cursor: zoom-in;
}

.anhang__vorschau:focus-visible[b-2y605yhlmn] {
    outline: none;
    box-shadow: 0 0 0 3px var(--focus-ring);
}

.anhang__bild[b-2y605yhlmn] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anhang__abspielen[b-2y605yhlmn],
.anhang__datei[b-2y605yhlmn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--border-default);
    border-radius: 999px;
    background: var(--surface-page);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-body);
    text-align: left;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.anhang__abspielen:disabled[b-2y605yhlmn],
.anhang__datei:disabled[b-2y605yhlmn] {
    cursor: progress;
    opacity: 0.6;
}

.anhang__abspielen:focus-visible[b-2y605yhlmn],
.anhang__datei:focus-visible[b-2y605yhlmn] {
    outline: none;
    box-shadow: 0 0 0 3px var(--focus-ring);
}

.anhang__groesse[b-2y605yhlmn] {
    font-weight: 400;
    color: var(--text-subtle);
}

.anhang__audio[b-2y605yhlmn] {
    width: 260px;
    max-width: 100%;
}

.anhang__fehler[b-2y605yhlmn] {
    display: block;
    padding: 10px 12px;
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

/* Fest über allem; kein Vorfahre setzt transform, sonst bliebe sie in dessen Rahmen. */
.grossansicht[b-2y605yhlmn] {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 72px 12px 24px;
    background: rgba(20, 20, 19, 0.94);
}

.grossansicht__hintergrund[b-2y605yhlmn] {
    position: absolute;
    inset: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-out;
}

.grossansicht__kopf[b-2y605yhlmn] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 8px;
    color: #fff;
}

.grossansicht__schliessen[b-2y605yhlmn],
.grossansicht__laden[b-2y605yhlmn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.grossansicht__schliessen:focus-visible[b-2y605yhlmn],
.grossansicht__laden:focus-visible[b-2y605yhlmn] {
    outline: 2px solid #fff;
}

.grossansicht__name[b-2y605yhlmn] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grossansicht__bild[b-2y605yhlmn] {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    border-radius: 6px;
    object-fit: contain;
}
/* /Shared/AnmeldungFehlgeschlagen.razor.rz.scp.css */
.anmeldefehler[b-4cb81zgdqy] {
    max-width: 420px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
    color: var(--text-body);
    font-size: var(--text-base);
}

.anmeldefehler__titel[b-4cb81zgdqy] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--text-strong);
}

.anmeldefehler__knopf[b-4cb81zgdqy] {
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: var(--radius-md);
    background: var(--brand);
    color: var(--text-on-brand);
    font-weight: 600;
}
/* /Shared/AntwortLeiste.razor.rz.scp.css */
/* Handy (#2856, Canvas-Seite „8 · Vorgang am Handy“): unten nur eine Zeile, geschrieben wird im Blatt.
   Ab 960 px steht alles wie bisher offen unter dem Verlauf. */
.antwortleiste[b-gl3h78plp0] {
    padding: 8px 12px max(12px, env(safe-area-inset-bottom));
    background: var(--surface-card);
    border-top: 1px solid var(--border-soft);
}

.antwortleiste__oeffnen[b-gl3h78plp0] {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border: 1px solid var(--border-default);
    border-radius: 22px;
    background: var(--surface-page);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--text-subtle);
    text-align: left;
}

.antwortleiste__vorschau[b-gl3h78plp0] {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.antwortleiste__vorschau--entwurf[b-gl3h78plp0] {
    color: var(--text-body);
}

.antwortleiste__hintergrund[b-gl3h78plp0] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: color-mix(in srgb, var(--ink-900) 35%, transparent);
}

.antwortleiste__blatt[b-gl3h78plp0] {
    display: none;
}

.antwortleiste__blatt--offen[b-gl3h78plp0] {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 41;
    max-height: 90dvh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 16px max(20px, env(safe-area-inset-bottom));
    border-radius: 20px 20px 0 0;
    background: var(--surface-card);
    box-shadow: var(--shadow-lg);
}

.antwortleiste__griff[b-gl3h78plp0] {
    align-self: center;
    width: 40px;
    height: 4px;
    border-radius: var(--radius-pill);
    background: var(--border-default);
}

.antwortleiste__kopf[b-gl3h78plp0] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Wege als Reiter mit Unterstrich: drei Wege (Weiterleiten kommt) passen so in eine Zeile. */
.antwortleiste__wege[b-gl3h78plp0] {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    gap: 2px;
    overflow-x: auto;
}

.antwortleiste__weg[b-gl3h78plp0] {
    position: relative;
    flex-shrink: 0;
    min-height: 44px;
    padding: 0 10px;
    border: 0;
    background: none;
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-muted);
}

.antwortleiste__weg[aria-pressed="true"][b-gl3h78plp0] {
    font-weight: 700;
    color: var(--brand-strong);
}

.antwortleiste__weg[aria-pressed="true"][b-gl3h78plp0]::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 6px;
    height: 2px;
    border-radius: 2px;
    background: var(--brand);
}

.antwortleiste__zu[b-gl3h78plp0] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--text-muted);
}

.antwortleiste__frist[b-gl3h78plp0],
.antwortleiste__hinweis[b-gl3h78plp0],
.antwortleiste__fehler[b-gl3h78plp0],
.antwortleiste__gesperrt[b-gl3h78plp0] {
    margin: 0;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--text-strong);
}

.antwortleiste__frist[b-gl3h78plp0],
.antwortleiste__hinweis[b-gl3h78plp0] {
    background: var(--warning-100);
}

.antwortleiste__fehler[b-gl3h78plp0] {
    background: var(--danger-100);
}

.antwortleiste__gesperrt[b-gl3h78plp0] {
    background: var(--surface-sunken);
    color: var(--text-body);
}

.antwortleiste__zeile[b-gl3h78plp0] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.antwortleiste__feld[b-gl3h78plp0] {
    flex-grow: 1;
    min-width: 0;
    display: flex;
}

.antwortleiste__feld textarea[b-gl3h78plp0] {
    flex-grow: 1;
    box-sizing: border-box;
    min-height: 44px;
    max-height: 40dvh;
    padding: 11px 16px;
    border: 1px solid var(--border-default);
    border-radius: 22px;
    background: var(--surface-page);
    font-family: var(--font-body);
    font-size: var(--text-base);
    color: var(--text-body);
    resize: none;
    field-sizing: content;
}

/* Leer bleibt das Feld einzeilig, auch wenn ein langer Platzhalter (Mail-Adresse) umbräche. */
.antwortleiste__feld textarea:placeholder-shown[b-gl3h78plp0] {
    field-sizing: fixed;
}

.antwortleiste__unsichtbar[b-gl3h78plp0] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.antwortleiste__senden[b-gl3h78plp0] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--brand);
    color: var(--text-on-brand);
}

.antwortleiste__senden:disabled[b-gl3h78plp0] {
    background: var(--brand-soft);
    color: var(--brand-strong);
}

.antwortleiste__laeuft[b-gl3h78plp0] {
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: var(--radius-pill);
    animation: antwortleiste-dreht-b-gl3h78plp0 0.8s linear infinite;
}

@keyframes antwortleiste-dreht-b-gl3h78plp0 {
    to {
        transform: rotate(360deg);
    }
}

.antwortleiste__senden-text[b-gl3h78plp0] {
    display: none;
}

/* Im Blatt ist Platz: großes Feld, darunter „Senden“ als beschrifteter Knopf. */
@media (max-width: 959.98px) {
    .antwortleiste__zeile[b-gl3h78plp0] {
        flex-direction: column;
        align-items: stretch;
    }

    .antwortleiste__feld textarea[b-gl3h78plp0],
    .antwortleiste__feld textarea:placeholder-shown[b-gl3h78plp0] {
        min-height: 132px;
        border-radius: 14px;
    }

    .antwortleiste__senden[b-gl3h78plp0] {
        align-self: flex-end;
        width: auto;
        gap: 8px;
        padding: 0 18px;
        font-family: var(--font-ui);
        font-size: var(--text-base);
        font-weight: 600;
    }

    .antwortleiste__senden-text[b-gl3h78plp0] {
        display: inline;
    }
}

@media (min-width: 960px) {
    .antwortleiste[b-gl3h78plp0] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px 12px 12px;
    }

    .antwortleiste__oeffnen[b-gl3h78plp0],
    .antwortleiste__hintergrund[b-gl3h78plp0],
    .antwortleiste__griff[b-gl3h78plp0],
    .antwortleiste__zu[b-gl3h78plp0] {
        display: none;
    }

    .antwortleiste__blatt[b-gl3h78plp0],
    .antwortleiste__blatt--offen[b-gl3h78plp0] {
        position: static;
        max-height: none;
        overflow: visible;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .antwortleiste__kopf:not(:has(.antwortleiste__wege))[b-gl3h78plp0] {
        display: none;
    }

    /* Am PC bleibt der Umschalter wie vor dem Blatt. */
    .antwortleiste__wege[b-gl3h78plp0] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 3px;
        border-radius: var(--radius-pill);
        background: var(--surface-sunken);
    }

    .antwortleiste__weg[b-gl3h78plp0] {
        border-radius: var(--radius-pill);
    }

    .antwortleiste__weg[aria-pressed="true"][b-gl3h78plp0] {
        background: var(--surface-card);
        box-shadow: var(--shadow-xs);
        font-weight: 600;
        color: var(--text-strong);
    }

    .antwortleiste__weg[aria-pressed="true"][b-gl3h78plp0]::after {
        content: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .antwortleiste__laeuft[b-gl3h78plp0] {
        animation-duration: 2.4s;
    }
}
/* /Shared/FilterBlatt.razor.rz.scp.css */
.filter-hintergrund[b-zbwnxlx6nu] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: color-mix(in srgb, var(--ink-900) 45%, transparent);
}

.filter[b-zbwnxlx6nu] {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 41;
    max-height: 90dvh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 12px 20px max(32px, env(safe-area-inset-bottom));
    border-radius: 28px 28px 0 0;
    background: var(--surface-card);
    box-shadow: var(--shadow-lg);
}

.filter__griff[b-zbwnxlx6nu] {
    align-self: center;
    width: 40px;
    height: 5px;
    border-radius: var(--radius-pill);
    background: var(--border-default);
}

.filter__titel[b-zbwnxlx6nu] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 500;
    color: var(--text-strong);
}

.filter__gruppe[b-zbwnxlx6nu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.filter__ueberschrift[b-zbwnxlx6nu] {
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.filter__wahlen[b-zbwnxlx6nu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter__wahl[b-zbwnxlx6nu] {
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-pill);
    background: var(--surface-card);
    color: var(--text-body);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 600;
}

.filter__wahl[aria-pressed="true"][b-zbwnxlx6nu] {
    border-color: var(--brand);
    background: var(--brand-soft);
    color: var(--brand-strong);
}

.filter__hinweis[b-zbwnxlx6nu] {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.filter__aktionen[b-zbwnxlx6nu] {
    display: flex;
    gap: 12px;
    padding-top: 4px;
}

.filter__zuruecksetzen[b-zbwnxlx6nu],
.filter__anzeigen[b-zbwnxlx6nu] {
    min-height: 48px;
    padding: 0 20px;
    border-radius: var(--radius-pill);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 600;
}

.filter__zuruecksetzen[b-zbwnxlx6nu] {
    border: 0;
    background: transparent;
    color: var(--brand-strong);
}

.filter__anzeigen[b-zbwnxlx6nu] {
    flex-grow: 1;
    border: 0;
    background: var(--brand);
    color: var(--text-on-brand);
    box-shadow: var(--shadow-brand);
}

/* Am PC als Aufklapper oben rechts statt Blatt über die ganze Breite. */
@media (min-width: 960px) {
    .filter[b-zbwnxlx6nu] {
        inset: 72px 24px auto auto;
        width: 420px;
        border-radius: var(--radius-lg);
    }
}
/* /Shared/Kommentar.razor.rz.scp.css */
.kommentar[b-6nyynp7zdj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
}

/* 2 px mit 1 px weniger Innenabstand: die Karte springt nicht, wenn das Ziel wechselt. */
.kommentar--ziel[b-6nyynp7zdj] {
    padding: 11px 13px;
    border: 2px solid var(--border-brand);
}

.kommentar__ziel[b-6nyynp7zdj] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--brand-strong);
}

.kommentar--antwort[b-6nyynp7zdj] {
    margin-left: 24px;
}

/* Gedämpft per Farbe statt Deckkraft: 0.62 Deckkraft fiele unter 4,5:1 (wie in Web, #1518). */
.kommentar--erledigt .kommentar__text[b-6nyynp7zdj],
.kommentar--erledigt .kommentar__autor[b-6nyynp7zdj] {
    color: var(--text-muted);
}

.kommentar__kopf[b-6nyynp7zdj] {
    display: flex;
    gap: 8px;
    font-size: var(--text-sm);
}

.kommentar__autor[b-6nyynp7zdj] {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-strong);
}

.kommentar__zeit[b-6nyynp7zdj] {
    color: var(--text-muted);
}

.kommentar__erledigt[b-6nyynp7zdj] {
    color: var(--success-600);
    font-weight: 600;
}

.kommentar__text[b-6nyynp7zdj] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* Negativer Rand: die 44-px-Ziele sollen die Karte nicht höher machen als nötig. */
.kommentar__aktionen[b-6nyynp7zdj] {
    display: flex;
    gap: 4px;
    margin: 0 -10px -8px;
}

.kommentar__aktion[b-6nyynp7zdj] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--brand-strong);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 600;
}
/* /Shared/KommentarBaum.razor.rz.scp.css */
.kommentare[b-59latmt8sn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.beitrag-auszug[b-59latmt8sn] {
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    background: var(--surface-warm);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: 1.5;
}
/* /Shared/Ladefehler.razor.rz.scp.css */
.ladefehler[b-f9zz1w0m0u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--surface-card);
    color: var(--text-body);
    font-size: var(--text-base);
}

.ladefehler__knopf[b-f9zz1w0m0u] {
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--border-brand);
    border-radius: var(--radius-sm);
    background: var(--surface-card);
    color: var(--brand-strong);
    font-weight: 600;
}
/* /Shared/Leiste.razor.rz.scp.css */
.leiste[b-2arq0hiveh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 6px 8px max(10px, env(safe-area-inset-bottom));
    background: var(--surface-card);
    border-top: 1px solid var(--border-soft);
}

.leiste[b-2arq0hiveh]  .leiste__eintrag {
    min-height: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-decoration: none;
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: 600;
}

.leiste[b-2arq0hiveh]  .leiste__eintrag.active {
    color: var(--brand);
}

@media (min-width: 960px) {
    .leiste[b-2arq0hiveh] {
        grid-column: 1;
        grid-row: 1;
        grid-template-columns: none;
        grid-auto-rows: min-content;
        gap: 4px;
        padding: 16px 8px;
        border-top: 0;
        border-right: 1px solid var(--border-soft);
    }
}
/* /Shared/MailVerlauf.razor.rz.scp.css */
.mails[b-8lf2uw97q0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mail[b-8lf2uw97q0] {
    padding: 16px 18px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
    box-shadow: var(--shadow-xs);
}

.mail--eigen[b-8lf2uw97q0] {
    margin-left: 26px;
    border-color: var(--brand-soft);
    background: var(--brand-wash);
}

.mail__kopf[b-8lf2uw97q0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2px 10px;
    margin: 0 0 12px;
    font-size: var(--text-sm);
}

.mail__kopf dt[b-8lf2uw97q0] {
    font-weight: 600;
    color: var(--text-muted);
}

.mail__kopf dd[b-8lf2uw97q0] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--text-body);
}

.mail__text[b-8lf2uw97q0] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.mail__text--klartext[b-8lf2uw97q0] {
    white-space: pre-line;
}

.mail__text[b-8lf2uw97q0]  img {
    max-width: 100%;
    height: auto;
}

/* /Shared/NachrichtenVerlauf.razor.rz.scp.css */
/* Eigener Scroll-Bereich über die ganze Fläche des Verlaufs. column-reverse: der Browser
   beginnt unten, die Unterhaltung öffnet bei der neuesten Nachricht und bleibt dort, wenn
   eine neue dazukommt (#2810, wie Web #2693). Die Reihenfolge trägt .nachrichten__reihen,
   margin-bottom: auto hält kurzen Inhalt oben. */
.nachrichten[b-svkc07begd] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column-reverse;
    overflow-y: auto;
    padding: 16px;
}

.nachrichten__reihen[b-svkc07begd] {
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nachrichten__tag[b-svkc07begd] {
    align-self: center;
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-subtle);
}

.nachrichten__reaktion[b-svkc07begd] {
    align-self: center;
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.blase[b-svkc07begd] {
    align-self: flex-start;
    max-width: 82%;
    padding: 12px 14px;
    border: 1px solid var(--border-soft);
    border-radius: 18px 18px 18px 6px;
    background: var(--surface-card);
    box-shadow: var(--shadow-xs);
}

.blase--eigen[b-svkc07begd] {
    align-self: flex-end;
    border-color: var(--brand-soft);
    border-radius: 18px 18px 6px 18px;
    background: var(--brand-wash);
}

.blase__text[b-svkc07begd] {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: 1.55;
    white-space: pre-line;
    overflow-wrap: anywhere;
}


.blase__zeit[b-svkc07begd] {
    display: block;
    padding-top: 4px;
    font-size: var(--text-xs);
    color: var(--text-subtle);
}

/* Gescheiterte oder unbestätigte Zustellung: sonst sähe die Antwort aus wie angekommen. */
.blase__zustellung[b-svkc07begd] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-top: 6px;
    font-family: var(--font-ui);
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--text-strong);
}

.blase__zustellung[b-svkc07begd]  svg {
    flex-shrink: 0;
    color: var(--danger-600);
}
/* /Shared/VorgangAnsicht.razor.rz.scp.css */
/* Kopf oben, Antwortleiste unten, dazwischen scrollt nur der Verlauf (#2810). */
.vorgang[b-unjcy7q49g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--surface-page);
}

.vorgang__kopf[b-unjcy7q49g] {
    background: var(--surface-card);
    border-bottom: 1px solid var(--border-soft);
}

.vorgang__kopfzeile[b-unjcy7q49g] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px 8px 12px;
}

.vorgang__zurueck[b-unjcy7q49g],
.vorgang__extern[b-unjcy7q49g],
.vorgang__knopf[b-unjcy7q49g] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--text-body);
}

/* Wie das Kürzel in der Zeile: wer zuständig ist, steht auf dem Knopf, der es ändert. */
.vorgang__zustaendig[b-unjcy7q49g] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    background: var(--brand-soft);
    color: var(--brand-strong);
    font-size: var(--text-xs);
    font-weight: 700;
}

.vorgang__erledigt[b-unjcy7q49g] {
    background: var(--brand-wash);
    color: var(--brand-strong);
}

.vorgang__rueckfrage[b-unjcy7q49g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 0 16px 12px;
}

.vorgang__rueckfrage-text[b-unjcy7q49g] {
    flex-grow: 1;
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-strong);
}

.vorgang__rueckfrage-nein[b-unjcy7q49g],
.vorgang__rueckfrage-ja[b-unjcy7q49g] {
    min-height: 44px;
    padding: 0 16px;
    border-radius: var(--radius-pill);
    font-family: var(--font-ui);
    font-size: var(--text-sm);
    font-weight: 600;
}

.vorgang__rueckfrage-nein[b-unjcy7q49g] {
    border: 1px solid var(--border-default);
    background: var(--surface-card);
    color: var(--text-body);
}

/* Abgedunkelt: Weiß auf --danger-600 bliebe knapp unter 4,5:1. */
.vorgang__rueckfrage-ja[b-unjcy7q49g] {
    border: 0;
    background: color-mix(in srgb, var(--danger-600) 85%, var(--ink-900));
    color: var(--text-on-brand);
}

.vorgang__meldung[b-unjcy7q49g] {
    margin: 0 16px 12px;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    background: var(--danger-100);
    color: var(--text-strong);
    font-size: var(--text-sm);
}

.vorgang__ueberschrift[b-unjcy7q49g] {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.vorgang__titel[b-unjcy7q49g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-strong);
}

.vorgang__unterzeile[b-unjcy7q49g] {
    font-size: var(--text-sm);
    color: var(--text-muted);
}

/* Eigener Scroll-Bereich: am Handy erbte der Vorgang sonst die Scrollhöhe der Liste.
   relative: der Nachrichtenverlauf legt seinen eigenen Scroll-Bereich über die ganze Fläche. */
.vorgang__verlauf[b-unjcy7q49g] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 16px;
}

.vorgang__laden[b-unjcy7q49g] {
    padding: 32px 0;
    text-align: center;
    color: var(--text-muted);
}

/* Am PC steht die Liste daneben, der Weg zurück ist dort die Liste selbst. */
@media (min-width: 960px) {
    .vorgang__zurueck[b-unjcy7q49g] {
        display: none;
    }

    .vorgang__kopfzeile[b-unjcy7q49g] {
        padding-left: 20px;
    }
}
/* /Shared/VorgangZeile.razor.rz.scp.css */
.zeile[b-mobno4r4p0] {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    background: var(--surface-card);
    border-bottom: 1px solid var(--border-soft);
}

.zeile__kachel[b-mobno4r4p0] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

.zeile__kachel--gruen[b-mobno4r4p0] { background: var(--green-100); color: var(--success-600); }
.zeile__kachel--rose[b-mobno4r4p0]  { background: var(--rose-100);  color: var(--accent-strong); }
.zeile__kachel--blau[b-mobno4r4p0]  { background: var(--blue-100);  color: var(--brand-strong); }
.zeile__kachel--sand[b-mobno4r4p0]  { background: var(--sand-100);  color: var(--text-muted); }

.zeile__text[b-mobno4r4p0] {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.zeile__kopf[b-mobno4r4p0] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.zeile__titel[b-mobno4r4p0] {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--text-strong);
}

.zeile__zeit[b-mobno4r4p0],
.zeile__unterzeile[b-mobno4r4p0] {
    flex-shrink: 0;
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.zeile__vorschau[b-mobno4r4p0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: 1.5;
}

.zeile__fuss[b-mobno4r4p0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.zeile__zustaendig[b-mobno4r4p0] {
    width: 22px;
    height: 22px;
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--brand-soft);
    color: var(--brand-strong);
    font-size: var(--text-2xs);
    font-weight: 700;
}
/* /Shared/ZurAnmeldung.razor.rz.scp.css */
.zur-anmeldung[b-8cx05qzvpu] {
    padding: 48px 16px;
    text-align: center;
    color: var(--text-muted);
}
/* /Shared/ZuweisenBlatt.razor.rz.scp.css */
.zuweisen-hintergrund[b-w05i4jnz8s] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: color-mix(in srgb, var(--ink-900) 45%, transparent);
}

.zuweisen[b-w05i4jnz8s] {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 41;
    max-height: 90dvh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px max(32px, env(safe-area-inset-bottom));
    border-radius: 28px 28px 0 0;
    background: var(--surface-card);
    box-shadow: var(--shadow-lg);
}

.zuweisen__griff[b-w05i4jnz8s] {
    align-self: center;
    width: 40px;
    height: 5px;
    border-radius: var(--radius-pill);
    background: var(--border-default);
}

.zuweisen__titel[b-w05i4jnz8s] {
    margin: 8px 4px 2px;
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 500;
    color: var(--text-strong);
}

.zuweisen__vorgang[b-w05i4jnz8s] {
    margin: 0 4px 10px;
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.zuweisen__wahl[b-w05i4jnz8s] {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    font-family: var(--font-ui);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-body);
    text-align: left;
}

.zuweisen__wahl--ich[b-w05i4jnz8s] {
    background: var(--brand-wash);
    color: var(--brand-strong);
}

.zuweisen__wahl--niemand[b-w05i4jnz8s] {
    color: var(--text-muted);
}

.zuweisen__avatar[b-w05i4jnz8s] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    background: var(--brand-soft);
    color: var(--brand-strong);
    font-size: var(--text-sm);
    font-weight: 700;
}

.zuweisen__avatar--niemand[b-w05i4jnz8s] {
    border: 1px dashed var(--border-strong);
    background: transparent;
    color: var(--text-muted);
}

.zuweisen__name[b-w05i4jnz8s] {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zuweisen__offen[b-w05i4jnz8s] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--text-muted);
}

.zuweisen__fehlt[b-w05i4jnz8s],
.zuweisen__hinweis[b-w05i4jnz8s] {
    margin: 10px 4px 0;
    font-size: var(--text-sm);
    line-height: 1.5;
    color: var(--text-muted);
}

/* Am PC als Aufklapper oben rechts, wie das Filterblatt. */
@media (min-width: 960px) {
    .zuweisen[b-w05i4jnz8s] {
        inset: 72px 24px auto auto;
        width: 420px;
        border-radius: var(--radius-lg);
    }
}