/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
/* Dasselbe Reitermuster wie im Aktenkopf; schmale Ansichten scrollen horizontal. */
.konto-reiter[b-mgxmiqo9ii] {
    display: flex;
    gap: 4px;
    margin: 0 -32px;
    padding: 0 22px;
    border-bottom: 1px solid var(--lachs-rand);
    overflow-x: auto;
    scrollbar-width: thin;
    flex-shrink: 0;
}

.konto-reiter a[b-mgxmiqo9ii] {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 42px;
    padding: 0 12px;
    color: var(--lachs-text-sekundaer);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.konto-reiter a:hover[b-mgxmiqo9ii] {
    color: var(--lachs-text);
}

.konto-reiter a.aktiv[b-mgxmiqo9ii] {
    color: var(--lachs-primaer-hover);
    font-weight: 600;
}

.konto-reiter a.aktiv[b-mgxmiqo9ii]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--lachs-primaer);
}

.konto-reiter a:focus-visible[b-mgxmiqo9ii] {
    outline: 2px solid var(--lachs-primaer);
    outline-offset: -4px;
    border-radius: var(--lachs-radius-klein);
}

@media (max-width: 1023.98px) {
    .konto-reiter[b-mgxmiqo9ii] {
        margin: 0 -16px;
        padding: 0 6px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-57nw1i7kfj] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-57nw1i7kfj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-9onyllj93q],
.components-reconnect-repeated-attempt-visible[b-9onyllj93q],
.components-reconnect-failed-visible[b-9onyllj93q],
.components-pause-visible[b-9onyllj93q],
.components-resume-failed-visible[b-9onyllj93q],
.components-rejoining-animation[b-9onyllj93q] {
    display: none;
}

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


#components-reconnect-modal[b-9onyllj93q] {
    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-9onyllj93q 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

.components-rejoining-animation[b-9onyllj93q] {
    width: 80px;
    height: 80px;
    border-radius: 0.5rem;
}
/* /Components/Layout/Universalsuche.razor.rz.scp.css */
.universalsuche[b-5rgsm966vx] {
    position: relative;
    flex: 0 1 380px;
    min-width: 160px;
}

.universalsuche[b-5rgsm966vx]  .universalsuche-lupe {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lachs-text-gedaempft);
    pointer-events: none;
}

.universalsuche-feld[b-5rgsm966vx] {
    width: 100%;
    height: var(--lachs-steuerelement-hoehe);
    padding: 0 10px 0 36px;
    border: 1px solid var(--lachs-rand-stark);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche-dezent);
    color: var(--lachs-text);
    font: inherit;
}

.universalsuche-feld:focus[b-5rgsm966vx] {
    outline: none;
    border-color: var(--lachs-primaer);
    background: var(--lachs-flaeche);
    box-shadow: var(--lachs-fokusring);
}

.universalsuche-liste[b-5rgsm966vx] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    width: max(100%, 440px);
    max-height: min(70vh, 560px);
    padding: 6px;
    overflow-y: auto;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche);
    box-shadow: var(--lachs-schatten-menue);
}

.universalsuche-gruppe[b-5rgsm966vx] {
    padding: 8px 10px 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--lachs-text-gedaempft);
}

.universalsuche-hinweis[b-5rgsm966vx] {
    padding: 10px;
    color: var(--lachs-text-gedaempft);
}

.universalsuche-eintrag[b-5rgsm966vx] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 10px;
    border-radius: var(--lachs-radius-klein);
    color: var(--lachs-text);
    text-decoration: none;
}

.universalsuche-eintrag[aria-selected="true"][b-5rgsm966vx] {
    background: var(--lachs-flaeche-hover);
}

.universalsuche-eintrag[b-5rgsm966vx]  .icon {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--lachs-text-sekundaer);
}

.universalsuche-eintrag[b-5rgsm966vx]  .typ-pdf { color: var(--lachs-typ-pdf); }
.universalsuche-eintrag[b-5rgsm966vx]  .typ-word { color: var(--lachs-typ-word); }
.universalsuche-eintrag[b-5rgsm966vx]  .typ-tabelle { color: var(--lachs-typ-tabelle); }

.universalsuche-text[b-5rgsm966vx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.universalsuche-titel[b-5rgsm966vx],
.universalsuche-zusatz[b-5rgsm966vx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.universalsuche-zusatz[b-5rgsm966vx] {
    font-size: 12px;
    color: var(--lachs-text-gedaempft);
}

.universalsuche-ausschnitt[b-5rgsm966vx] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 2px;
    font-size: 12px;
    color: var(--lachs-text-sekundaer);
}

@media (max-width: 1023.98px) {
    .universalsuche-liste[b-5rgsm966vx] {
        position: fixed;
        top: calc(var(--lachs-topbar-hoehe) + 4px);
        left: 16px;
        right: 16px;
        transform: none;
        width: auto;
    }
}
/* /Components/Pages/Akten/AkteBeteiligung.razor.rz.scp.css */
.beteiligte[b-l2823bly62] {
    padding-top: 18px;
}

.beteiligte-bemerkung[b-l2823bly62] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.beteiligte-kopf[b-l2823bly62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.beteiligte-kopf h2[b-l2823bly62] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.beteiligte-meldung[b-l2823bly62] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 10px 14px;
    border: 1px solid var(--lachs-rand);
    border-left: 4px solid var(--lachs-primaer);
    border-radius: var(--lachs-radius);
    font-size: 14px;
}

.beteiligte-meldung[b-l2823bly62]  .icon {
    color: var(--lachs-primaer);
    flex-shrink: 0;
}

.beteiligte-meldung.fehler[b-l2823bly62] {
    border-left-color: var(--lachs-sekundaer);
}

.beteiligte-meldung.fehler[b-l2823bly62]  .icon {
    color: var(--lachs-sekundaer);
}

.beteiligte-leer[b-l2823bly62] {
    max-width: 560px;
    margin: 32px auto;
    text-align: center;
    color: var(--lachs-text-sekundaer);
}

.beteiligte-leer .hinweis-titel[b-l2823bly62] {
    margin: 12px 0 4px;
    font-weight: 600;
    color: var(--lachs-text);
}
/* /Components/Pages/Akten/AkteDokumente.razor.rz.scp.css */
.arbeitsflaeche[b-zqikxo9nzd] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Liste links, Vorschau rechts; beide scrollen unabhängig. Zusätzliche Breite bekommt die Vorschau.
   Am Trenner gezogen, setzt dokumente.js --liste-gezogen; Liste und Vorschau behalten dabei eine Mindestbreite. */
.dokumente[b-zqikxo9nzd] {
    position: relative;
    --liste-breite: clamp(340px, 31vw, 500px);
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: clamp(280px, var(--liste-gezogen, var(--liste-breite)), calc(100% - 360px)) minmax(0, 1fr);
    margin-right: -12px;
}

/* Ablagefläche: erscheint nur, während Dateien oder E-Mails darübergezogen werden (Klasse aus dokumente.js). */
.ablage-hinweis[b-zqikxo9nzd] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 2px dashed var(--lachs-primaer);
    border-radius: var(--lachs-radius);
    background: color-mix(in srgb, var(--lachs-flaeche) 88%, transparent);
    color: var(--lachs-primaer);
    font-size: 16px;
    font-weight: 600;
    pointer-events: none; /* sonst stört das Overlay dragenter/dragleave */
}

