/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-sbxpx4avod],
.components-reconnect-repeated-attempt-visible[b-sbxpx4avod],
.components-reconnect-failed-visible[b-sbxpx4avod],
.components-pause-visible[b-sbxpx4avod],
.components-resume-failed-visible[b-sbxpx4avod],
.components-rejoining-animation[b-sbxpx4avod] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-retrying[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-failed[b-sbxpx4avod],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-sbxpx4avod] {
    display: block;
}


#components-reconnect-modal[b-sbxpx4avod] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-sbxpx4avod 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-sbxpx4avod 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-sbxpx4avod 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-sbxpx4avod]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-sbxpx4avod 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-sbxpx4avod {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-sbxpx4avod {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-sbxpx4avod {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-sbxpx4avod] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-sbxpx4avod] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-sbxpx4avod] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-sbxpx4avod] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-sbxpx4avod] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-sbxpx4avod] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-sbxpx4avod] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-sbxpx4avod 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-sbxpx4avod] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-sbxpx4avod {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/AssistantHistoryPage.razor.rz.scp.css */
/* Markdown der gespeicherten Antworten kommt als MarkupString → ::deep nötig. */
[b-sb2ygdv0cc] .assistant-history-answer h1,
[b-sb2ygdv0cc] .assistant-history-answer h2,
[b-sb2ygdv0cc] .assistant-history-answer h3 {
    font-size: 1.05rem;
    margin: 0.6rem 0 0.25rem;
}

[b-sb2ygdv0cc] .assistant-history-answer p {
    margin: 0.4rem 0;
}

[b-sb2ygdv0cc] .assistant-history-answer ul,
[b-sb2ygdv0cc] .assistant-history-answer ol {
    margin: 0.4rem 0;
    padding-left: 1.5rem;
}

[b-sb2ygdv0cc] .assistant-history-answer code {
    background-color: var(--mud-palette-background-gray);
    border-radius: 3px;
    padding: 0.1rem 0.3rem;
    font-size: 0.85em;
}

[b-sb2ygdv0cc] .assistant-history-answer table {
    border-collapse: collapse;
    margin: 0.4rem 0;
}

[b-sb2ygdv0cc] .assistant-history-answer th,
[b-sb2ygdv0cc] .assistant-history-answer td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 0.2rem 0.5rem;
}

/* Runden einer aufgeklappten Unterhaltung: Trennlinie zwischen Frage und Folgefragen. */
.assistant-history-turn + .assistant-history-turn[b-sb2ygdv0cc] {
    border-top: 1px solid var(--mud-palette-lines-default);
    margin-top: 1rem;
    padding-top: 1rem;
}

/* Rückmeldungen je Runde (2026-10-11): abgesetzt unter der Antwort, Kommentare eingerückt. */
.assistant-history-feedback[b-sb2ygdv0cc] {
    border-left: 3px solid var(--mud-palette-lines-default);
    padding-left: 0.75rem;
}

.assistant-history-feedback-item + .assistant-history-feedback-item[b-sb2ygdv0cc] {
    margin-top: 0.5rem;
}

[b-sb2ygdv0cc] .assistant-history-feedback-comment {
    margin: 0.15rem 0 0 0.25rem;
}
/* /Components/Pages/Admin/Feedback/FeedbackPage.razor.rz.scp.css */
/* Rückmeldungen → bewertete Assistent-Antwort in den Details. Markdown kommt als MarkupString → ::deep nötig
   (Muster AssistantHistoryPage). Die Box ist in der Höhe begrenzt und scrollt selbst. */
[b-2y56vzhvfy] .feedback-answer {
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
}

[b-2y56vzhvfy] .feedback-answer h1,
[b-2y56vzhvfy] .feedback-answer h2,
[b-2y56vzhvfy] .feedback-answer h3 {
    font-size: 1.05rem;
    margin: 0.6rem 0 0.25rem;
}

[b-2y56vzhvfy] .feedback-answer p {
    margin: 0.4rem 0;
}

[b-2y56vzhvfy] .feedback-answer ul,
[b-2y56vzhvfy] .feedback-answer ol {
    margin: 0.4rem 0;
    padding-left: 1.5rem;
}