.ablage-unterzeile[b-zqikxo9nzd] {
    color: var(--lachs-text-sekundaer);
    font-size: 13px;
    font-weight: 400;
}

.dokumente.ablage-aktiv .ablage-hinweis[b-zqikxo9nzd] {
    display: flex;
}

.dokumente.ohne-vorschau[b-zqikxo9nzd] {
    grid-template-columns: minmax(0, 1fr);
    margin-right: 0;
}

@media (max-width: 1365.98px) {
    .dokumente[b-zqikxo9nzd] {
        --liste-breite: 380px;
    }

    .dok-liste[b-zqikxo9nzd] {
        padding-right: 16px;
    }

    .dok-liste-kopf h2[b-zqikxo9nzd] {
        font-size: 18px;
    }

    .dok-steuerung[b-zqikxo9nzd] {
        column-gap: 12px;
    }
}

/* ---------- Dokumentliste ---------- */

.dok-liste[b-zqikxo9nzd] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    padding: 18px 24px 0 4px;
    border-right: 1px solid var(--lachs-rand);
}

/* Greifbereich auf der Trennlinie zwischen Liste und Vorschau. */
.dok-trenner[b-zqikxo9nzd] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -6px;
    z-index: 5;
    width: 11px;
    cursor: col-resize;
    touch-action: none;
}

.dok-trenner[b-zqikxo9nzd]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    width: 3px;
    border-radius: 2px;
    background: transparent;
    transition: background-color .15s;
}

.dok-trenner:hover[b-zqikxo9nzd]::after,
.dok-trenner.zieht[b-zqikxo9nzd]::after {
    background: var(--lachs-primaer);
}

.dok-trenner:focus-visible[b-zqikxo9nzd] {
    outline: none;
}

.dok-trenner:focus-visible[b-zqikxo9nzd]::after {
    background: var(--lachs-primaer);
    box-shadow: var(--lachs-fokusring);
}

.ohne-vorschau .dok-liste[b-zqikxo9nzd] {
    border-right: 0;
    padding-right: 0;
}

.dok-liste-kopf[b-zqikxo9nzd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    min-height: 40px;
    margin-bottom: 14px;
}

.dok-liste-kopf h2[b-zqikxo9nzd] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.dok-anzahl[b-zqikxo9nzd] {
    font-size: 14px;
    color: var(--lachs-text-sekundaer);
}

.dok-steuerung[b-zqikxo9nzd] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px 16px;
    margin-bottom: 12px;
}

.dok-steuerung.zwei-spalten[b-zqikxo9nzd] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
}

.ohne-vorschau .dok-steuerung[b-zqikxo9nzd] {
    max-width: 760px;
}

.dok-vorschaumodus[b-zqikxo9nzd] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.dok-vorschaumodus .form-check-input[b-zqikxo9nzd] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
}

.dok-suche[b-zqikxo9nzd],
.dok-sortierung[b-zqikxo9nzd] {
    position: relative;
    min-width: 0;
}

.dok-suche[b-zqikxo9nzd]  .icon,
.dok-sortierung[b-zqikxo9nzd]  .icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lachs-text-gedaempft);
    pointer-events: none;
}

.dok-suche .l-eingabe[b-zqikxo9nzd],
.dok-sortierung .l-auswahl[b-zqikxo9nzd] {
    padding-left: 38px;
}

.dok-hinweis[b-zqikxo9nzd] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin: 0 0 10px;
    padding: 8px 10px;
    border-radius: var(--lachs-radius-klein);
    background: var(--lachs-flaeche-dezent);
    font-size: 13px;
    color: var(--lachs-text-sekundaer);
}

.dok-hinweis[b-zqikxo9nzd]  .icon {
    flex-shrink: 0;
    margin-top: 1px;
}

.dok-zeilen[b-zqikxo9nzd] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    margin: 0 -10px 0 -4px;
    padding: 0 6px 0 0;
    list-style: none;
    border-top: 1px solid var(--lachs-rand);
    scrollbar-gutter: stable;
}

.dok-zeile[b-zqikxo9nzd] {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--lachs-rand);
}

.dok-zeile:hover[b-zqikxo9nzd] {
    background: var(--lachs-flaeche-hover);
}

.dok-zeile.ausgewaehlt[b-zqikxo9nzd] {
    background: var(--lachs-flaeche-auswahl);
}

/* Auswahl nicht nur über die Farbe: zusätzlich die Markierung links. */
.dok-zeile.ausgewaehlt[b-zqikxo9nzd]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--lachs-primaer);
}

.dok-auswahl[b-zqikxo9nzd] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 54px;
    padding: 7px 8px 7px 20px;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.dok-auswahl:focus-visible[b-zqikxo9nzd] {
    outline: 2px solid var(--lachs-primaer);
    outline-offset: -3px;
    border-radius: var(--lachs-radius-klein);
}

.dok-auswahl[b-zqikxo9nzd]  .icon {
    flex-shrink: 0;
}

.dok-text[b-zqikxo9nzd] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Anhänge einer E-Mail stehen eingerückt unter ihr. */
.dok-anhang .dok-auswahl[b-zqikxo9nzd] {
    padding-left: 48px;
}

.dok-name[b-zqikxo9nzd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: var(--lachs-text);
}

.ausgewaehlt .dok-name[b-zqikxo9nzd] {
    font-weight: 600;
}

.dok-meta[b-zqikxo9nzd] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: var(--lachs-text-gedaempft);
    white-space: nowrap;
}

.bezeichnung-dateiname[b-zqikxo9nzd] {
    overflow-wrap: anywhere;
}

/* Fundstelle der Suche im erkannten Text (OCR), höchstens zwei Zeilen. */
.dok-fundstelle[b-zqikxo9nzd] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4;
    color: var(--lachs-text-sekundaer);
}

.dok-fundstelle mark[b-zqikxo9nzd] {
    padding: 0 1px;
    border-radius: 2px;
    background: var(--lachs-flaeche-auswahl);
    color: var(--lachs-primaer-hover);
    font-weight: 600;
}

.dok-menue-knopf[b-zqikxo9nzd] {
    margin-right: 8px;
}

.dok-leer[b-zqikxo9nzd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 32px 16px;
    border-top: 1px solid var(--lachs-rand);
    text-align: center;
    color: var(--lachs-text-sekundaer);
}

.dok-leer p[b-zqikxo9nzd] {
    margin: 0;
}

.dok-leer[b-zqikxo9nzd]  .icon {
    color: var(--lachs-rand-stark);
    margin-bottom: 6px;
}

.dok-leer .l-knopf[b-zqikxo9nzd] {
    margin-top: 10px;
}

.hinweis-titel[b-zqikxo9nzd] {
    font-size: 15px;
    font-weight: 600;
    color: var(--lachs-text);
}

.dok-fuss[b-zqikxo9nzd] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0 12px;
    font-size: 13px;
    color: var(--lachs-text-sekundaer);
}

/* Unauffälliger Textknopf für den Wechsel zwischen Dokumenten und Papierkorb. */
.dok-papierkorb-knopf[b-zqikxo9nzd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px;
    border: 0;
    border-radius: var(--lachs-radius-klein);
    background: none;
    color: var(--lachs-text-sekundaer);
    font: inherit;
    cursor: pointer;
}

.dok-papierkorb-knopf:hover[b-zqikxo9nzd] {
    background: var(--lachs-flaeche-hover);
    color: var(--lachs-text);
}

.dok-papierkorb-knopf:focus-visible[b-zqikxo9nzd] {
    outline: none;
    box-shadow: var(--lachs-fokusring);
}

/* Dateityp-Farben; der Typ ist zusätzlich am Icon und an der Endung erkennbar. */
[b-zqikxo9nzd] .typ-pdf { color: var(--lachs-typ-pdf); }
[b-zqikxo9nzd] .typ-word { color: var(--lachs-typ-word); }
[b-zqikxo9nzd] .typ-tabelle { color: var(--lachs-typ-tabelle); }
[b-zqikxo9nzd] .typ-sonstige { color: var(--lachs-text-sekundaer); }

/* ---------- Vorschau ---------- */

.dok-vorschau[b-zqikxo9nzd] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    padding: 18px 0 16px 20px;
}

.vorschau-kopf[b-zqikxo9nzd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    flex-wrap: wrap;
    min-height: 40px;
    margin-bottom: 14px;
}

.vorschau-titel[b-zqikxo9nzd] {
    flex: 1 1 200px;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.vorschau-titel[b-zqikxo9nzd]  .icon {
    flex-shrink: 0;
}

.vorschau-titel h2[b-zqikxo9nzd] {
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 600;
}

.dok-aktionen[b-zqikxo9nzd] {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

/* ---------- Meldungen (unten rechts) ---------- */

.meldungen[b-zqikxo9nzd] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 40;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: min(420px, calc(100vw - 32px));
    pointer-events: none;
}

.meldung[b-zqikxo9nzd] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 6px 10px 14px;
    border: 1px solid var(--lachs-rand);
    border-left: 4px solid var(--lachs-text-gedaempft);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche);
    box-shadow: var(--lachs-schatten-menue);
    font-size: 14px;
    pointer-events: auto;
}

/* Der Lade-Kreis ist auch ein span, darf aber nicht in die Breite gezogen werden. */
.meldung > span:not(.l-lader)[b-zqikxo9nzd] {
    flex: 1;
    padding-top: 1px;
}

.meldung[b-zqikxo9nzd]  .icon {
    flex-shrink: 0;
    margin-top: 1px;
}

.meldung .l-knopf-icon[b-zqikxo9nzd] {
    width: 28px;
    height: 28px;
    margin-top: -4px;
}

.meldung.erfolg[b-zqikxo9nzd] {
    border-left-color: var(--lachs-primaer);
}

.meldung.erfolg[b-zqikxo9nzd] >  .icon {
    color: var(--lachs-primaer);
}

.meldung.fehler[b-zqikxo9nzd] {
    border-left-color: var(--lachs-sekundaer);
}

.meldung.fehler[b-zqikxo9nzd] >  .icon {
    color: var(--lachs-sekundaer);
}

.meldung.hochladen[b-zqikxo9nzd] {
    border-left-color: var(--lachs-primaer);
}

.hochladen-balken[b-zqikxo9nzd] {
    display: block;
    width: 100%;
    height: 6px;
    margin-top: 8px;
    border: 0;
    border-radius: 3px;
    background: var(--lachs-flaeche-viewer);
    appearance: none;
    overflow: hidden;
}

.hochladen-balken[b-zqikxo9nzd]::-webkit-progress-bar {
    background: var(--lachs-flaeche-viewer);
}

.hochladen-balken[b-zqikxo9nzd]::-webkit-progress-value {
    background: var(--lachs-primaer);
    transition: width 0.2s;
}

.hochladen-balken[b-zqikxo9nzd]::-moz-progress-bar {
    background: var(--lachs-primaer);
}

.hochladen-stand[b-zqikxo9nzd] {
    display: block;
    margin-top: 4px;
    color: var(--lachs-text-gedaempft);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

/* ---------- Schmale Fenster ---------- */

@media (max-width: 1023.98px) {
    .dokumente[b-zqikxo9nzd] {
        --liste-breite: 300px;
        margin-right: 0;
    }

    .dok-liste[b-zqikxo9nzd] {
        padding-right: 16px;
    }

    .dok-vorschau[b-zqikxo9nzd] {
        padding-left: 16px;
    }
}

@media (max-width: 759.98px) {
    .dokumente[b-zqikxo9nzd] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(260px, 45%) minmax(0, 1fr);
    }

    .dok-trenner[b-zqikxo9nzd] {
        display: none;
    }

    .dok-liste[b-zqikxo9nzd] {
        border-right: 0;
        border-bottom: 1px solid var(--lachs-rand);
        padding-right: 0;
    }

    .dok-vorschau[b-zqikxo9nzd] {
        padding-left: 0;
    }
}