[b-2y56vzhvfy] .feedback-answer code {
    background-color: var(--mud-palette-background-gray);
    border-radius: 3px;
    padding: 0.1rem 0.3rem;
    font-size: 0.85em;
}

[b-2y56vzhvfy] .feedback-answer table {
    border-collapse: collapse;
    margin: 0.4rem 0;
}

[b-2y56vzhvfy] .feedback-answer th,
[b-2y56vzhvfy] .feedback-answer td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 0.2rem 0.5rem;
}
/* /Components/Pages/Documents/DocumentListPage.razor.rz.scp.css */
/* Dokumente → Katalog einer Kategorie: eigene Link-Liste (siehe Kommentar in DocumentListPage.razor). */

.manual-entry[b-kf68vxsovc] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.manual-entry:last-child[b-kf68vxsovc] {
    border-bottom: 0;
}

.manual-entry:hover[b-kf68vxsovc],
.manual-entry:focus-visible[b-kf68vxsovc] {
    background-color: var(--mud-palette-action-default-hover);
    outline: none;
}

.manual-entry-icon[b-kf68vxsovc] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
}

.manual-entry-body[b-kf68vxsovc] {
    min-width: 0;
}

.manual-entry-title[b-kf68vxsovc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
/* /Components/Pages/Documents/DocumentPage.razor.rz.scp.css */
/* Dokumente → gerendertes Markdown-Dokument (Bildschirm + Druck).
   Der Inhalt kommt als MarkupString — die Kind-Elemente tragen kein Scope-Attribut,
   daher ::deep (Muster aus AssistantPage). Der schlichte Wurzel-<div class="manual-page">
   ist Pflicht — er trägt das Scope-Attribut, an dem ::deep hängt. */

[b-f33pjfgeoy] .manual-document {
    padding: 32px 40px;
}

[b-f33pjfgeoy] .manual-header {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    margin-bottom: 24px;
    padding-bottom: 16px;
}

[b-f33pjfgeoy] .manual-header .manual-title {
    margin-bottom: 4px;
}

[b-f33pjfgeoy] .manual-header .manual-meta {
    display: block;
    margin-top: 6px;
}

[b-f33pjfgeoy] .manual-header .manual-intro {
    margin-top: 12px;
    max-width: 75ch;
}

[b-f33pjfgeoy] .manual-content {
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 90ch;
}

/* Sprungziele (Inhaltsverzeichnis, Deep-Links) unter der fixen AppBar freihalten */
[b-f33pjfgeoy] .manual-content h2,
[b-f33pjfgeoy] .manual-content h3,
[b-f33pjfgeoy] .manual-content h4 {
    scroll-margin-top: calc(var(--mud-appbar-height, 64px) + 16px);
}

[b-f33pjfgeoy] .manual-content h2 {
    font-size: 1.35rem;
    font-weight: 600;
    margin: 32px 0 12px;
    padding-top: 8px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

[b-f33pjfgeoy] .manual-content h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 24px 0 8px;
}

[b-f33pjfgeoy] .manual-content h4 {
    font-size: 1rem;
    font-weight: 600;
    margin: 18px 0 6px;
}

[b-f33pjfgeoy] .manual-content p,
[b-f33pjfgeoy] .manual-content ul,
[b-f33pjfgeoy] .manual-content ol {
    margin: 0 0 12px;
}

[b-f33pjfgeoy] .manual-content ul,
[b-f33pjfgeoy] .manual-content ol {
    padding-left: 1.5rem;
}

[b-f33pjfgeoy] .manual-content li {
    margin-bottom: 4px;
}

[b-f33pjfgeoy] .manual-content a {
    color: var(--mud-palette-primary);
}

[b-f33pjfgeoy] .manual-content code {
    font-family: Consolas, Menlo, monospace;
    font-size: 0.85em;
    background-color: var(--mud-palette-background-gray);
    padding: 1px 5px;
    border-radius: 3px;
}

[b-f33pjfgeoy] .manual-content pre {
    background-color: var(--mud-palette-background-gray);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    padding: 12px 14px;
    margin: 0 0 16px;
    overflow-x: auto;
}

[b-f33pjfgeoy] .manual-content pre code {
    background: transparent;
    padding: 0;
    white-space: pre;
}

[b-f33pjfgeoy] .manual-content blockquote {
    border-left: 4px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-background-gray);
    margin: 0 0 16px;
    padding: 10px 16px;
}