/* Stand der Volltextsuche, solange der Hintergrunddienst noch Text ausliest. */
.dok-volltext[b-zqikxo9nzd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-left: auto;
    overflow: hidden;
    color: var(--lachs-text-gedaempft);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dok-volltext .l-lader[b-zqikxo9nzd] {
    width: 12px;
    height: 12px;
    border-width: 2px;
}
/* /Components/Pages/Akten/AkteKopf.razor.rz.scp.css */
.akte-kopf[b-akgn48dw5z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 0 12px;
}

.akte-kopf-text[b-akgn48dw5z] {
    min-width: 0;
}

.akte-kopf h1[b-akgn48dw5z] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    margin: 0 0 4px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.akte-bezeichnung[b-akgn48dw5z] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.akte-unterzeile[b-akgn48dw5z] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 15px;
    color: var(--lachs-text-sekundaer);
}

/* Lange Reiterzeile scrollt in sich, die Seite selbst nie. */
.akte-reiter[b-akgn48dw5z] {
    display: flex;
    gap: 4px;
    margin: 0 -32px;
    padding: 0 22px;
    border-bottom: 1px solid var(--lachs-rand);
    overflow-x: auto;
    scrollbar-width: thin;
    flex-shrink: 0;
}

.akte-reiter a[b-akgn48dw5z] {
    position: relative;
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 12px;
    color: var(--lachs-text-sekundaer);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.akte-reiter a:hover[b-akgn48dw5z] {
    color: var(--lachs-text);
}

.akte-reiter a.aktiv[b-akgn48dw5z] {
    color: var(--lachs-primaer-hover);
    font-weight: 600;
}

.akte-reiter a.aktiv[b-akgn48dw5z]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--lachs-primaer);
}

.akte-reiter a:focus-visible[b-akgn48dw5z] {
    outline: 2px solid var(--lachs-primaer);
    outline-offset: -4px;
    border-radius: var(--lachs-radius-klein);
}

@media (max-width: 1023.98px) {
    .akte-reiter[b-akgn48dw5z] {
        margin: 0 -16px;
        padding: 0 6px;
    }

    .akte-kopf h1[b-akgn48dw5z] {
        font-size: 24px;
    }
}

/* Wer die Akte gerade ebenfalls geöffnet hat – überlappende Kreise wie in Google Docs. */
.akte-anwesende[b-akgn48dw5z] {
    display: flex;
    flex-shrink: 0;
    margin: 4px 0 0;
    padding: 0 0 0 8px;
    list-style: none;
}

.anwesend[b-akgn48dw5z] {
    position: relative;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-left: -8px;
    border: 2px solid var(--lachs-flaeche);
    border-radius: 50%;
    background: var(--anwesend-farbe, #3d4652);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: default;
}

.anwesend.weitere[b-akgn48dw5z] {
    background: var(--lachs-flaeche-viewer);
    color: var(--lachs-text-sekundaer);
}

.anwesend:hover[b-akgn48dw5z],
.anwesend:focus-visible[b-akgn48dw5z] {
    z-index: 1;
    outline: none;
    box-shadow: var(--lachs-fokusring);
}

/* Voller Name beim Überfahren, sofort und ohne die Verzögerung des title-Attributs. */
.anwesend[b-akgn48dw5z]::after {
    content: attr(data-name);
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    padding: 4px 8px;
    border-radius: var(--lachs-radius-klein);
    background: var(--lachs-text);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    white-space: pre;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
}

.anwesend:hover[b-akgn48dw5z]::after,
.anwesend:focus-visible[b-akgn48dw5z]::after {
    opacity: 1;
}
/* /Components/Pages/Akten/AkteTermine.razor.rz.scp.css */
.termine-leiste[b-1rupdhpb5m] {
    display: flex;
    gap: 8px;
    margin: 20px 0 8px;
}

.termine-ueberschrift[b-1rupdhpb5m] {
    margin: 20px 0 8px;
    font-size: 16px;
    font-weight: 600;
}

.termine-tabelle[b-1rupdhpb5m] {
    max-width: 1100px;
}

.kalender-punkt[b-1rupdhpb5m] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 50%;
    background: var(--kal-farbe);
}

.privat[b-1rupdhpb5m] {
    margin-left: 6px;
    padding: 1px 6px;
    border: 1px solid var(--lachs-rand-stark);
    border-radius: 4px;
    font-size: 12px;
    color: var(--lachs-text-sekundaer);
}
/* /Components/Pages/Akten/AkteUebersicht.razor.rz.scp.css */
.zustaendig[b-9en7qzf1zm],
.referat[b-9en7qzf1zm],
.bezeichnung[b-9en7qzf1zm],
.status[b-9en7qzf1zm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.zustaendig .form-select[b-9en7qzf1zm],
.referat .form-select[b-9en7qzf1zm] {
    width: auto;
    min-width: 240px;
    max-width: 100%;
}

.bezeichnung .form-control[b-9en7qzf1zm] {
    flex: 1 1 320px;
    max-width: 640px;
}

.akte-meldung[b-9en7qzf1zm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 10px 14px;
    border: 1px solid var(--lachs-rand);
    border-left: 4px solid var(--lachs-primaer);
    border-radius: var(--lachs-radius);
    font-size: 14px;
}

.akte-meldung[b-9en7qzf1zm]  .icon {
    color: var(--lachs-primaer);
    flex-shrink: 0;
}

.akte-meldung.fehler[b-9en7qzf1zm] {
    border-left-color: var(--lachs-sekundaer);
}

.akte-meldung.fehler[b-9en7qzf1zm]  .icon {
    color: var(--lachs-sekundaer);
}
/* /Components/Pages/Akten/BeteiligungHinzufuegenDialog.razor.rz.scp.css */
.suche[b-bkroofr284] {
    position: relative;
}

.suche[b-bkroofr284]  .icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lachs-text-gedaempft);
    pointer-events: none;
}

.suche .l-eingabe[b-bkroofr284] {
    padding-left: 38px;
}

.treffer[b-bkroofr284] {
    max-height: min(360px, 45vh);
    overflow-y: auto;
}

.treffer ul[b-bkroofr284] {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
}

.treffer li + li[b-bkroofr284] {
    border-top: 1px solid var(--lachs-rand);
}