[b-f33pjfgeoy] .manual-content blockquote p:last-child {
    margin-bottom: 0;
}

/* Aufgabenlisten (- [ ] / - [x]) — Markdig rendert deaktivierte Checkboxen */
[b-f33pjfgeoy] .manual-content li.task-list-item {
    list-style: none;
    margin-left: -1.25rem;
}

[b-f33pjfgeoy] .manual-content li.task-list-item input[type="checkbox"] {
    margin: 0 6px 0 0;
    vertical-align: middle;
}

/* breite Tabellen scrollen in ihrem Wrapper statt die Seite zu sprengen (mobil) */
[b-f33pjfgeoy] .manual-content .manual-table {
    overflow-x: auto;
    margin: 0 0 16px;
}

[b-f33pjfgeoy] .manual-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 0.9rem;
}

[b-f33pjfgeoy] .manual-content th,
[b-f33pjfgeoy] .manual-content td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 6px 10px;
    vertical-align: top;
    text-align: left;
}

[b-f33pjfgeoy] .manual-content th {
    background-color: var(--mud-palette-background-gray);
    font-weight: 600;
}

[b-f33pjfgeoy] .manual-content img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
}

[b-f33pjfgeoy] .manual-content hr {
    border: 0;
    border-top: 1px solid var(--mud-palette-lines-default);
    margin: 24px 0;
}

/* Inhaltsverzeichnis: klebt unter der AppBar, aktiver Abschnitt per Scroll-Listener (workbenchManualToc in workbench.js).
   Höhe auf das Fenster begrenzt, die Liste scrollt selbst — sonst wären bei langen Dokumenten
   (Release Notes: 50+ Einträge) die unteren Einträge des klebenden Blocks unerreichbar.
   Bewusst kein overscroll-behavior: contain — am Listenende läuft das Mausrad in die Seite weiter;
   ganz oben (Block noch unter der Toolbar, nicht angedockt) holt das den Listenrest ins Bild. */
[b-f33pjfgeoy] .manual-toc {
    position: sticky;
    top: calc(var(--mud-appbar-height, 64px) + 16px);
    max-height: calc(100vh - var(--mud-appbar-height, 64px) - 32px);
    display: flex;
    flex-direction: column;
}

[b-f33pjfgeoy] .manual-toc ul {
    list-style: none;
    margin: 0;
    padding: 0 4px 0 0;
    min-height: 0;
    overflow-y: auto;
}

[b-f33pjfgeoy] .manual-toc li a {
    display: block;
    padding: 3px 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
    text-decoration: none;
}

[b-f33pjfgeoy] .manual-toc li a:hover {
    color: var(--mud-palette-primary);
}