.treffer-eintrag[b-bkroofr284] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    padding: 10px 14px;
    border: 0;
    background: none;
    color: var(--lachs-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.treffer-eintrag:hover[b-bkroofr284] {
    background: var(--lachs-flaeche-hover);
}

.treffer-eintrag:focus-visible[b-bkroofr284] {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--lachs-primaer);
}

.treffer-name[b-bkroofr284] {
    display: block;
    font-weight: 600;
}

.treffer-details[b-bkroofr284],
.treffer-beteiligt[b-bkroofr284] {
    display: block;
    font-size: 13px;
    color: var(--lachs-text-sekundaer);
}

.treffer-beteiligt[b-bkroofr284] {
    color: var(--lachs-primaer-hover);
}

.treffer-hinweis[b-bkroofr284] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--lachs-text-sekundaer);
}

.gewaehlt[b-bkroofr284] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche-dezent);
}

.neue-adresse[b-bkroofr284] {
    margin-right: auto;
}

@media (max-width: 575.98px) {
    .l-dialog-fuss[b-bkroofr284] {
        flex-wrap: wrap;
    }

    .gewaehlt[b-bkroofr284] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Akten/DokumentSendenDialog.razor.rz.scp.css */
.senden[b-oroiklwygy] {
    width: min(620px, calc(100vw - 32px));
}

.anhang[b-oroiklwygy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 8px 12px;
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche-dezent);
    overflow-wrap: anywhere;
}

.anhang-aendern[b-oroiklwygy] {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--lachs-primaer);
    text-decoration: underline;
    cursor: pointer;
}

.frage p[b-oroiklwygy] {
    margin: 0 0 8px;
}

.hinweis[b-oroiklwygy] {
    margin: 0;
}

.empfaenger[b-oroiklwygy] {
    margin-bottom: 16px;
}

.empfaenger legend[b-oroiklwygy] {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
}

.empfaenger ul[b-oroiklwygy] {
    max-height: min(280px, 35vh);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
}

.empfaenger li[b-oroiklwygy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 14px;
}

.empfaenger li + li[b-oroiklwygy] {
    border-top: 1px solid var(--lachs-rand);
}

.beteiligter[b-oroiklwygy] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.form-check[b-oroiklwygy] {
    margin: 0;
}

.form-check-label[b-oroiklwygy] {
    overflow-wrap: anywhere;
}
/* /Components/Pages/Akten/DokumentVorschau.razor.rz.scp.css */
.viewer[b-gei4k7fonw] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche-viewer);
    overflow: hidden;
}

.viewer-leiste[b-gei4k7fonw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 4px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--lachs-rand);
    background: var(--lachs-flaeche);
}

.leiste-gruppe[b-gei4k7fonw] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.leiste-trenner[b-gei4k7fonw] {
    width: 1px;
    height: 24px;
    margin: 0 10px;
    background: var(--lachs-rand);
}

.leiste-rechts[b-gei4k7fonw] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.leiste-text-knopf[b-gei4k7fonw] {
    height: 36px;
    padding: 0 12px;
}

.seiten-eingabe[b-gei4k7fonw] {
    width: 56px;
    padding: 0 6px;
    text-align: center;
    -moz-appearance: textfield;
}

.seiten-eingabe[b-gei4k7fonw]::-webkit-inner-spin-button,
.seiten-eingabe[b-gei4k7fonw]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.seiten-gesamt[b-gei4k7fonw] {
    min-width: 34px;
    padding: 0 4px;
    color: var(--lachs-text-sekundaer);
    white-space: nowrap;
}

.zoom-auswahl[b-gei4k7fonw] {
    width: 96px;
}

.l-lader.lader-hell[b-gei4k7fonw] {
    border-color: rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
}

/* Die Fläche scrollt in beide Richtungen; die Seite bleibt mittig, solange sie hineinpasst. */
.viewer-flaeche[b-gei4k7fonw] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 16px 24px 24px;
}

.viewer-buehne[b-gei4k7fonw] {
    display: grid;
    justify-items: center;
    width: max-content;
    min-width: 100%;
}

.bild-seite[b-gei4k7fonw],
.text-seite[b-gei4k7fonw] {
    display: block;
    background: #fff;
    box-shadow: var(--lachs-schatten-seite);
}

/* Die Canvas-Elemente entstehen in dokumente.js und tragen kein Scope-Attribut – daher ::deep. */
.pdf-seiten[b-gei4k7fonw] {
    display: grid;
    justify-items: center;
    gap: 16px;
}

.pdf-seiten[b-gei4k7fonw]  .pdf-seite {
    display: block;
    background: #fff;
    box-shadow: var(--lachs-schatten-seite);
}

.pdf-seiten.unsichtbar[b-gei4k7fonw] {
    visibility: hidden;
}

.bild-seite[b-gei4k7fonw] {
    width: calc(794px * var(--zoom));
    max-width: none;
    height: auto;
}

.text-seite[b-gei4k7fonw] {
    width: calc(794px * var(--zoom));
    min-height: calc(1123px * var(--zoom));
    padding: calc(72px * var(--zoom)) calc(76px * var(--zoom));
    font-size: calc(14px * var(--zoom));
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: var(--lachs-text);
}

.email-seite[b-gei4k7fonw] {
    white-space: normal;
}

.email-betreff[b-gei4k7fonw] {
    margin: 0 0 0.8em;
    font-size: 1.3em;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.email-kopf[b-gei4k7fonw] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.2em 1em;
    margin: 0 0 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--lachs-rand);
}

.email-kopf dt[b-gei4k7fonw] {
    font-weight: 500;
    color: var(--lachs-text-sekundaer);
}

.email-kopf dd[b-gei4k7fonw] {
    margin: 0;
}

.email-anhaenge[b-gei4k7fonw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: 0 0 1.2em;
    padding: 0;
    list-style: none;
}

.email-anhaenge li[b-gei4k7fonw] {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    max-width: 100%;
    padding: 0.3em 0.6em;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche-dezent);
}

.email-anhang[b-gei4k7fonw] {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    overflow-wrap: anywhere;
}

button.email-anhang[b-gei4k7fonw] {
    color: var(--lachs-primaer);
    text-decoration: underline;
    cursor: pointer;
}

.email-anhang-groesse[b-gei4k7fonw] {
    color: var(--lachs-text-gedaempft);
    white-space: nowrap;
}

.email-text[b-gei4k7fonw] {
    white-space: pre-wrap;
}

.text-editor[b-gei4k7fonw] {
    display: block;
    width: 100%;
    min-height: calc(980px * var(--zoom));
    padding: 0;
    border: 0;
    outline: 1px dashed var(--lachs-rand-stark);
    outline-offset: 12px;
    resize: vertical;
    background: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
}

.text-editor:focus[b-gei4k7fonw] {
    outline: 2px solid var(--lachs-primaer);
}

.viewer-laden[b-gei4k7fonw] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--lachs-text-sekundaer);
}

.viewer-hinweis[b-gei4k7fonw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 440px;
    margin: 64px auto;
    padding: 32px;
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche);
    text-align: center;
    color: var(--lachs-text-sekundaer);
}

.viewer-hinweis p[b-gei4k7fonw] {
    margin: 0;
}

.viewer-hinweis[b-gei4k7fonw]  .icon {
    color: var(--lachs-text-gedaempft);
    margin-bottom: 4px;
}

.hinweis-titel[b-gei4k7fonw] {
    font-size: 15px;
    font-weight: 600;
    color: var(--lachs-text);
}

.hinweis-knoepfe[b-gei4k7fonw] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.viewer-hinweis > .l-knopf[b-gei4k7fonw] {
    margin-top: 8px;
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-kopf[b-nkprlfy3qj] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 20px;
}

.dashboard-datum[b-nkprlfy3qj] {
    color: var(--lachs-text-sekundaer);
}

/* Drei Spalten: Termine, Fristen, Wiedervorlagen – oben heute, darunter die Woche. */
.dashboard-raster[b-nkprlfy3qj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    max-width: 1400px;
}

@media (max-width: 1199.98px) {
    .dashboard-raster[b-nkprlfy3qj] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.karte[b-nkprlfy3qj] {
    padding: 16px 18px;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche);
}

.karte-breit[b-nkprlfy3qj] {
    grid-column: 1 / -1;
}

.karte-platzhalter[b-nkprlfy3qj] {
    border-style: dashed;
    border-color: var(--lachs-rand-stark);
    background: var(--lachs-flaeche-dezent);
}

.karte-kopf[b-nkprlfy3qj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.karte-kopf h2[b-nkprlfy3qj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.karte-kopf h2[b-nkprlfy3qj]  .icon {
    color: var(--lachs-primaer);
}

.karte-platzhalter .karte-kopf h2[b-nkprlfy3qj]  .icon {
    color: var(--lachs-text-gedaempft);
}

.karte-kopf a[b-nkprlfy3qj] {
    flex-shrink: 0;
    font-size: 13px;
}

.karte-hinweis[b-nkprlfy3qj] {
    margin: 0;
    color: var(--lachs-text-sekundaer);
}

.karte .table[b-nkprlfy3qj] {
    --bs-table-bg: transparent;
}

.termin-liste[b-nkprlfy3qj] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.termin[b-nkprlfy3qj] {
    display: flex;
    gap: 12px;
    padding: 6px 0;
    border-top: 1px solid var(--lachs-rand);
}

.termin:first-child[b-nkprlfy3qj] {
    border-top: none;
}

.termin-zeit[b-nkprlfy3qj] {
    flex: none;
    width: 82px;
    color: var(--lachs-text-sekundaer);
    font-variant-numeric: tabular-nums;
}

.termin-inhalt[b-nkprlfy3qj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.termin-titel[b-nkprlfy3qj] {
    font-weight: 500;
    overflow-wrap: anywhere;
}

.termin-details[b-nkprlfy3qj] {
    font-size: 13px;
    color: var(--lachs-text-sekundaer);
}

.wochentag + .wochentag[b-nkprlfy3qj] {
    margin-top: 12px;
}

.wochentag.vorbei[b-nkprlfy3qj] {
    opacity: 0.6;
}

.wochentag-titel[b-nkprlfy3qj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 2px;
    font-size: 13px;
    font-weight: 600;
}

.wochentag-titel a[b-nkprlfy3qj] {
    color: var(--lachs-text);
    text-decoration: none;
}

.wochentag-titel a:hover[b-nkprlfy3qj] {
    text-decoration: underline;
}

.heute-marke[b-nkprlfy3qj] {
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--lachs-text-auf-primaer);
    background: var(--lachs-primaer);
}

.kalender-punkt[b-nkprlfy3qj] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 50%;
    background: var(--kal-farbe);
}

.privat[b-nkprlfy3qj] {
    margin-left: 6px;
    padding: 1px 6px;
    border: 1px solid var(--lachs-rand-stark);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--lachs-text-sekundaer);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Aktenliste scrollt oben, die Beteiligten-Vorschau bleibt unten stehen. */
.akten-liste[b-cvg8serpm9] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.akten-liste thead th[b-cvg8serpm9] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--lachs-flaeche);
}

.akten-liste tbody tr[b-cvg8serpm9] {
    cursor: pointer;
}

.vorschau[b-cvg8serpm9] {
    flex-shrink: 0;
    max-height: 34vh;
    overflow: auto;
    margin: 0 -32px;
    padding: 12px 32px 16px;
    border-top: 1px solid var(--lachs-rand);
    background: var(--lachs-flaeche-dezent);
}

.vorschau-kopf[b-cvg8serpm9] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.vorschau-kopf h2[b-cvg8serpm9] {
    margin: 0;
    min-width: 0;
    font-size: 16px;
    font-weight: 600;
}

.vorschau-akte[b-cvg8serpm9] {
    margin-left: 8px;
    font-weight: 500;
    color: var(--lachs-text-sekundaer);
    overflow-wrap: anywhere;
}

.vorschau-kopf a[b-cvg8serpm9] {
    flex-shrink: 0;
    font-size: 14px;
}

.vorschau-hinweis[b-cvg8serpm9] {
    margin: 0;
    font-size: 14px;
    color: var(--lachs-text-sekundaer);
}

.vorschau .table[b-cvg8serpm9] {
    --bs-table-bg: transparent;
    font-size: 14px;
}

@media (max-width: 1023.98px) {
    .vorschau[b-cvg8serpm9] {
        margin: 0 -16px;
        padding: 12px 16px 16px;
    }
}

.arbeitsflaeche[b-cvg8serpm9] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* /Components/Pages/Kalender/KalenderSeite.razor.rz.scp.css */
.kalender[b-vvgy2pfubv] {
    display: flex;
    gap: 24px;
    min-height: 100%;
}

/* --- Kalenderauswahl links --- */
.kalender-auswahl[b-vvgy2pfubv] {
    flex: 0 0 210px;
}

.kalender-auswahl .neu[b-vvgy2pfubv] {
    width: 100%;
    margin-bottom: 20px;
}