[b-f33pjfgeoy] .manual-toc li a.active {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

[b-f33pjfgeoy] .manual-toc li.manual-toc-level-3 a {
    padding-left: 14px;
    font-size: 0.8rem;
}

@media (max-width: 960px) {
    [b-f33pjfgeoy] .manual-document {
        padding: 20px 16px;
    }
}

@media print {
    @page {
        margin: 15mm;
    }

    [b-f33pjfgeoy] .manual-toolbar,
    [b-f33pjfgeoy] .manual-toc-column,
    [b-f33pjfgeoy] .manual-feedback {
        display: none !important;
    }

    /* Inhaltsspalte auf volle Seitenbreite, Papier-Rahmen weg */
    [b-f33pjfgeoy] .manual-column {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    [b-f33pjfgeoy] .manual-document {
        box-shadow: none !important;
        padding: 0 !important;
    }

    [b-f33pjfgeoy] .manual-content {
        max-width: none;
    }

    [b-f33pjfgeoy] .manual-content h2 {
        page-break-after: avoid;
    }

    [b-f33pjfgeoy] .manual-content pre,
    [b-f33pjfgeoy] .manual-content table,
    [b-f33pjfgeoy] .manual-content blockquote,
    [b-f33pjfgeoy] .manual-content img {
        page-break-inside: avoid;
    }
}
/* /Components/Pages/Documents/DocumentsPage.razor.rz.scp.css */
/* Dokumente → Übersicht der Kategorien: gleiche Link-Liste wie DocumentListPage (Kopie, Scoped CSS gilt je Komponente). */

.manual-entry[b-6xsr02fti4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.manual-entry:last-child[b-6xsr02fti4] {
    border-bottom: 0;
}

.manual-entry:hover[b-6xsr02fti4],
.manual-entry:focus-visible[b-6xsr02fti4] {
    background-color: var(--mud-palette-action-default-hover);
    outline: none;
}

.manual-entry-icon[b-6xsr02fti4] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
}

.manual-entry-body[b-6xsr02fti4] {
    min-width: 0;
}

.manual-entry-title[b-6xsr02fti4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
/* /Components/Pages/Tools/Assistant/AssistantPage.razor.rz.scp.css */
/* Alle Regeln brauchen ::deep: Die Klassen hängen an MudPaper (Kind-Komponente)
   bzw. an Markdown aus einem MarkupString — beides trägt kein Scope-Attribut.
   ::deep kompiliert zu „[b-xyz] .klasse" und braucht daher einen Vorfahren mit
   Scope-Attribut: Das ist der schlichte Wurzel-<div class="assistant-page"> der
   Seite. Ohne ihn (nur Mud-Komponenten als Vorfahren) greift keine Regel. */
[b-vcm4z47lmg] .assistant-question {
    background-color: var(--mud-palette-background-gray);
    border-left: 3px solid var(--mud-palette-primary);
}

[b-vcm4z47lmg] .assistant-similar-answer-wrap {
    background-color: var(--mud-palette-background-gray);
    border-left: 3px solid var(--mud-palette-info);
}

[b-vcm4z47lmg] .assistant-answer h1,
[b-vcm4z47lmg] .assistant-answer h2 {
    font-size: 1.25rem;
    margin: 0.75rem 0 0.5rem;
}

[b-vcm4z47lmg] .assistant-answer h3,
[b-vcm4z47lmg] .assistant-answer h4 {
    font-size: 1.05rem;
    margin: 0.75rem 0 0.25rem;
}

[b-vcm4z47lmg] .assistant-answer p {
    margin: 0.5rem 0;
}

[b-vcm4z47lmg] .assistant-answer ul,
[b-vcm4z47lmg] .assistant-answer ol {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

[b-vcm4z47lmg] .assistant-answer li {
    margin: 0.15rem 0;
}

[b-vcm4z47lmg] .assistant-answer code {
    background-color: var(--mud-palette-background-gray);
    border-radius: 3px;
    padding: 0.1rem 0.3rem;
    font-size: 0.85em;
}

[b-vcm4z47lmg] .assistant-answer pre {
    background-color: var(--mud-palette-background-gray);
    border-radius: 4px;
    padding: 0.75rem;
    overflow-x: auto;
}

[b-vcm4z47lmg] .assistant-answer table {
    border-collapse: collapse;
    margin: 0.5rem 0;
}

[b-vcm4z47lmg] .assistant-answer th,
[b-vcm4z47lmg] .assistant-answer td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 0.25rem 0.6rem;
}

[b-vcm4z47lmg] .assistant-answer blockquote {
    border-left: 3px solid var(--mud-palette-warning);
    margin: 0.5rem 0;
    padding: 0.25rem 0.75rem;
    background-color: var(--mud-palette-background-gray);
}
/* /Components/Pages/Tools/Assistant/ManualSectionChips.razor.rz.scp.css */
/* Der Chip steckt in einem echten Link: keine Link-Unterstreichung/-Farbe, Zeiger wie bei klickbaren Chips. */
.manual-section-chip-link[b-9i5asnwsyb] {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    max-width: 100%;
}

.manual-section-chip-link:focus-visible[b-9i5asnwsyb] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
    border-radius: 16px;
}

[b-9i5asnwsyb] .manual-section-chip {
    max-width: 100%;
}

[b-9i5asnwsyb] .manual-section-chip-linked {
    cursor: pointer;
}

/* Lange Titel brechen auf schmalen Bildschirmen (375 px) um, statt aus der Spalte zu laufen. */
[b-9i5asnwsyb] .manual-section-chip.mud-chip {
    height: auto;
    min-height: 24px;
}

[b-9i5asnwsyb] .manual-section-chip .mud-chip-content {
    white-space: normal;
    overflow-wrap: anywhere;
}