.kalender-auswahl h2[b-vvgy2pfubv] {
    margin: 16px 0 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--lachs-text-gedaempft);
}

.kalender-auswahl ul[b-vvgy2pfubv] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.kalender-schalter[b-vvgy2pfubv] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border-radius: var(--lachs-radius-klein);
    font-size: 14px;
    cursor: pointer;
}

.kalender-schalter:hover[b-vvgy2pfubv] {
    background: var(--lachs-flaeche-hover);
}

.kalender-schalter input[b-vvgy2pfubv] {
    width: 16px;
    height: 16px;
    margin: 0;
    flex-shrink: 0;
    accent-color: var(--kal-farbe);
    cursor: pointer;
}

.kalender-schalter span[b-vvgy2pfubv] {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* --- Leiste über dem Raster --- */
.kalender-haupt[b-vvgy2pfubv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.kalender-leiste[b-vvgy2pfubv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin-bottom: 14px;
}

.kalender-leiste h1[b-vvgy2pfubv] {
    margin: 0;
    margin-right: auto;
    font-size: 24px;
    font-weight: 700;
}

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

.navigation .l-knopf[b-vvgy2pfubv] {
    margin-right: 4px;
}

.ansicht[b-vvgy2pfubv] {
    display: inline-flex;
    padding: 3px;
    border: 1px solid var(--lachs-rand-stark);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche-dezent);
}

.ansicht button[b-vvgy2pfubv] {
    height: 30px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--lachs-radius-klein);
    background: none;
    color: var(--lachs-text-sekundaer);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.ansicht button.aktiv[b-vvgy2pfubv] {
    background: var(--lachs-flaeche);
    color: var(--lachs-text);
    box-shadow: 0 1px 3px rgba(24, 33, 46, 0.12);
}

.ansicht button:focus-visible[b-vvgy2pfubv] {
    outline: 2px solid var(--lachs-primaer);
    outline-offset: 1px;
}

/* --- Raster --- */
.raster[b-vvgy2pfubv] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-top: 1px solid var(--lachs-rand);
    border-left: 1px solid var(--lachs-rand);
}

.raster[aria-busy="true"] .termine[b-vvgy2pfubv] {
    opacity: 0.5;
}

.wochentag[b-vvgy2pfubv] {
    padding: 8px 10px;
    border-right: 1px solid var(--lachs-rand);
    border-bottom: 1px solid var(--lachs-rand);
    background: var(--lachs-flaeche-dezent);
    font-size: 12px;
    font-weight: 600;
    color: var(--lachs-text-sekundaer);
}

.raster.woche .wochentag[b-vvgy2pfubv] {
    display: none;
}

.tag[b-vvgy2pfubv] {
    display: flex;
    flex-direction: column;
    min-height: 118px;
    padding: 6px;
    border-right: 1px solid var(--lachs-rand);
    border-bottom: 1px solid var(--lachs-rand);
    cursor: pointer;
}

.raster.woche .tag[b-vvgy2pfubv] {
    min-height: 420px;
}

.tag:hover[b-vvgy2pfubv] {
    background: var(--lachs-flaeche-hover);
}

.tag.wochenende[b-vvgy2pfubv] {
    background: var(--lachs-flaeche-dezent);
}

.tag.fremd .tag-nummer[b-vvgy2pfubv] {
    color: var(--lachs-text-gedaempft);
}

.tag-kopf[b-vvgy2pfubv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.tag-nummer[b-vvgy2pfubv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 26px;
    height: 26px;
    padding: 0 6px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 600;
}

.tag-name[b-vvgy2pfubv] {
    font-weight: 500;
    color: var(--lachs-text-sekundaer);
}

.tag.heute .tag-nummer[b-vvgy2pfubv] {
    background: var(--lachs-primaer);
    color: var(--lachs-text-auf-primaer);
}

.tag.heute .tag-name[b-vvgy2pfubv] {
    color: inherit;
}

.tag-neu[b-vvgy2pfubv] {
    width: 24px;
    height: 24px;
    opacity: 0;
}

.tag:hover .tag-neu[b-vvgy2pfubv],
.tag-neu:focus-visible[b-vvgy2pfubv] {
    opacity: 1;
}

.termine[b-vvgy2pfubv] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.termin[b-vvgy2pfubv] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    width: 100%;
    padding: 2px 6px;
    border: 0;
    border-left: 3px solid var(--kal-farbe);
    border-radius: 4px;
    background: color-mix(in srgb, var(--kal-farbe) 10%, var(--lachs-flaeche));
    color: var(--lachs-text);
    font: inherit;
    font-size: 12.5px;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}

.termin:hover[b-vvgy2pfubv] {
    background: color-mix(in srgb, var(--kal-farbe) 20%, var(--lachs-flaeche));
}

.termin:focus-visible[b-vvgy2pfubv] {
    outline: 2px solid var(--kal-farbe);
    outline-offset: 1px;
}

/* Fremder privater Termin: nur der belegte Zeitraum ist zu sehen, öffnen lässt er sich nicht. */
.termin.verborgen[b-vvgy2pfubv],
.termin.verborgen:hover[b-vvgy2pfubv] {
    background: repeating-linear-gradient(-45deg,
        color-mix(in srgb, var(--kal-farbe) 8%, var(--lachs-flaeche)) 0 6px,
        color-mix(in srgb, var(--kal-farbe) 16%, var(--lachs-flaeche)) 6px 12px);
    color: var(--lachs-text-sekundaer);
    cursor: default;
}

.termin.verborgen .termin-titel[b-vvgy2pfubv] {
    font-style: italic;
}

.termin.ganztags[b-vvgy2pfubv] {
    background: var(--kal-farbe);
    color: #ffffff;
}

.termin.ganztags:hover[b-vvgy2pfubv] {
    background: color-mix(in srgb, var(--kal-farbe) 85%, #000000);
}

.termin-zeit[b-vvgy2pfubv] {
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    color: var(--lachs-text-sekundaer);
}

.termin.ganztags .termin-zeit[b-vvgy2pfubv],
.termin.ganztags .termin-detail[b-vvgy2pfubv] {
    color: rgba(255, 255, 255, 0.85);
}

.termin-titel[b-vvgy2pfubv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

/* In der Wochenansicht zeigt jeder Termin seine Details untereinander. */
.raster.woche .termin[b-vvgy2pfubv] {
    flex-direction: column;
    gap: 1px;
    padding: 6px 8px;
}

.raster.woche .termin-titel[b-vvgy2pfubv] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.termin-detail[b-vvgy2pfubv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--lachs-text-sekundaer);
    overflow-wrap: anywhere;
}

.weitere[b-vvgy2pfubv] {
    padding: 2px 6px;
    border: 0;
    background: none;
    color: var(--lachs-primaer-hover);
    font: inherit;
    font-size: 12.5px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.weitere:hover[b-vvgy2pfubv] {
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .kalender[b-vvgy2pfubv] {
        flex-direction: column;
    }

    .kalender-auswahl[b-vvgy2pfubv] {
        flex-basis: auto;
    }

    .kalender-auswahl ul[b-vvgy2pfubv] {
        display: flex;
        flex-wrap: wrap;
        gap: 0 8px;
    }

    .raster.woche[b-vvgy2pfubv] {
        grid-template-columns: 1fr;
    }

    .raster.woche .tag[b-vvgy2pfubv] {
        min-height: 0;
    }

    .tag[b-vvgy2pfubv] {
        min-height: 84px;
    }

    .termin-zeit[b-vvgy2pfubv] {
        display: none;
    }

    .raster.woche .termin-zeit[b-vvgy2pfubv] {
        display: inline;
    }
}
/* /Components/Pages/Kalender/TerminDialog.razor.rz.scp.css */
.termin-dialog[b-02fn533z9h] {
    width: min(620px, calc(100vw - 32px));
}

.l-dialog-inhalt[b-02fn533z9h] {
    max-height: min(70vh, 640px);
    overflow-y: auto;
}

.schalter[b-02fn533z9h] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px;
}

.ganztaegig[b-02fn533z9h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    cursor: pointer;
}

.ganztaegig .form-check-input[b-02fn533z9h] {
    margin: 0;
}

.zeitraum[b-02fn533z9h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
}

.zeit-zeile[b-02fn533z9h] {
    display: flex;
    gap: 8px;
}

.zeit-zeile input[type="time"][b-02fn533z9h] {
    width: 7.5rem;
    flex-shrink: 0;
}

.akte-gewaehlt[b-02fn533z9h] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: var(--lachs-steuerelement-hoehe);
    padding: 0 4px 0 12px;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius-klein);
    background: var(--lachs-flaeche-auswahl);
}

.akte-gewaehlt span[b-02fn533z9h] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.akte-gewaehlt .l-knopf-icon[b-02fn533z9h] {
    width: 30px;
    height: 30px;
}

.suche[b-02fn533z9h] {
    position: relative;
}

.suche[b-02fn533z9h]  .icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lachs-text-gedaempft);
    pointer-events: none;
}

.suche .l-eingabe[b-02fn533z9h] {
    padding-left: 38px;
}

.akten-treffer ul[b-02fn533z9h] {
    max-height: 220px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius-klein);
}

.akten-treffer li + li[b-02fn533z9h] {
    border-top: 1px solid var(--lachs-rand);
}

.treffer-eintrag[b-02fn533z9h] {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 0;
    background: none;
    color: var(--lachs-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.treffer-eintrag:hover[b-02fn533z9h] {
    background: var(--lachs-flaeche-hover);
}

.treffer-eintrag:focus-visible[b-02fn533z9h] {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--lachs-primaer);
}

.treffer-hinweis[b-02fn533z9h] {
    margin: 0;
    font-size: 14px;
    color: var(--lachs-text-sekundaer);
}

.loeschen[b-02fn533z9h] {
    display: flex;
    gap: 8px;
    margin-right: auto;
}

.l-lader.lader-hell[b-02fn533z9h] {
    border-color: rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
}

@media (max-width: 575.98px) {
    .zeitraum[b-02fn533z9h] {
        grid-template-columns: 1fr;
    }

    .l-dialog-fuss[b-02fn533z9h] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Kanzleiverwaltung/BenutzerListe.razor.rz.scp.css */
.benutzer-aktionen[b-xjrtiv4syd] {
    position: relative;
    display: inline-block;
    text-align: left;
}

.aktionen-schalter[b-xjrtiv4syd] {
    min-width: 2.25rem;
    font-size: 1.25rem;
    line-height: 1;
}

.menue-hintergrund[b-xjrtiv4syd] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    border: 0;
    background: transparent;
    cursor: default;
}

.benutzer-menue[b-xjrtiv4syd] {
    top: 100%;
    right: 0;
    left: auto;
    z-index: 1041;
    min-width: 16rem;
}
/* /Components/Pages/Kanzleiverwaltung/VorlageBearbeiten.razor.rz.scp.css */
.vorlage-bearbeiten[b-of28cpcwnq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
    align-items: start;
    max-width: 1200px;
}

.vorlage-inhalt[b-of28cpcwnq] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 14px;
}

.vorlage-platzhalter[b-of28cpcwnq] {
    position: sticky;
    top: 16px;
    padding: 16px;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche);
}

.vorlage-platzhalter-liste[b-of28cpcwnq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 60vh;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.vorlage-platzhalter-liste .btn[b-of28cpcwnq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}

.vorlage-platzhalter-liste code[b-of28cpcwnq] {
    font-size: 11px;
    word-break: break-all;
}

@media (max-width: 900px) {
    .vorlage-bearbeiten[b-of28cpcwnq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vorlage-platzhalter[b-of28cpcwnq] {
        position: static;
        order: -1;
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-seite[b-ktxy26de8e] {
    max-width: 1040px;
}

.support-bereiche[b-ktxy26de8e] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
    gap: 24px;
    align-items: start;
}

.support-karte[b-ktxy26de8e] {
    padding: 24px;
    border: 1px solid var(--lachs-rand);
    border-radius: var(--lachs-radius);
    background: var(--lachs-flaeche);
}

.support-karte h2[b-ktxy26de8e] {
    margin-bottom: 20px;
}

.support-karte dt[b-ktxy26de8e] {
    margin-bottom: 6px;
}

.support-telefon[b-ktxy26de8e] {
    font-size: 1.125rem;
    font-weight: 600;
    white-space: nowrap;
}

.support-anleitung[b-ktxy26de8e] {
    padding-left: 20px;
    margin-bottom: 24px;
}

.support-anleitung li + li[b-ktxy26de8e] {
    margin-top: 12px;
}

@media (max-width: 900px) {
    .support-bereiche[b-ktxy26de8e] {
        grid-template-columns: minmax(0, 1fr);
    }
}