/* /Components/Import/MitarbeiterImportReiter.razor.rz.scp.css */
/* T4.2a Mitarbeiter-Import – wie WPF TagesimportPage (Auswahlkarte, Hinweisleiste, Zusammenfassung + Filter, Ergebnisliste). */
.ti-kopf[b-lh147mlt8c] { margin-bottom: 14px; }
.ti-unterzeile[b-lh147mlt8c] { margin-top: 4px; font-size: 13px; color: #64748B; }
.ti-auswahl[b-lh147mlt8c] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ti-bezeichnung[b-lh147mlt8c] { color: #64748B; font-size: 13px; }
.ti-eingabe[b-lh147mlt8c] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ti-aus[b-lh147mlt8c] { opacity: .55; pointer-events: none; }
.ti-gelesen[b-lh147mlt8c] { font-size: 13px; color: #0F172A; }
.ti-abstand[b-lh147mlt8c] { flex: 1; }
.ti-zeile[b-lh147mlt8c] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; flex-wrap: wrap; }
.ti-zusammenfassung[b-lh147mlt8c] { font-size: 13px; font-weight: 600; color: #0F172A; }
.ti-zuletzt[b-lh147mlt8c] { margin-top: 2px; font-size: 12px; color: #64748B; }
[b-lh147mlt8c] .ti-filter { max-width: 200px; }
.ti-ergebnis[b-lh147mlt8c] { white-space: nowrap; }
.ti-uwerk[b-lh147mlt8c], .ti-datei[b-lh147mlt8c], .ti-angehalten[b-lh147mlt8c], .ti-austritt[b-lh147mlt8c] { color: #B91C1C; font-weight: 600; }
.ti-fehlt[b-lh147mlt8c] { color: #B45309; font-weight: 600; }
.ti-neu[b-lh147mlt8c], .ti-geaendert[b-lh147mlt8c], .ti-kostenstelle[b-lh147mlt8c] { color: #1D4ED8; }
.ti-unveraendert[b-lh147mlt8c] { color: #64748B; }
.ti-frage[b-lh147mlt8c] { white-space: pre-line; }
.ti-fensterknoepfe[b-lh147mlt8c] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
/* /Components/Import/ObjektImportReiter.razor.rz.scp.css */
/* T4.2b Objekt-Import – wie WPF Einstellungen „Objekt Import“. */
.oi-unterzeile[b-noyr8nxywn] { font-size: 13px; color: #64748B; }
.oi-auswahl[b-noyr8nxywn] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.oi-eingabe[b-noyr8nxywn] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.oi-aus[b-noyr8nxywn] { opacity: .55; pointer-events: none; }
.oi-status[b-noyr8nxywn] { font-size: 13px; color: #0F172A; }
.oi-abstand[b-noyr8nxywn] { flex: 1; }
.oi-liste[b-noyr8nxywn] { margin: 6px 0 0; padding-left: 18px; }
.oi-angelegt[b-noyr8nxywn] { color: #166534; font-weight: 600; }
.oi-geaendert[b-noyr8nxywn] { color: #1D4ED8; }
.oi-unveraendert[b-noyr8nxywn] { color: #64748B; }
.oi-fehler[b-noyr8nxywn] { color: #B91C1C; font-weight: 600; }
.oi-frage[b-noyr8nxywn] { white-space: pre-line; }
.oi-fensterknoepfe[b-noyr8nxywn] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-j9c7b7t6ge],
.components-reconnect-repeated-attempt-visible[b-j9c7b7t6ge],
.components-reconnect-failed-visible[b-j9c7b7t6ge],
.components-pause-visible[b-j9c7b7t6ge],
.components-resume-failed-visible[b-j9c7b7t6ge],
.components-rejoining-animation[b-j9c7b7t6ge] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-j9c7b7t6ge {
    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/Bwr/AbgleichSeite.razor.rz.scp.css */
/* Farben wie WPF LohnBwrAbgleichPage/AbgleichDetailPanel: Problem rot #B91C1C, Hinweis gelb #FDE68A/#78350F, ok grün #166534. */
.ab-stand[b-zv6a8ga3lp] { font-size: 12.5px; color: #64748B; margin-top: 2px; }
.ab-nurlesen[b-zv6a8ga3lp] { font-size: 12.5px; color: #475569; background: #F1F5F9; border: 1px solid #E2E8F0; border-radius: 8px; padding: 6px 12px; }
.ab-reiter[b-zv6a8ga3lp] { display: flex; gap: 6px; align-self: flex-end; }
.ab-reiter-knopf[b-zv6a8ga3lp] { border: 1px solid #E5E7EB; background: #FFFFFF; color: #374151; border-radius: 999px; padding: 6px 14px;
    font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ab-reiter-knopf.ab-aktiv[b-zv6a8ga3lp] { background: #2F7DF6; border-color: #2F7DF6; color: #FFFFFF; }
.ab-lade[b-zv6a8ga3lp] { font-size: 12.5px; color: #64748B; }
.ab-leer[b-zv6a8ga3lp] { padding: 32px 8px; text-align: center; color: #64748B; font-size: 13px; white-space: pre-line; }
.ab-tabelle[b-zv6a8ga3lp] { width: 100%; border-collapse: collapse; font-size: 13px; }
.ab-tabelle th[b-zv6a8ga3lp] { text-align: left; font-size: 12px; font-weight: 600; color: #64748B; padding: 8px 10px; border-bottom: 1px solid #E2E8F0; }
.ab-tabelle td[b-zv6a8ga3lp] { padding: 8px 10px; border-bottom: 1px solid #F1F5F9; }
.ab-zeile[b-zv6a8ga3lp] { cursor: pointer; }
.ab-zeile:hover td[b-zv6a8ga3lp] { background: #F8FAFC; }
.ab-stufe-3 .ab-befund[b-zv6a8ga3lp], .ab-stufe-2 .ab-befund[b-zv6a8ga3lp] { color: #B91C1C; font-weight: 600; }
.ab-stufe-1 .ab-befund[b-zv6a8ga3lp] { color: #78350F; background: #FDE68A; border-radius: 4px; padding: 1px 6px; }
.ab-stufe-0 .ab-befund[b-zv6a8ga3lp] { color: #166534; }
.ab-weitere[b-zv6a8ga3lp] { font-size: 12px; color: #64748B; margin-left: 6px; }
.ab-fett[b-zv6a8ga3lp] { font-weight: 600; }
.ab-mono[b-zv6a8ga3lp] { font-family: Consolas, "Courier New", monospace; }
.ab-fuss[b-zv6a8ga3lp] { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 13px; color: #64748B; flex-wrap: wrap; }
.ab-trenner[b-zv6a8ga3lp] { color: #CBD5E1; }
.ab-platz[b-zv6a8ga3lp] { flex: 1; }
.ab-seite[b-zv6a8ga3lp], .ab-stelle[b-zv6a8ga3lp] { margin: 0 6px; font-size: 13px; color: #64748B; }
.ab-grau[b-zv6a8ga3lp] { color: #64748B; }
.ab-kartenkopf[b-zv6a8ga3lp] { display: flex; align-items: center; gap: 6px; }
.ab-titelzeile[b-zv6a8ga3lp] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ab-titel[b-zv6a8ga3lp] { font-size: 17px; font-weight: 700; border-radius: 6px; }
.ab-person[b-zv6a8ga3lp] { margin: 8px 0 12px; font-size: 13px; color: #475569; }
.ab-name[b-zv6a8ga3lp] { font-size: 15px; font-weight: 600; color: #0F172A; margin-right: 6px; }
.ab-quellen[b-zv6a8ga3lp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.ab-quelle[b-zv6a8ga3lp] { border: 1px solid #E2E8F0; border-radius: 8px; padding: 10px 14px; }
.ab-quelle-titel[b-zv6a8ga3lp] { font-size: 13px; font-weight: 700; color: #0F172A; margin-bottom: 6px; }
.ab-feld[b-zv6a8ga3lp] { display: grid; grid-template-columns: 150px 1fr; gap: 8px; font-size: 13px; padding: 3px 0; }
.ab-feldname[b-zv6a8ga3lp] { color: #64748B; }
.ab-anders[b-zv6a8ga3lp] { color: #B91C1C; font-weight: 600; }
.ab-anders .ab-feldname[b-zv6a8ga3lp] { color: #B91C1C; }
.ab-fehlt[b-zv6a8ga3lp] { font-size: 13px; color: #64748B; font-style: italic; }
.ab-aufgabe[b-zv6a8ga3lp] { margin-top: 12px; border: 1px solid #E2E8F0; background: #F8FAFC; border-radius: 8px; padding: 10px 14px; font-size: 13px; }
.ab-aufgabe-gesendet[b-zv6a8ga3lp] { background: #EEF2FF; border-color: #C7D2FE; }
.ab-aufgabe-titel[b-zv6a8ga3lp] { font-weight: 600; margin-bottom: 4px; }
.ab-akzeptiert[b-zv6a8ga3lp] { margin-top: 8px; font-size: 13px; color: #166534; }

/* T3.4b: Aktionen, Verlauf */
.ab-aktionen[b-zv6a8ga3lp] { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.ab-wahl[b-zv6a8ga3lp], .ab-grund[b-zv6a8ga3lp] { height: 32px; border: 1px solid #CBD5E1; border-radius: 8px; padding: 0 8px; font: inherit; font-size: 13px; background: #FFFFFF; }
.ab-grund[b-zv6a8ga3lp] { min-width: 260px; }
.ab-fehlertext[b-zv6a8ga3lp] { margin-top: 6px; color: #B91C1C; font-size: 13px; }
.ab-link[b-zv6a8ga3lp] { font-size: 13px; color: #2F7DF6; text-decoration: none; margin-left: 8px; }
.ab-verlauf-kopf[b-zv6a8ga3lp] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 6px 0; font-size: 13px; }
.ab-verlauf-stand[b-zv6a8ga3lp] { background: #F1F5F9; color: #334155; border-radius: 999px; padding: 2px 10px; font-weight: 600; }
.ab-verlauf-stand.ab-gesperrt[b-zv6a8ga3lp] { background: #FEE2E2; color: #991B1B; }
.ab-zurueckgesetzt td[b-zv6a8ga3lp] { color: #94A3B8; }
.ab-info[b-zv6a8ga3lp] { white-space: nowrap; }
.ab-frage-knoepfe[b-zv6a8ga3lp] { display: flex; justify-content: flex-end; gap: 8px; }
/* /Components/Pages/Bwr/AufgabenUnterhaltung.razor.rz.scp.css */
/* Spalte „Unterhaltung“ neben der Register-Aufgabe (Redesign T3.3c). */
.au-chat[b-artj9gc3tb] { display: flex; flex-direction: column; min-height: 0; max-height: inherit; background: #FFFFFF; border: 1px solid #E2E8F0;
           border-radius: 8px; box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .06); }
.au-chat-kopf[b-artj9gc3tb] { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid #E2E8F0; }
.au-titel[b-artj9gc3tb] { flex: 1; margin: 0; color: #0F172A; font-size: 14px; font-weight: 600; }
.au-hinweis[b-artj9gc3tb] { margin: 10px 12px 0; padding: 8px 10px; border-radius: 6px; background: #FEF3C7; color: #92400E; font-size: 12px; }
.au-verlauf[b-artj9gc3tb] { flex: 1; display: flex; flex-direction: column; gap: 8px; min-height: 180px; overflow-y: auto; padding: 12px; }
.au-nachricht[b-artj9gc3tb] { max-width: 82%; padding: 7px 10px; border-radius: 10px; font-size: 13px; }
.au-nachricht.aus[b-artj9gc3tb] { align-self: flex-end; background: #2563EB; color: #FFFFFF; border-bottom-right-radius: 3px; }
.au-nachricht.ein[b-artj9gc3tb] { align-self: flex-start; background: #F1F5F9; color: #0F172A; border-bottom-left-radius: 3px; }
.au-nachricht.hinweis[b-artj9gc3tb] { align-self: center; max-width: 92%; background: #FEF3C7; color: #92400E; font-size: 12px; text-align: center; }
.au-kopf[b-artj9gc3tb] { font-size: 11px; opacity: .75; margin-bottom: 2px; }
.au-text[b-artj9gc3tb] { white-space: pre-wrap; overflow-wrap: anywhere; }
.au-anhang[b-artj9gc3tb] { margin-top: 4px; font-size: 12px; }
.au-chat > .au-anhang[b-artj9gc3tb] { padding: 0 12px 6px; color: #64748B; }
.au-zustand[b-artj9gc3tb] { padding: 20px 14px; color: #64748B; font-size: 13px; text-align: center; }
.au-verweis[b-artj9gc3tb] { display: inline-block; margin-left: 6px; color: #2563EB; }
.au-verfassen[b-artj9gc3tb] { display: flex; gap: 6px; align-items: flex-end; padding: 10px; border-top: 1px solid #E2E8F0; }
.au-eingabe[b-artj9gc3tb] { flex: 1; min-width: 0; min-height: 36px; max-height: 120px; padding: 7px 9px; border: 1px solid #E2E8F0; border-radius: 6px;
              font: inherit; resize: none; }
.au-datei-knopf[b-artj9gc3tb] { position: relative; overflow: hidden; cursor: pointer; }
.au-datei[b-artj9gc3tb] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
/* /Components/Pages/Bwr/RegisterAufgabenSeite.razor.rz.scp.css */
/* T3.3d (Benutzer 2026-10-26, Entwurf „Register-Aufgaben – Einfach“): Liste mit Reitern | Einzelheiten mit Reitern. */
.ra-zaehler[b-s6smbohcdw] { margin: 4px 0 0; font-size: 13px; color: #0F172A; }
.ra-zaehler-antwort[b-s6smbohcdw] { color: #2563EB; font-weight: 600; }
.ra-unterzeile[b-s6smbohcdw] { margin: 2px 0 14px; font-size: 12.5px; color: #64748B; }
.ra-unterzeile.gut[b-s6smbohcdw] { color: #166534; }
.ra-unterzeile.schlecht[b-s6smbohcdw] { color: #92400E; }
.ra-verweis[b-s6smbohcdw] { color: #2563EB; font-size: 13px; margin-right: 12px; white-space: nowrap; text-decoration: none; }
.ra-verweis:hover[b-s6smbohcdw] { text-decoration: underline; }

/* Hinweise mit „Schließen“ */
.ra-hinweis[b-s6smbohcdw] { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; margin-bottom: 10px; border: 1px solid #FDE68A;
              border-radius: 8px; background: #FFFBEB; color: #92400E; font-size: 13px; }
.ra-hinweis b[b-s6smbohcdw] { font-weight: 600; }
.ra-hinweis[b-s6smbohcdw]  .ra-hinweis-zu { margin-left: auto; }

/* Arbeitsfläche: zwei Spalten */
.ra-arbeitsflaeche[b-s6smbohcdw] { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 16px; align-items: start; }
.ra-karte[b-s6smbohcdw] { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 8px;
            box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .06); }
.ra-liste-spalte[b-s6smbohcdw] { position: sticky; top: 76px; max-height: calc(100vh - 92px); display: flex; flex-direction: column; overflow: hidden; }
.ra-leer[b-s6smbohcdw] { padding: 28px 16px; color: #64748B; font-size: 13.5px; text-align: center; }

/* Gruppe über der Liste (Auswahlfeld) */
.ra-lfilter[b-s6smbohcdw] { flex: 0 0 auto; padding: 10px 12px; border-bottom: 1px solid #E2E8F0; }
.ra-lfilter-label[b-s6smbohcdw] { display: block; margin-bottom: 3px; color: #64748B; font-size: 11.5px; }
.ra-lfilter-feld[b-s6smbohcdw] { width: 100%; height: 32px; padding: 0 8px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF;
                   color: #0F172A; font: inherit; font-size: 13px; cursor: pointer; }
.ra-lfilter-feld:focus-visible[b-s6smbohcdw], .ra-dreiter-knopf:focus-visible[b-s6smbohcdw] { outline: 2px solid #3B82F6; outline-offset: 2px; }

/* Liste */
.ra-liste[b-s6smbohcdw] { list-style: none; margin: 0; padding: 0; overflow: auto; }
.ra-aufgabe[b-s6smbohcdw] { position: relative; display: block; width: 100%; padding: 10px 12px 10px 14px; border: 0; border-bottom: 1px solid #E2E8F0;
              background: #FFFFFF; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.ra-aufgabe:hover[b-s6smbohcdw] { background: #F8FAFC; }
.ra-aufgabe:focus-visible[b-s6smbohcdw] { outline: 2px solid #3B82F6; outline-offset: -2px; }
.ra-aufgabe[aria-current="true"][b-s6smbohcdw] { background: #EFF6FF; }
.ra-aufgabe[aria-current="true"][b-s6smbohcdw]::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #2563EB; }
.ra-zeile[b-s6smbohcdw] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ra-punkt[b-s6smbohcdw] { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; }
.ra-punkt-offen[b-s6smbohcdw] { background: #3B82F6; --ra-farbe: #3B82F6; }
.ra-punkt-warn[b-s6smbohcdw] { background: #F59E0B; --ra-farbe: #F59E0B; }
.ra-punkt-ok[b-s6smbohcdw] { background: #22C55E; --ra-farbe: #22C55E; }
.ra-punkt-neutral[b-s6smbohcdw] { background: #94A3B8; --ra-farbe: #94A3B8; }
.ra-name[b-s6smbohcdw] { flex: 1; min-width: 0; overflow: hidden; color: #0F172A; font-size: 13.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.ra-ungelesen .ra-name[b-s6smbohcdw] { font-weight: 700; }
.ra-status[b-s6smbohcdw] { flex: 0 0 auto; white-space: nowrap; }
.ra-pill-offen[b-s6smbohcdw] { background: #DBEAFE; color: #1D4ED8; }
.ra-status.neutral[b-s6smbohcdw] { background: #E2E8F0; color: #334155; }
.ra-zeile2[b-s6smbohcdw] { display: flex; align-items: center; gap: 6px; margin: 3px 0 0 17px; color: #64748B; font-size: 12px; }
.ra-zeile2-text[b-s6smbohcdw] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ra-marke[b-s6smbohcdw] { font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.ra-antwort[b-s6smbohcdw] { color: #2563EB; }
.ra-info[b-s6smbohcdw] { color: #92400E; }
.ra-info.ra-gesperrt[b-s6smbohcdw] { color: #991B1B; }

/* Einzelheiten */
.ra-einzelheiten[b-s6smbohcdw] { padding: 18px 20px 0; min-width: 0; }
.ra-d-kopf[b-s6smbohcdw] { display: flex; align-items: flex-start; gap: 16px; }
.ra-d-haupt[b-s6smbohcdw] { flex: 1; min-width: 0; }
.ra-d-titel[b-s6smbohcdw] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: #0F172A; font-size: 18px; font-weight: 600; }
.ra-d-person[b-s6smbohcdw] { margin: 4px 0 0; font-size: 13px; color: #0F172A; overflow-wrap: anywhere; }
.ra-d-kopfzeile[b-s6smbohcdw] { margin: 1px 0 0; font-size: 12px; color: #64748B; overflow-wrap: anywhere; }
.ra-fortschritt[b-s6smbohcdw] { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 12px; color: #64748B; }
.ra-segmente[b-s6smbohcdw] { display: flex; gap: 3px; width: auto; height: auto; border-radius: 0; background: none; }
.ra-segmente i[b-s6smbohcdw] { display: block; width: 26px; height: 5px; border-radius: 3px; background: #E2E8F0; }
.ra-segmente i.an[b-s6smbohcdw] { background: var(--ra-farbe); }
.ra-d-aktionen[b-s6smbohcdw] { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.ra-d-knoepfe[b-s6smbohcdw] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.ra-d-knoepfe[b-s6smbohcdw]  .ra-gross { height: 38px; padding: 0 18px; font-size: 14px; }
.ra-warum[b-s6smbohcdw] { font-size: 12px; color: #991B1B; }

.ra-signal[b-s6smbohcdw] { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 9px 12px; border-radius: 8px; font-size: 13px; }
.ra-signal-text[b-s6smbohcdw] { flex: 1; }
.ra-signal-antwort[b-s6smbohcdw] { background: #EFF6FF; border: 1px solid #BFDBFE; color: #1E3A8A; }
.ra-signal-sperre[b-s6smbohcdw] { background: #FEE2E2; border: 1px solid #FECACA; color: #991B1B; }
.ra-signal-info[b-s6smbohcdw] { background: #FEF3C7; border: 1px solid #FDE68A; color: #92400E; }

.ra-naechster[b-s6smbohcdw] { margin-top: 12px; padding: 8px 12px; border-radius: 6px; background: #F8FAFC; font-size: 13px; color: #0F172A; }
.ra-naechster b[b-s6smbohcdw] { font-weight: 600; }

/* Reiter der Einzelheiten */
.ra-dreiter[b-s6smbohcdw] { display: flex; gap: 4px; margin-top: 16px; border-bottom: 1px solid #E2E8F0; }
.ra-dreiter-knopf[b-s6smbohcdw] { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border: 0; border-bottom: 2px solid transparent;
                    background: none; color: #64748B; font: inherit; font-size: 13px; cursor: pointer; }
.ra-dreiter-knopf[aria-selected="true"][b-s6smbohcdw] { color: #0F172A; font-weight: 600; border-bottom-color: #2563EB; }
.ra-neu[b-s6smbohcdw] { padding: 0 7px; border-radius: 999px; background: #2563EB; color: #FFFFFF; font-size: 11px; font-weight: 600; line-height: 18px; }
.ra-reiter-inhalt[b-s6smbohcdw] { padding: 16px 0 20px; }
.ra-chat[b-s6smbohcdw] { height: 420px; display: flex; flex-direction: column; }
.ra-chat[hidden][b-s6smbohcdw] { display: none; }
.ra-chat[b-s6smbohcdw]  .au-chat { flex: 1; box-shadow: none; }
.ra-chat-zustand[b-s6smbohcdw] { padding: 24px 14px; border: 1px solid #E2E8F0; border-radius: 8px; color: #64748B; text-align: center; }

/* Abgleich */
.ra-vergleich-kopf[b-s6smbohcdw] { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.ra-segment[b-s6smbohcdw] { display: inline-flex; overflow: hidden; border: 1px solid #E2E8F0; border-radius: 6px; }
.ra-segment button[b-s6smbohcdw] { height: 26px; padding: 0 10px; border: 0; background: #FFFFFF; color: #0F172A; font: inherit; font-size: 12px; cursor: pointer; }
.ra-segment button + button[b-s6smbohcdw] { border-left: 1px solid #E2E8F0; }
.ra-segment button[aria-pressed="true"][b-s6smbohcdw] { background: #EFF6FF; color: #2563EB; font-weight: 600; }
.ra-segment button:focus-visible[b-s6smbohcdw] { outline: 2px solid #3B82F6; outline-offset: -2px; }
.ra-quellen[b-s6smbohcdw] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.ra-quelle[b-s6smbohcdw] { padding: 12px 14px; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; }
.ra-quelle-register[b-s6smbohcdw] { border-color: #F59E0B; }
.ra-quelle-name[b-s6smbohcdw] { margin: 0 0 8px; color: #0F172A; font-size: 13px; font-weight: 600; }
.ra-felder[b-s6smbohcdw] { display: grid; grid-template-columns: minmax(110px, 45%) 1fr; gap: 5px 12px; margin: 0; font-size: 13px; }
.ra-felder dt[b-s6smbohcdw] { color: #64748B; font-size: 12px; overflow-wrap: anywhere; }
.ra-felder dd[b-s6smbohcdw] { margin: 0; color: #0F172A; overflow-wrap: anywhere; }
.ra-felder .ra-abweichend[b-s6smbohcdw] { color: #B91C1C; font-weight: 600; }
.ra-vergleich-notiz[b-s6smbohcdw] { margin-top: 6px; font-size: 12px; color: #64748B; }
.ra-sr[b-s6smbohcdw] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Verlauf: senkrechter Zeitstrahl */
.ra-weg[b-s6smbohcdw] { margin: 0; padding: 0 0 0 4px; list-style: none; }
.ra-schritt[b-s6smbohcdw] { position: relative; padding: 0 0 16px 24px; }
.ra-schritt:nth-child(1)[b-s6smbohcdw] { --ra-farbe: #3B82F6; }
.ra-schritt:nth-child(2)[b-s6smbohcdw] { --ra-farbe: #F59E0B; }
.ra-schritt:nth-child(3)[b-s6smbohcdw] { --ra-farbe: #22C55E; }
.ra-schritt:nth-child(4)[b-s6smbohcdw] { --ra-farbe: #94A3B8; }
.ra-schritt:not(:last-child)[b-s6smbohcdw]::before { content: ""; position: absolute; left: 5px; top: 14px; bottom: 0; width: 2px; background: #E2E8F0; }
.ra-weg-punkt[b-s6smbohcdw] { position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border: 2px solid #CBD5E1; border-radius: 50%; background: #FFFFFF; box-sizing: border-box; }
.ra-stufe--1 .ra-weg-punkt[b-s6smbohcdw], .ra-stufe-0 .ra-weg-punkt[b-s6smbohcdw] { border-color: var(--ra-farbe); background: var(--ra-farbe); }
.ra-schritt-titel[b-s6smbohcdw] { display: block; color: #0F172A; font-weight: 600; }
.ra-stufe-1 .ra-schritt-titel[b-s6smbohcdw] { color: #64748B; font-weight: 500; }
.ra-schritt-text[b-s6smbohcdw] { display: block; color: #64748B; font-size: 12px; overflow-wrap: anywhere; }

/* Fenster „Informieren“ */
.ra-info-kopf[b-s6smbohcdw] { font-weight: 600; margin-bottom: 4px; }
.ra-info-stand[b-s6smbohcdw] { color: #64748B; font-size: 12.5px; margin-bottom: 12px; }
.ra-info-letzte[b-s6smbohcdw] { color: #991B1B; }
.ra-info-label[b-s6smbohcdw] { display: block; font-size: 11.5px; color: #64748B; margin: 8px 0 3px; }
.ra-info-feld[b-s6smbohcdw] { width: 100%; padding: 6px 9px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; box-sizing: border-box; }
.ra-info-fehler[b-s6smbohcdw] { min-height: 18px; margin-top: 8px; color: #991B1B; font-size: 12px; }
.ra-info-knoepfe[b-s6smbohcdw] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }

/* Schmaler: Knöpfe unter den Kopf, dann alles untereinander. */
@media (max-width: 1100px) {
    .ra-d-kopf[b-s6smbohcdw] { flex-direction: column; }
    .ra-d-aktionen[b-s6smbohcdw] { align-items: flex-start; }
    .ra-d-knoepfe[b-s6smbohcdw] { justify-content: flex-start; }
}
@media (max-width: 900px) {
    .ra-arbeitsflaeche[b-s6smbohcdw] { grid-template-columns: 1fr; }
    .ra-liste-spalte[b-s6smbohcdw] { position: static; max-height: none; }
    .ra-liste[b-s6smbohcdw] { max-height: 300px; }
}
/* /Components/Pages/Bwr/StatistikDiagramm.razor.rz.scp.css */
/* WPF QualificationColumnChart: sechs gleich breite Spalten, Grundlinie aller Säulen gleich, Säule max. 64 px breit. */
.sd-diagramm[b-o5rlc85ebz] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); font-size: 11px; }
.sd-spalte[b-o5rlc85ebz] { display: flex; flex-direction: column; align-items: center; margin: 0 2px; min-width: 0; }
.sd-flaeche[b-o5rlc85ebz] { height: var(--sd-hoehe); width: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.sd-zahl[b-o5rlc85ebz] { font-weight: 600; color: #111827; margin-bottom: 2px; }
.sd-zahl.sd-null[b-o5rlc85ebz] { color: #6B7280; }
.sd-saeule[b-o5rlc85ebz] { width: 100%; max-width: 64px; border-radius: 3px; }
.sd-saeule.sd-linie[b-o5rlc85ebz] { border-radius: 0; opacity: 0.45; }
.sd-kuerzel[b-o5rlc85ebz] { color: #6B7280; margin-top: 3px; }
/* /Components/Pages/Bwr/StatistikSeite.razor.rz.scp.css */
/* Farben aus WPF Views/QualifikationsStatistikPage.xaml und Themes/HamaTheme.xaml
   (Accent #2F7DF6, AccentSoft #E3EEFF, Ok #166534, Warn #92400E, WarnSoft #FFFBEB, Neutral #F3F4F6, Rand #E5E7EB). */
.st-stand[b-0lx6tjnyib] { font-size: 12.5px; color: #64748B; margin-top: 3px; }
.st-titel[b-0lx6tjnyib] { font-size: 15px; font-weight: 700; color: #111827; }
.st-leer[b-0lx6tjnyib] { padding: 24px 8px; text-align: center; font-size: 13px; color: #64748B; }

.st-reiter[b-0lx6tjnyib] { display: flex; gap: 6px; align-items: flex-end; align-self: flex-end; }
.st-reiter-knopf[b-0lx6tjnyib] { border: 1px solid #E5E7EB; background: #FFFFFF; color: #374151; border-radius: 999px; padding: 6px 14px;
    font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.st-reiter-knopf.st-aktiv[b-0lx6tjnyib] { background: #2F7DF6; border-color: #2F7DF6; color: #FFFFFF; }
.st-auswahl[b-0lx6tjnyib] { display: flex; gap: 12px; }
.st-verborgen[b-0lx6tjnyib] { visibility: hidden; }

.st-legende[b-0lx6tjnyib] { display: flex; flex-wrap: wrap; align-items: center; }
.st-legende-eintrag[b-0lx6tjnyib] { display: inline-flex; align-items: center; margin: 2px 0 2px 14px; font-size: 12.5px; color: #111827; }
.st-legende-farbe[b-0lx6tjnyib] { width: 11px; height: 11px; border-radius: 2px; margin-right: 6px; }

.st-lade-text[b-0lx6tjnyib] { font-size: 12.5px; color: #64748B; margin-bottom: 4px; }

.st-gesamt-inhalt[b-0lx6tjnyib] { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-end; margin-top: 12px; }
.st-gesamt-diagramm[b-0lx6tjnyib] { flex: 1 1 420px; min-width: 300px; }
.st-anteile[b-0lx6tjnyib] { flex: 1 1 360px; min-width: 320px; }
.st-anteil[b-0lx6tjnyib] { display: grid; grid-template-columns: 120px minmax(150px, 1fr) 48px 64px; align-items: center; margin: 6px 0; font-size: 14px; }
.st-anteil-balken[b-0lx6tjnyib] { display: flex; height: 9px; border-radius: 4px; background: #EEF1F5; overflow: hidden; }
.st-anteil-balken > span[b-0lx6tjnyib] { border-radius: 4px; }
.st-anteil-zahl[b-0lx6tjnyib] { text-align: right; font-weight: 600; }
.st-anteil-prozent[b-0lx6tjnyib] { text-align: right; font-size: 13px; color: #6B7280; }
.st-gesamt-text[b-0lx6tjnyib] { margin-top: 12px; font-size: 13px; color: #6B7280; }

.st-karten[b-0lx6tjnyib] { display: grid; gap: 12px; }
.st-karten-uwerke[b-0lx6tjnyib] { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.st-karten-objekte[b-0lx6tjnyib] { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
/* Die Karte ist ein <button>: MudBlazor setzt global button { display: inline-flex; align-items: center; justify-content: center }.
   Ohne die drei Flex-Angaben hier stehen die Kinder nebeneinander, Titel und Diagramm schrumpfen auf 0 px, der Rest läuft aus der Karte. */
.st-karte[b-0lx6tjnyib] { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; overflow: hidden;
    text-align: left; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; padding: 10px 12px; cursor: pointer;
    font: inherit; color: inherit; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); min-width: 0; }
.st-karte:hover[b-0lx6tjnyib] { border-color: #93C5FD; }
.st-karte.st-gewaehlt[b-0lx6tjnyib] { border-color: #2F7DF6; box-shadow: 0 0 0 1px #2F7DF6; }
.st-karte-titel[b-0lx6tjnyib] { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-karte-unter[b-0lx6tjnyib] { font-size: 12px; color: #6B7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-karte > .st-karte-unter[b-0lx6tjnyib] { display: block; margin: 1px 0 6px; }
.st-karte-summe[b-0lx6tjnyib] { display: flex; flex-direction: column; margin: 4px 0 8px; }
.st-karte-zahl[b-0lx6tjnyib] { font-size: 26px; font-weight: 700; line-height: 1.15; color: #111827; }
.st-karte-zahltext[b-0lx6tjnyib] { font-size: 12px; color: #6B7280; }
.st-aufteilung[b-0lx6tjnyib] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px 10px; font-size: 11.5px; color: #374151; }
.st-aufteilung-eintrag[b-0lx6tjnyib] { display: flex; align-items: center; gap: 4px; min-width: 0; }
.st-aufteilung-eintrag.st-null[b-0lx6tjnyib] { color: #9CA3AF; }
.st-aufteilung-farbe[b-0lx6tjnyib] { width: 8px; height: 8px; border-radius: 2px; flex: none; }
.st-null .st-aufteilung-farbe[b-0lx6tjnyib] { opacity: 0.35; }
.st-aufteilung-name[b-0lx6tjnyib] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-aufteilung-zahl[b-0lx6tjnyib] { font-weight: 600; }
.st-stapel[b-0lx6tjnyib] { display: flex; gap: 1px; height: 10px; margin: 8px 0; border-radius: 5px; overflow: hidden; background: #EEF1F5; }
.st-stapel > span[b-0lx6tjnyib] { flex-basis: 0; min-width: 3px; }
.st-schild[b-0lx6tjnyib] { white-space: nowrap; }
/* In der schmalsten Karte bricht das Schild um, statt abgeschnitten zu werden. */
.st-karte > .st-schild[b-0lx6tjnyib] { align-self: flex-start; max-width: 100%; padding: 2px 7px 3px; font-size: 11px; white-space: normal; }
.st-ueberdeckt[b-0lx6tjnyib] { background: #E3EEFF; color: #2F7DF6; }
.st-soll[b-0lx6tjnyib] { margin-top: 6px; }
.st-soll-zeile[b-0lx6tjnyib] { font-size: 11.5px; font-weight: 600; color: #9CA3AF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-soll-zeile:not(.st-ok):not(.st-mehr):not(.st-fehlt)[b-0lx6tjnyib] { font-weight: 400; }
.st-ok[b-0lx6tjnyib] { color: #166534; }
.st-mehr[b-0lx6tjnyib] { color: #2F7DF6; }
.st-fehlt[b-0lx6tjnyib] { color: #92400E; }

.st-objekte-kopf[b-0lx6tjnyib] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.st-besetzung[b-0lx6tjnyib] { display: flex; flex-wrap: wrap; align-items: center; }
.st-besetzung-teil[b-0lx6tjnyib] { font-size: 12.5px; margin: 2px 0 2px 14px; color: #111827; }
.st-besetzung-teil.st-ok[b-0lx6tjnyib], .st-besetzung-teil.st-mehr[b-0lx6tjnyib], .st-besetzung-teil.st-fehlt[b-0lx6tjnyib] { font-weight: 600; }
.st-besetzung-teil.st-ok[b-0lx6tjnyib] { color: #166534; }
.st-besetzung-teil.st-mehr[b-0lx6tjnyib] { color: #2F7DF6; }
.st-besetzung-teil.st-fehlt[b-0lx6tjnyib] { color: #92400E; }

.st-tabelle[b-0lx6tjnyib] { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.st-tabelle th[b-0lx6tjnyib] { text-align: left; border-bottom: 1px solid #E2E8F0; padding: 0; }
.st-sortkopf[b-0lx6tjnyib] { background: none; border: 0; padding: 8px 12px; font: inherit; font-size: 12px; font-weight: 600; color: #64748B; cursor: pointer; }
.st-tabelle td[b-0lx6tjnyib] { padding: 7px 12px; border-bottom: 1px solid #F1F5F9; color: #0F172A; }
.st-zeile-ueber td[b-0lx6tjnyib] { background: #E3EEFF; }
.st-zeile-neutral td[b-0lx6tjnyib] { background: #F3F4F6; }
.st-zeile-warn td[b-0lx6tjnyib] { background: #FFFBEB; }
.st-fett[b-0lx6tjnyib] { font-weight: 600; }
.st-mono[b-0lx6tjnyib] { font-family: Consolas, "Courier New", monospace; }
.st-quali[b-0lx6tjnyib] { display: inline-block; border-radius: 10px; padding: 2px 10px; font-size: 12px; font-weight: 600; color: #FFFFFF; }
.st-hinweis[b-0lx6tjnyib] { display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600; color: #374151; }
.st-punkt[b-0lx6tjnyib] { width: 9px; height: 9px; border-radius: 50%; background: #94A3B8; margin-right: 7px; flex: none; }
.st-hinweis-ueber[b-0lx6tjnyib] { color: #2F7DF6; }
.st-hinweis-ueber .st-punkt[b-0lx6tjnyib] { background: #2F7DF6; }
.st-hinweis-hoeher[b-0lx6tjnyib] { color: #2F7DF6; font-weight: 400; }
.st-hinweis-hoeher .st-punkt[b-0lx6tjnyib] { background: #2F7DF6; opacity: 0.45; }
.st-hinweis-warn[b-0lx6tjnyib] { color: #92400E; }
.st-hinweis-warn .st-punkt[b-0lx6tjnyib] { background: #F59E0B; }
.st-seite[b-0lx6tjnyib] { margin: 0 12px; font-size: 13px; color: #64748B; }
/* /Components/Pages/Bwr/WachpersonenSeite.razor.rz.scp.css */
/* Farben und Maße aus WPF Views/BwrWachpersonenPage.xaml (Text #0F172A, TextGrau #64748B, Linie #E2E8F0). */
.wp-stand[b-43fb926dfi] {
    font-size: 12.5px;
    color: #64748B;
    margin-top: 3px;
}

.wp-abrufhinweis[b-43fb926dfi] {
    font-size: 12.5px;
    font-weight: 600;
    color: #92400E;
    margin-top: 2px;
}

/* Kennzahlen: Kacheln wie „Kachel“ (weiß, 1 px Linie, Radius 10). */
.wp-kacheln[b-43fb926dfi] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wp-kachel[b-43fb926dfi] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 10px 16px;
}

.wp-kachel-titel[b-43fb926dfi] {
    font-size: 11.5px;
    font-weight: 600;
    color: #64748B;
    margin-bottom: 4px;
}

.wp-zahl[b-43fb926dfi] {
    font-size: 22px;
    font-weight: 700;
    color: #0F172A;
}

.wp-zahl.rot[b-43fb926dfi] { color: #B91C1C; }
.wp-zahl.gelb[b-43fb926dfi] { color: #B45309; }
.wp-zahl.grau[b-43fb926dfi] { color: #475569; }

.wp-liste[b-43fb926dfi] {
    position: relative;
    min-height: 120px;
}

.wp-leer[b-43fb926dfi] {
    padding: 48px 16px;
    text-align: center;
    font-size: 13px;
    color: #64748B;
}

/* Ladeanzeige über der Liste wie „LadeAnzeige“ (#D9FFFFFF). */
.wp-lade[b-43fb926dfi] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.wp-lade[b-43fb926dfi]  .mud-progress-linear {
    width: 280px;
}

.wp-lade-text[b-43fb926dfi] {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
}

.wp-fett[b-43fb926dfi] { font-weight: 600; }

.wp-mono[b-43fb926dfi] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 13.5px;
}

.wp-datum-abgelaufen[b-43fb926dfi] { color: #991B1B; }

.wp-marke[b-43fb926dfi] { margin-left: 8px; }

.wp-seite[b-43fb926dfi] {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin: 0 16px;
    min-width: 130px;
    text-align: center;
}

/* Spaltenkopf als Knopf: sieht aus wie der Kopf, sortiert beim Klick. */
[b-43fb926dfi] .wp-sortkopf {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
    text-align: left;
}
/* /Components/Pages/Datensicherung/DatensicherungSeite.razor.rz.scp.css */
/* T4.8 Datensicherung – wie WPF BackupPage. */
.ds-kopf[b-mqzzyhv9ky] { display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }

.ds-knoepfe[b-mqzzyhv9ky], .ds-fensterknoepfe[b-mqzzyhv9ky] { display: flex; gap: 8px; }
.ds-fensterknoepfe[b-mqzzyhv9ky] { justify-content: flex-end; margin-top: 16px; }
.ds-kacheln[b-mqzzyhv9ky] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.ds-label[b-mqzzyhv9ky] { display: block; margin-bottom: 4px; font-size: 12px; color: #64748B; }
.ds-wert[b-mqzzyhv9ky] { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 600; color: #0F172A; overflow-wrap: anywhere; }
.ds-klein[b-mqzzyhv9ky] { margin-top: 2px; font-size: 12px; color: #64748B; }
.ds-punkt[b-mqzzyhv9ky] { width: 10px; height: 10px; border-radius: 50%; background: #94A3B8; }
.ds-punkt.ok[b-mqzzyhv9ky] { background: #10B981; }
.ds-punkt.fehler[b-mqzzyhv9ky] { background: #EF4444; }
.ds-pfadzeile[b-mqzzyhv9ky] { display: flex; gap: 8px; }
.ds-feld[b-mqzzyhv9ky] { flex: 1; min-width: 0; height: 36px; padding: 0 10px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; }
.ds-feld:focus-visible[b-mqzzyhv9ky] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.ds-fehler[b-mqzzyhv9ky] { min-height: 16px; margin-top: 4px; color: #B91C1C; font-size: 12px; }
.ds-titel[b-mqzzyhv9ky] { margin-bottom: 6px; font-weight: 600; color: #0F172A; }
.ds-protokoll[b-mqzzyhv9ky] { max-height: 260px; margin: 0; padding: 8px 10px; overflow: auto; list-style: none; border-radius: 6px; background: #F8FAFC;
                font-family: Consolas, "Cascadia Mono", monospace; font-size: 12px; color: #334155; }
@media (max-width: 900px) { .ds-kacheln[b-mqzzyhv9ky] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Pages/Datensicherung/WiederherstellenSeite.razor.rz.scp.css */
/* T4.8 Wiederherstellen – wie WPF BackupPage (Liste der Sicherungen). */
.wh-unterzeile[b-xjyh6zyv5m] { align-self: center; font-size: 13px; color: #64748B; }
.wh-kopf[b-xjyh6zyv5m] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }

.wh-knoepfe[b-xjyh6zyv5m], .wh-fensterknoepfe[b-xjyh6zyv5m] { display: flex; gap: 8px; }
.wh-fensterknoepfe[b-xjyh6zyv5m] { justify-content: flex-end; margin-top: 16px; }
.wh-titel[b-xjyh6zyv5m] { margin-bottom: 8px; font-weight: 600; color: #0F172A; }
.wh-zahl[b-xjyh6zyv5m] { margin-left: 6px; padding: 0 7px; border-radius: 999px; background: #E2E8F0; color: #334155; font-size: 12px; font-weight: 600; }
.wh-kennung[b-xjyh6zyv5m] { font-family: Consolas, "Cascadia Mono", monospace; }
[b-xjyh6zyv5m] .wh-gewaehlt td { background: #EFF6FF !important; }
.wh-auswahl[b-xjyh6zyv5m] { margin-top: 8px; font-size: 13px; color: #1E3A8A; }
.wh-protokoll[b-xjyh6zyv5m] { max-height: 260px; margin: 0; padding: 8px 10px; overflow: auto; list-style: none; border-radius: 6px; background: #F8FAFC;
                font-family: Consolas, "Cascadia Mono", monospace; font-size: 12px; color: #334155; }
/* /Components/Pages/Einstellungen/BenutzerFenster.razor.rz.scp.css */
/* Fenster wie WPF UserDetailsDialog: Abschnitte in Großbuchstaben, Rollen mit Satz darunter. */
[b-hibuov3i1n] .bv-fenster { width: 560px; max-width: 100%; max-height: calc(100vh - 48px); overflow-y: auto; }
.bv-f-kopf[b-hibuov3i1n] { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.bv-f-symbol[b-hibuov3i1n] { font-size: 22px; }
.bv-f-titel[b-hibuov3i1n] { margin: 0; font-size: 18px; font-weight: 600; color: #0F172A; }
.bv-f-untertitel[b-hibuov3i1n] { font-size: 12.5px; color: #64748B; }
.bv-f-fehler[b-hibuov3i1n] { display: flex; gap: 10px; padding: 10px 12px; margin-bottom: 10px; border: 1px solid #FECACA; border-radius: 8px;
               background: #FEE2E2; color: #991B1B; font-size: 13px; }
.bv-abschnitt[b-hibuov3i1n] { margin: 16px 0 6px; color: #64748B; font-size: 11px; font-weight: 600; letter-spacing: .06em; }
.bv-label[b-hibuov3i1n] { display: block; margin: 8px 0 3px; color: #64748B; font-size: 11.5px; }
.bv-feld[b-hibuov3i1n] { width: 100%; height: 32px; padding: 0 9px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit;
           box-sizing: border-box; }
.bv-feld:disabled[b-hibuov3i1n] { background: #F8FAFC; color: #64748B; }
.bv-feld:focus-visible[b-hibuov3i1n] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.bv-feld-fehler[b-hibuov3i1n] { border-color: #B91C1C; }
.bv-feldfehler[b-hibuov3i1n] { margin-top: 3px; color: #B91C1C; font-size: 12px; }
.bv-mehrzeilig[b-hibuov3i1n] { white-space: pre-line; }
.bv-feld-hinweis[b-hibuov3i1n] { display: block; margin-top: 2px; color: #64748B; font-size: 12px; }
.bv-zwei[b-hibuov3i1n] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bv-haken[b-hibuov3i1n] { display: flex; gap: 8px; align-items: center; font-size: 13px; }
.bv-info[b-hibuov3i1n] { margin-top: 14px; padding: 9px 12px; border: 1px solid #BFDBFE; border-radius: 8px; background: #EFF6FF; color: #1E3A8A; font-size: 13px; }
.bv-zugang[b-hibuov3i1n] { margin-top: 14px; padding: 12px 14px; border: 1px solid #BBF7D0; border-radius: 8px; background: #F0FDF4; }
.bv-zugang-titel[b-hibuov3i1n] { font-weight: 600; color: #166534; }
.bv-werte[b-hibuov3i1n] { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 10px 0; font-size: 13px; }
.bv-werte dt[b-hibuov3i1n] { color: #64748B; font-size: 11.5px; font-weight: 600; }
.bv-werte dd[b-hibuov3i1n] { margin: 0; font-family: Consolas, monospace; font-size: 14px; user-select: all; }
.bv-mfa[b-hibuov3i1n] { margin: 10px 0; font-size: 13px; }
.bv-mfa img[b-hibuov3i1n] { display: block; margin: 6px 0 10px; }
.bv-mfa code[b-hibuov3i1n] { font-size: 13px; user-select: all; }
.bv-warnung[b-hibuov3i1n] { margin: 10px 0; padding: 8px 10px; border-left: 3px solid #B91C1C; background: #FDF3F3; color: #991B1B; font-size: 12px; }
.bv-rollen[b-hibuov3i1n] { display: grid; gap: 8px; margin-top: 8px; }
.bv-rolle[b-hibuov3i1n] { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; cursor: pointer; }
.bv-rolle input[b-hibuov3i1n] { margin-top: 3px; }
.bv-fuss[b-hibuov3i1n] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.bv-fuss > .bv-feld-hinweis[b-hibuov3i1n] { margin: 0 auto 0 0; }
@media (max-width: 600px) { .bv-zwei[b-hibuov3i1n] { grid-template-columns: 1fr; } }
/* /Components/Pages/Einstellungen/BenutzerSeite.razor.rz.scp.css */
.bv-kopf[b-zvatveuqzm] { display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px; margin-bottom: 12px; }

.bv-nur-admin[b-zvatveuqzm] { padding: 6px 10px; border-radius: 6px; background: #FEF3C7; color: #D97706; font-size: 12px; font-weight: 600; white-space: nowrap; }
.bv-anzahl[b-zvatveuqzm] { margin-bottom: 8px; font-size: 12.5px; color: #64748B; }
/* /Components/Pages/Einstellungen/ImportSeite.razor.rz.scp.css */
/* T4.2 Import – Reiter wie die Kategorien-Seite. */
.im-unterzeile[b-5i38cypj62] { margin: 0 0 12px; font-size: 13px; color: #64748B; }
.im-reiter[b-5i38cypj62] { display: flex; gap: 4px; margin-bottom: 14px; border-bottom: 1px solid #E2E8F0; }
.im-reiter-knopf[b-5i38cypj62] { padding: 9px 14px; border: 0; border-bottom: 2px solid transparent; background: none; color: #64748B; font: inherit; font-size: 14px; cursor: pointer; }
.im-reiter-knopf[aria-selected="true"][b-5i38cypj62] { color: #0F172A; font-weight: 600; border-bottom-color: #2563EB; }
.im-reiter-knopf:focus-visible[b-5i38cypj62] { outline: 2px solid #3B82F6; outline-offset: -2px; }
/* /Components/Pages/Einstellungen/KategorienReiter.razor.rz.scp.css */
/* T4.1b Kategorien – wie WPF EinstellungenPage (Liste | Details & Bearbeitung). */
.kr-titelzeile[b-239jurc1yj] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.kr-titel[b-239jurc1yj] { font-size: 18px; font-weight: 600; color: #0F172A; margin-bottom: 4px; }
.kr-unterzeile[b-239jurc1yj] { font-size: 13px; color: #64748B; }
.kr-nurlesen[b-239jurc1yj] { padding: 8px 12px; border: 1px solid #FDE68A; border-radius: 8px; background: #FFFBEB; color: #92400E; font-size: 12.5px; max-width: 420px; }
.kr-flaeche[b-239jurc1yj] { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 16px; align-items: start; }
.kr-liste-kopf[b-239jurc1yj] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-weight: 600; color: #0F172A; }
.kr-zahl[b-239jurc1yj] { margin-left: 6px; padding: 0 7px; border-radius: 999px; background: #E2E8F0; color: #334155; font-size: 12px; }
.kr-kopf-knoepfe[b-239jurc1yj] { display: inline-flex; gap: 4px; }
.kr-symbol[b-239jurc1yj] { width: 32px; height: 32px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; cursor: pointer; font-size: 14px; }
.kr-symbol:hover[b-239jurc1yj] { background: #F1F5F9; }
.kr-symbol:focus-visible[b-239jurc1yj], .kr-eintrag:focus-visible[b-239jurc1yj], .kr-feld:focus-visible[b-239jurc1yj] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.kr-inaktive[b-239jurc1yj] { display: block; margin-bottom: 8px; font-size: 12.5px; color: #475569; }
.kr-liste[b-239jurc1yj] { list-style: none; margin: 0; padding: 0; max-height: calc(100vh - 330px); overflow: auto; }
.kr-eintrag[b-239jurc1yj] { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 10px; border: 1px solid transparent; border-radius: 6px; background: #FFFFFF;
              font: inherit; font-size: 13.5px; text-align: left; cursor: pointer; }
.kr-eintrag:hover[b-239jurc1yj] { background: #F8FAFC; }
.kr-eintrag[aria-current="true"][b-239jurc1yj] { background: #EFF6FF; border-color: #BFDBFE; }
.kr-inaktiv .kr-name[b-239jurc1yj] { color: #94A3B8; }
.kr-name[b-239jurc1yj] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0F172A; }
.kr-pill[b-239jurc1yj] { font-size: 10px; }
.kr-sort[b-239jurc1yj] { min-width: 24px; padding: 0 6px; border-radius: 999px; background: #F1F5F9; color: #64748B; font-size: 10px; text-align: center; }
.kr-leer[b-239jurc1yj] { padding: 28px 12px; color: #64748B; text-align: center; }
.kr-banner[b-239jurc1yj] { margin: 6px 0 4px; padding: 8px 12px; border: 1px solid #BFDBFE; border-radius: 8px; background: #EFF6FF; color: #1E3A8A; font-size: 13px; font-weight: 600; }
.kr-meldung[b-239jurc1yj] { margin: 8px 0; padding: 8px 12px; border: 1px solid #FECACA; border-radius: 8px; background: #FEF2F2; color: #991B1B; font-size: 13px; }
.kr-meldung.gut[b-239jurc1yj] { border-color: #BBF7D0; background: #F0FDF4; color: #166534; }
.kr-label[b-239jurc1yj] { display: block; margin: 12px 0 6px; font-size: 14px; font-weight: 600; color: #0F172A; }
.kr-hilfe[b-239jurc1yj] { margin: -2px 0 6px; font-size: 12px; color: #64748B; }
.kr-feld[b-239jurc1yj] { width: 100%; max-width: 520px; height: 38px; padding: 0 10px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; box-sizing: border-box; }
.kr-schmal[b-239jurc1yj] { max-width: 140px; }
.kr-fehler[b-239jurc1yj] { min-height: 16px; margin-top: 3px; color: #B91C1C; font-size: 12px; }
.kr-aktiv[b-239jurc1yj] { display: block; margin: 12px 0 4px; font-size: 14px; font-weight: 600; color: #0F172A; }
.kr-knoepfe[b-239jurc1yj] { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.kr-luecke[b-239jurc1yj] { flex: 1; }
@media (max-width: 900px) { .kr-flaeche[b-239jurc1yj] { grid-template-columns: 1fr; } }
/* /Components/Pages/Einstellungen/KategorienSeite.razor.rz.scp.css */
.kt-reiter[b-wowxgsx2fj] { display: flex; gap: 4px; margin-bottom: 14px; border-bottom: 1px solid #E2E8F0; }
.kt-reiter-knopf[b-wowxgsx2fj] { padding: 9px 14px; border: 0; border-bottom: 2px solid transparent; background: none; color: #64748B; font: inherit; font-size: 14px; cursor: pointer; }
.kt-reiter-knopf[aria-selected="true"][b-wowxgsx2fj] { color: #0F172A; font-weight: 600; border-bottom-color: #2563EB; }
.kt-reiter-knopf:focus-visible[b-wowxgsx2fj] { outline: 2px solid #3B82F6; outline-offset: -2px; }
/* /Components/Pages/Einstellungen/ObjektBenutzerSeite.razor.rz.scp.css */
/* T4.3 Objekt-Benutzer – Farben wie WPF UserObjektPage / HamaTheme. */
.ob-ergebnis-kopf[b-fil4z2xvkr] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.ob-kopf[b-fil4z2xvkr] { color: #0F172A; font-size: 16px; font-weight: 600; }
.ob-anzahl[b-fil4z2xvkr] { color: #64748B; font-size: 13px; }
.ob-fenster-unterzeile[b-fil4z2xvkr] { margin: -4px 0 12px; color: #64748B; font-size: 13px; }
.ob-label[b-fil4z2xvkr] { display: block; margin: 10px 0 4px; color: #0F172A; font-size: 13px; font-weight: 600; }
.ob-feld[b-fil4z2xvkr] { width: 100%; height: 36px; padding: 0 9px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; }
.ob-feld:focus-visible[b-fil4z2xvkr] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.ob-hinweis[b-fil4z2xvkr] { margin-top: 16px; padding: 10px 12px; border: 1px solid #BFDBFE; border-radius: 8px; background: #EFF6FF; color: #1E40AF; font-size: 13px; }
.ob-fehler[b-fil4z2xvkr] { min-height: 18px; margin-top: 8px; color: #991B1B; font-size: 12.5px; }
.ob-knoepfe[b-fil4z2xvkr] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
/* /Components/Pages/Einstellungen/ZweiFaktorZuruecksetzen.razor.rz.scp.css */
/* T4.10: dieselben Feldstile wie BenutzerFenster.razor.css (CSS-Isolation gilt je Komponente). */
.bv-zf[b-28vil0pnbv] { margin: 4px 0 6px; font-size: 13px; }
.bv-label[b-28vil0pnbv] { display: block; margin: 8px 0 3px; color: #64748B; font-size: 11.5px; }
.bv-feld:disabled[b-28vil0pnbv] { background: #F8FAFC; color: #64748B; }
.bv-feld:focus-visible[b-28vil0pnbv] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.bv-feldfehler[b-28vil0pnbv] { margin-top: 3px; color: #B91C1C; font-size: 12px; }
.bv-feld-hinweis[b-28vil0pnbv] { display: block; margin-top: 2px; color: #64748B; font-size: 12px; }
.bv-feld[b-28vil0pnbv] { width: 100%; height: 32px; padding: 0 9px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit;
           box-sizing: border-box; }
.bv-zf[b-28vil0pnbv]  .hama-knopf { margin-top: 6px; }
/* /Components/Pages/Fehlzeiten/FehlzeitenSeite.razor.rz.scp.css */
/* T5.3b Fehlzeiten – Neugestaltung (Benutzer 2026-11-02). Kalender und Fenster haben eigene .razor.css (FehlzeitTabelle,
   FehlzeitFenster): Seiten-CSS erreicht Kindkomponenten nicht. Farben aus der vorhandenen Palette, Akzent #2563EB. */
.fs-seite[b-c7zks3pgad] { font-size: 14px; color: #0F172A; }
/* „Nur Lesezugriff“ als Pille am Anfang der Knöpfe. */
.fs-nurlesen[b-c7zks3pgad] { align-self: center; padding: 3px 10px; border: 1px solid #FDE68A; border-radius: 999px; background: #FFFBEB;
               color: #92400E; font-size: 12px; white-space: nowrap; }

/* T5.3m: EINE Leiste – Ansicht (Monat/Jahr) als Umschalter, Filter, Knöpfe rechts. Bricht erst unter 1100 px um. */
.fs-leiste[b-c7zks3pgad] { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; margin-bottom: 10px; padding: 6px 8px;
             border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, .05); }
.fs-reiter[b-c7zks3pgad] { display: inline-flex; flex: 0 0 auto; padding: 2px; border: 1px solid #E2E8F0; border-radius: 8px; background: #F1F5F9; }
.fs-reiter-knopf[b-c7zks3pgad] { height: 32px; padding: 0 12px; border: 0; border-radius: 6px; background: none; color: #64748B; font: inherit; font-size: 14px;
                   white-space: nowrap; cursor: pointer; }
.fs-reiter-knopf[aria-selected="true"][b-c7zks3pgad] { background: #FFFFFF; color: #2563EB; font-weight: 600; box-shadow: 0 1px 2px rgba(15, 23, 42, .12); }
.fs-reiter-knopf:hover:not(:disabled)[b-c7zks3pgad] { color: #2563EB; }
.fs-reiter-knopf:disabled[b-c7zks3pgad] { opacity: .5; cursor: not-allowed; }
.fs-reiter-knopf:focus-visible[b-c7zks3pgad] { outline: 2px solid #2563EB; outline-offset: -2px; }

.fs-feld[b-c7zks3pgad] { flex: 1 1 200px; min-width: 150px; max-width: 260px; }
.fs-feld.fs-breit[b-c7zks3pgad] { flex-basis: 260px; max-width: 340px; }
.fs-feld.fs-schmal[b-c7zks3pgad] { flex: 0 1 140px; min-width: 120px; }
.fs-feld.fs-jahr[b-c7zks3pgad] { flex: 0 1 100px; min-width: 90px; }
/* Bezeichnung nur für Screenreader; sichtbar sind Wert bzw. Platzhalter im Feld (title zeigt sie beim Darüberfahren). */
.fs-label[b-c7zks3pgad] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* MudBlazor-Felder auf 36 px, gleicher Radius */
.fs-feld[b-c7zks3pgad]  .mud-input-control { margin: 0; }
.fs-feld[b-c7zks3pgad]  .mud-input.mud-input-outlined { min-height: 36px; border-radius: 8px; }
.fs-feld[b-c7zks3pgad]  .mud-input-outlined-border { border-radius: 8px; }
.fs-feld[b-c7zks3pgad]  .mud-input-slot { padding-top: 6px; padding-bottom: 6px; font-size: 14px; }

.fs-aktionen[b-c7zks3pgad] { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; margin-left: auto; }
.fs-knopf[b-c7zks3pgad] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 14px; border: 1px solid #E2E8F0; border-radius: 8px;
            background: #FFFFFF; color: #0F172A; font: inherit; font-size: 14px; text-decoration: none; white-space: nowrap; cursor: pointer; }
.fs-knopf:hover:not(:disabled)[b-c7zks3pgad] { background: #F1F5F9; }
.fs-knopf:focus-visible[b-c7zks3pgad] { outline: 2px solid #2563EB; outline-offset: 1px; }
.fs-knopf:disabled[b-c7zks3pgad] { opacity: .5; cursor: not-allowed; }
.fs-knopf.fs-primaer[b-c7zks3pgad] { border-color: #2563EB; background: #2563EB; color: #FFFFFF; font-weight: 600; }
.fs-knopf.fs-primaer:hover:not(:disabled)[b-c7zks3pgad] { background: #1D4ED8; }
.fs-knopf.fs-symbol[b-c7zks3pgad] { width: 36px; padding: 0; font-size: 16px; }
.fs-knopf.fs-klein[b-c7zks3pgad] { height: 32px; padding: 0 12px; font-size: 13px; }

/* Karte mit Kalender */
.fs-karte[b-c7zks3pgad] { padding: 14px 16px 12px; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(15, 23, 42, .06); }
.fs-druck-titel[b-c7zks3pgad] { display: none; margin-bottom: 8px; font-size: 16px; font-weight: 600; }

.fs-kennzeile[b-c7zks3pgad] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 12px; }
.fs-chips[b-c7zks3pgad] { display: flex; flex-wrap: wrap; gap: 8px; }
.fs-chip[b-c7zks3pgad] { display: inline-flex; align-items: baseline; gap: 5px; padding: 5px 12px; border: 1px solid #E2E8F0; border-radius: 999px; background: #F8FAFC;
           font-size: 13px; color: #475569; font-variant-numeric: tabular-nums; }
.fs-chip strong[b-c7zks3pgad] { font-size: 15px; color: #0F172A; }

/* Legende unter der Tabelle (T5.3f): eine Zeile – Kürzel in Schriftfarbe, EB-Status, Kalender */
.fs-legende[b-c7zks3pgad] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin-top: 10px; font-size: 12px; color: #475569; }
.fs-legende-gruppe[b-c7zks3pgad] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.fs-leg[b-c7zks3pgad] { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.fs-leg b[b-c7zks3pgad] { font-weight: 700; }
.fs-kasten[b-c7zks3pgad] { display: inline-block; width: 14px; height: 14px; border: 1px solid #CBD5E1; border-radius: 3px; }
.fs-kasten.fs-we[b-c7zks3pgad], .fs-kasten.fs-ft[b-c7zks3pgad] { background: #F7F7F8; }
.fs-kasten.fs-heute[b-c7zks3pgad] { background: #EFF6FF; border: 0; box-shadow: inset 0 2px 0 #2563EB; }
.fs-warnung[b-c7zks3pgad] { border-color: #FDE68A; background: #FFFBEB; color: #92400E; }
.fs-pille-farbe[b-c7zks3pgad] { display: inline-block; width: 12px; height: 12px; border-radius: 999px; border: 1px solid rgba(15, 23, 42, .15); }

.fs-laden[b-c7zks3pgad] { margin-bottom: 8px; }
.fs-leer[b-c7zks3pgad] { padding: 40px 12px; color: #64748B; text-align: center; }
/* Hinweis „keine Fehlzeiten“ in der Zeile der Kennzahlen, so hoch wie ein Chip. */
.fs-hinweis[b-c7zks3pgad] { display: inline-flex; align-items: center; padding: 5px 12px; border: 1px solid #BFDBFE; border-radius: 999px; background: #EFF6FF;
              color: #1E3A8A; font-size: 13px; }

/* Unter der Tabelle: Schalter, Blättern, Seitengröße */
.fs-fuss[b-c7zks3pgad] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-top: 12px; font-size: 13px; color: #475569; }
.fs-schalter[b-c7zks3pgad] { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.fs-schalter input[b-c7zks3pgad] { width: 16px; height: 16px; accent-color: #2563EB; }
.fs-blaettern[b-c7zks3pgad] { display: flex; align-items: center; justify-content: center; gap: 12px; flex: 1 1 auto; font-variant-numeric: tabular-nums; }
.fs-seitengroesse[b-c7zks3pgad] { display: inline-flex; align-items: center; gap: 8px; }
.fs-seitengroesse select[b-c7zks3pgad] { height: 32px; padding: 0 8px; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; font: inherit; }
.fs-seitengroesse select:focus-visible[b-c7zks3pgad] { outline: 2px solid #2563EB; outline-offset: 1px; }

/* Jahr: Summen */
.fs-summen[b-c7zks3pgad] { display: grid; grid-template-columns: 180px repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.fs-summe-karte[b-c7zks3pgad] { padding: 10px 12px; border: 1px solid #E2E8F0; border-radius: 8px; background: #F8FAFC; }
.fs-summe-titel[b-c7zks3pgad] { margin-bottom: 6px; font-size: 12px; font-weight: 600; color: #64748B; }
.fs-summe-zahl[b-c7zks3pgad] { font-size: 28px; font-weight: 700; color: #0F172A; font-variant-numeric: tabular-nums; }
.fs-summe-leer[b-c7zks3pgad] { color: #94A3B8; }
.fs-summe-liste[b-c7zks3pgad] { margin: 0; padding: 0; list-style: none; font-size: 13px; }
.fs-summe-liste li[b-c7zks3pgad] { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; border-bottom: 1px dashed #E2E8F0; font-variant-numeric: tabular-nums; }
.fs-summe-liste li > span[b-c7zks3pgad] { display: inline-flex; align-items: center; gap: 6px; }
.fs-summe-liste li:last-child[b-c7zks3pgad] { border-bottom: 0; }

@media (max-width: 1100px) {
    .fs-leiste[b-c7zks3pgad] { flex-wrap: wrap; }
}

@media (max-width: 900px) {
    .fs-summen[b-c7zks3pgad] { grid-template-columns: 1fr; }
    .fs-feld[b-c7zks3pgad], .fs-feld.fs-breit[b-c7zks3pgad] { max-width: none; }
    .fs-blaettern[b-c7zks3pgad] { order: 3; flex-basis: 100%; }
}

@media print {
    @page { size: A4 landscape; margin: 8mm; }
    .fs-druck-titel[b-c7zks3pgad] { display: block; }
    .fs-karte[b-c7zks3pgad] { padding: 0; border: 0; box-shadow: none; }
    .fs-kennzeile[b-c7zks3pgad] { margin-bottom: 6px; }
    .fs-chip[b-c7zks3pgad], .fs-pille[b-c7zks3pgad] { border-color: #CBD5E1; }
    .fs-karte[b-c7zks3pgad], .fs-karte *[b-c7zks3pgad] { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* T5.3l: Leiste „n Änderungen nicht gespeichert · Verwerfen · 💾 Speichern“ (wie Excel: eintragen, einmal speichern). */
.fs-lfz-leiste[b-c7zks3pgad] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; padding: 8px 12px; border: 1px solid #BFDBFE;
                 border-radius: 8px; background: #EFF6FF; color: #0F172A; position: sticky; top: 0; z-index: 5; }
.fs-lfz-zustand[b-c7zks3pgad] { font-weight: 600; white-space: nowrap; }
.fs-lfz-fehler[b-c7zks3pgad] { color: #B91C1C; }
.fs-lfz-leiste .fs-luecke[b-c7zks3pgad] { flex: 1 1 auto; }
.lfz-geaendert-leg[b-c7zks3pgad] { color: #2563EB; }


/* Seitenprüfung 2026-11-04: der lange LFZ-Hinweis bricht um – am Handy schob er die ganze Seite seitlich. */
#fs-legende-lfz .fs-leg[b-c7zks3pgad] { white-space: normal; }
/* /Components/Pages/Fehlzeiten/FehlzeitFenster.razor.rz.scp.css */
/* T5.3b: Fenster „Fehlzeit erfassen“ – eigene CSS (die Regeln der Seite erreichen die Komponente nicht). */
.fz-inhalt[b-ajsk9a4l6d] { width: 480px; max-width: 100%; }
.fz-kopf[b-ajsk9a4l6d] { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.fz-symbol[b-ajsk9a4l6d] { font-size: 24px; }
.fz-titel[b-ajsk9a4l6d] { margin: 0; font-size: 18px; font-weight: 600; color: #0F172A; }
.fz-untertitel[b-ajsk9a4l6d] { font-size: 12.5px; color: #64748B; }
.fz-zwei[b-ajsk9a4l6d] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fz-label[b-ajsk9a4l6d] { display: block; margin: 10px 0 4px; font-size: 13px; font-weight: 600; color: #0F172A; }
.fz-feld[b-ajsk9a4l6d] { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; font: inherit;
           font-size: 14px; box-sizing: border-box; }
.fz-feld:focus-visible[b-ajsk9a4l6d] { outline: 2px solid #2563EB; outline-offset: 1px; }
.fz-feld:disabled[b-ajsk9a4l6d] { background: #F8FAFC; color: #64748B; }
.fz-dauer[b-ajsk9a4l6d] { min-height: 16px; margin-top: 4px; font-size: 12px; color: #64748B; }
.fz-meldungszeile[b-ajsk9a4l6d] { display: flex; align-items: center; gap: 8px; }
.fz-farbe[b-ajsk9a4l6d] { flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; }   /* Seitenprüfung 2026-11-04: Punkt, kein Kästchen */
.fz-rueckfrage[b-ajsk9a4l6d] { margin: 8px 0; padding: 10px 12px; border: 1px solid #FDE68A; border-radius: 8px; background: #FFFBEB; color: #92400E; font-size: 13.5px; }
.fz-knoepfe[b-ajsk9a4l6d] { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
.fz-luecke[b-ajsk9a4l6d] { flex: 1; }
@media (max-width: 520px) { .fz-zwei[b-ajsk9a4l6d] { grid-template-columns: 1fr; } }
.fz-haken[b-ajsk9a4l6d] { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #0F172A; cursor: pointer; }
.fz-haken input[b-ajsk9a4l6d] { width: 16px; height: 16px; accent-color: #2563EB; }
/* Benutzer 2026-11-04: Farbpunkt neben jeder Meldung in der Auswahl. Die Liste liegt im MudBlazor-Popover außerhalb des Fensters,
   die <span> stammen aber aus diesem Markup und tragen dessen Scope-Attribut – also OHNE ::deep. */
.fz-eintrag[b-ajsk9a4l6d] { display: inline-flex; align-items: center; gap: 8px; }
.fz-eintrag .fz-farbe[b-ajsk9a4l6d] { flex: 0 0 12px; width: 12px; height: 12px; border-radius: 50%; }
[b-ajsk9a4l6d] .fz-meldung-auswahl { flex: 1 1 auto; min-width: 0; }
/* Gleiche Schriftgröße wie „Art der Krankheit“ (natives Feld, 14 px). */
[b-ajsk9a4l6d] .fz-meldung-auswahl .mud-input, [b-ajsk9a4l6d] .fz-meldung-auswahl .mud-input-slot { font-size: 14px; }
/* /Components/Pages/Fehlzeiten/FehlzeitGruppe.razor.rz.scp.css */
/* T5.3j: Die Styles der Gruppe stehen in FehlzeitTabelle.razor.css (derselbe CssScope „b-fehlzeittabelle“, HamaLohn.Web.csproj).
   Diese Datei gibt FehlzeitGruppe den Scope; sie bleibt absichtlich fast leer. */
.ft-gruppe[b-fehlzeittabelle] { }
/* /Components/Pages/Fehlzeiten/FehlzeitTabelle.razor.rz.scp.css */
/* T5.3f Kalender: Farbe nur als Schriftfarbe (inline aus Core); Hintergründe nur für die Kalenderstruktur – Wochenende/Feiertag
   #F7F7F8, heute leicht blau mit 2-px-Linie oben im Kopf. Rand #E2E8F0, Akzent #2563EB. */
.ft-rahmen[b-fehlzeittabelle] { position: relative; overflow: auto; max-height: calc(100vh - 300px); min-height: 160px;
             border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; }
.ft-tabelle[b-fehlzeittabelle] { width: 100%; min-width: calc(190px + 44px + 31 * 28px + 64px); table-layout: fixed; border-collapse: separate; border-spacing: 0;
              font-size: 12px; font-variant-numeric: tabular-nums; color: #0F172A; }
.ft-col-titel[b-fehlzeittabelle] { width: 190px; }
.ft-col-kt[b-fehlzeittabelle] { width: 44px; }
.ft-col-summe[b-fehlzeittabelle] { width: 64px; }

.ft-tabelle th[b-fehlzeittabelle], .ft-tabelle td[b-fehlzeittabelle] { height: 32px; padding: 0; border-right: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; text-align: center; background-color: #FFFFFF; }

/* Kopfzeile fest oben */
.ft-tabelle thead th[b-fehlzeittabelle] { position: sticky; top: 0; z-index: 2; height: 40px; background-color: #F8FAFC; box-shadow: 0 1px 0 #E2E8F0, 0 2px 4px rgba(15, 23, 42, .06); }
.ft-tag-kopf[b-fehlzeittabelle] { line-height: 1.15; }
.ft-tag[b-fehlzeittabelle] { display: block; font-weight: 700; color: #0F172A; }
.ft-wt[b-fehlzeittabelle] { display: block; margin-top: 1px; font-size: 10.5px; font-weight: 400; color: #64748B; }
.ft-tabelle thead .ft-tag-kopf.ft-grau[b-fehlzeittabelle] { background-color: #F7F7F8; }
.ft-tag-kopf.ft-grau .ft-tag[b-fehlzeittabelle], .ft-tag-kopf.ft-grau .ft-wt[b-fehlzeittabelle] { color: #94A3B8; }
.ft-tabelle thead .ft-tag-kopf.ft-heute[b-fehlzeittabelle] { background-color: #EFF6FF; box-shadow: inset 0 2px 0 #2563EB, 0 1px 0 #E2E8F0; }
.ft-tag-kopf.ft-heute .ft-tag[b-fehlzeittabelle] { color: #2563EB; }

/* Erste Spalte fest links: Name und Personalnummer in EINER Zeile */
.ft-titel-kopf[b-fehlzeittabelle], .ft-titel[b-fehlzeittabelle] { position: sticky; left: 0; z-index: 1; padding: 0 8px !important; text-align: left !important;
                            box-shadow: 1px 0 0 #E2E8F0, 2px 0 4px rgba(15, 23, 42, .04); }
.ft-tabelle thead .ft-titel-kopf[b-fehlzeittabelle] { z-index: 3; color: #475569; font-weight: 600; }
.ft-titelzeile[b-fehlzeittabelle] { display: flex; align-items: center; gap: 4px; min-width: 0; }
.ft-name[b-fehlzeittabelle] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; font-size: 12.5px; color: #0F172A; }
.ft-name-knopf[b-fehlzeittabelle] { padding: 0; border: 0; background: none; font-family: inherit; text-align: left; cursor: pointer; }
.ft-name-knopf:hover[b-fehlzeittabelle] { color: #2563EB; text-decoration: underline; }
.ft-name-knopf:focus-visible[b-fehlzeittabelle] { outline: 2px solid #2563EB; outline-offset: 1px; }
.ft-pnr[b-fehlzeittabelle] { flex: 0 0 auto; margin-left: 6px; font-size: 11px; color: #64748B; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* T5.3o: Krankheitstage der letzten 12 Monate in eigener Spalte vor dem 1. – fest links neben dem Namen, Farbe nur als Schrift. */
.ft-kt-kopf[b-fehlzeittabelle], .ft-kt-zelle[b-fehlzeittabelle] { position: sticky; left: 190px; z-index: 1; background-color: #FFFFFF;
                            box-shadow: 1px 0 0 #E2E8F0, 2px 0 4px rgba(15, 23, 42, .04); }
.ft-tabelle thead .ft-kt-kopf[b-fehlzeittabelle] { z-index: 3; }
.ft-tabelle tfoot .ft-kt-zelle[b-fehlzeittabelle] { z-index: 2; }
.ft-kt-zahl[b-fehlzeittabelle] { font-weight: 700; font-size: 12px; font-variant-numeric: tabular-nums; cursor: help; }
.ft-kt-zahl.neutral[b-fehlzeittabelle] { color: #334155; }
.ft-kt-zahl.warn[b-fehlzeittabelle] { color: #92400E; }
.ft-kt-zahl.danger[b-fehlzeittabelle] { color: #991B1B; }
.ft-auf[b-fehlzeittabelle], .ft-auf-platz[b-fehlzeittabelle] { flex: 0 0 18px; width: 18px; height: 18px; }
.ft-auf[b-fehlzeittabelle] { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 4px; background: none; color: #475569; cursor: pointer; }
.ft-auf:hover[b-fehlzeittabelle] { background: #F1F5F9; color: #2563EB; }
.ft-auf:focus-visible[b-fehlzeittabelle] { outline: 2px solid #2563EB; outline-offset: 1px; }

/* Summenspalte fest rechts */
.ft-summe-kopf[b-fehlzeittabelle], .ft-summe[b-fehlzeittabelle] { position: sticky; right: 0; z-index: 1; padding: 0 8px !important; text-align: right !important; font-weight: 700;
                            box-shadow: -1px 0 0 #E2E8F0; }
.ft-tabelle .ft-summe[b-fehlzeittabelle], .ft-tabelle thead .ft-summe-kopf[b-fehlzeittabelle] { background-color: #F8FAFC; }
.ft-tabelle thead .ft-summe-kopf[b-fehlzeittabelle] { z-index: 3; font-size: 11.5px; white-space: nowrap; }

/* Zellen: weiß; nur Kalenderstruktur grau; heute leicht blau */
.ft-tabelle td.ft-grau[b-fehlzeittabelle] { background-color: #F7F7F8; }
.ft-tabelle td.ft-heute[b-fehlzeittabelle] { background-color: #EFF6FF; }
.ft-zelle.ft-ausserhalbmonat[b-fehlzeittabelle] { background: repeating-linear-gradient(135deg, #F7F7F8 0 4px, #E2E8F0 4px 5px); }

.ft-knopf[b-fehlzeittabelle], .ft-text[b-fehlzeittabelle] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 31px; padding: 0; border: 0;
                      background: transparent; color: inherit; font: inherit; font-weight: 700; letter-spacing: .02em; }
.ft-knopf[b-fehlzeittabelle] { cursor: pointer; }
.ft-knopf:hover[b-fehlzeittabelle] { outline: 2px solid #93C5FD; outline-offset: -2px; }
.ft-knopf:focus-visible[b-fehlzeittabelle] { outline: 2px solid #2563EB; outline-offset: -2px; }
.ft-markiert[b-fehlzeittabelle] { outline: 2px solid #2563EB !important; outline-offset: -2px; box-shadow: inset 0 0 0 40px rgba(37, 99, 235, .14); }

/* Ziehen mit gedrückter Maustaste (wwwroot/js/fehlzeiten.js setzt die Klassen) */
.ft-zieht[b-fehlzeittabelle] { cursor: cell; user-select: none; }
.ft-zieht .ft-knopf[b-fehlzeittabelle] { cursor: cell; }
.ft-ziehen[b-fehlzeittabelle] { outline: 2px solid #2563EB !important; outline-offset: -2px; box-shadow: inset 0 0 0 40px rgba(37, 99, 235, .22); }

/* LFZ-Unterzeilen: 24 px, 11 px grau, eingerückt; dickere Linie nach der letzten Unterzeile der Gruppe */
.lfz-zeile th[b-fehlzeittabelle], .lfz-zeile td[b-fehlzeittabelle] { height: 24px; font-size: 11px; color: #475569; }
.lfz-titel[b-fehlzeittabelle] { padding-left: 30px !important; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lfz-gesamt th[b-fehlzeittabelle], .lfz-gesamt td[b-fehlzeittabelle] { font-weight: 700; color: #0F172A; }
.lfz-uhr[b-fehlzeittabelle] { margin-right: 4px; vertical-align: -1px; color: #475569; }
.lfz-zelle[b-fehlzeittabelle] { white-space: nowrap; }
.lfz-angefragt[b-fehlzeittabelle] { color: #B45309 !important; font-style: italic; }
.lfz-eb[b-fehlzeittabelle] { margin-left: 2px; font-size: 9px; font-weight: 700; vertical-align: super; }
.lfz-summe[b-fehlzeittabelle] { font-size: 11px; }
.ft-gruppe.ft-offen > tr.lfz-letzte > th[b-fehlzeittabelle], .ft-gruppe.ft-offen > tr.lfz-letzte > td[b-fehlzeittabelle] { border-bottom: 1.5px solid #94A3B8; }

/* T5.3k/l: eingebbare LFZ-Zellen (Art-Zeile, Tag mit Fehlzeit) und das Eingabefeld darin. Hintergrund (Wochenende/Feiertag/heute) bleibt;
   Hover nur als Rahmen. „+“ nur in leeren eingebbaren Zellen (Klasse statt :empty – robust gegen Leerzeichen im Markup). */
.lfz-edit[b-fehlzeittabelle] { position: relative; cursor: pointer; }
.lfz-edit:hover[b-fehlzeittabelle], .lfz-edit:focus-visible[b-fehlzeittabelle] { box-shadow: inset 0 0 0 1px #93C5FD; outline: none; }
.lfz-edit.lfz-leer:hover[b-fehlzeittabelle]::after, .lfz-edit.lfz-leer:focus-visible[b-fehlzeittabelle]::after { content: "+"; color: #94A3B8; font-weight: 400; }
.lfz-edit.lfz-offen[b-fehlzeittabelle] { padding: 0; box-shadow: inset 0 0 0 2px #3B82F6; }
/* T5.3l: wie Excel – das Eingabefeld füllt die Zelle; noch nicht Gespeichertes blau und fett (Farbe nur als Schrift). */
.lfz-zell-input[b-fehlzeittabelle] { display: block; width: 100%; height: 22px; margin: 0; padding: 0 2px; border: 0; background: #FFFFFF; color: #0F172A;
                  font: inherit; font-weight: 700; text-align: center; outline: none; }
.lfz-zell-input.lfz-falsch[b-fehlzeittabelle] { color: #B91C1C; box-shadow: inset 0 0 0 2px #B91C1C; }
.lfz-geaendert[b-fehlzeittabelle] { color: #2563EB !important; font-weight: 700; }

/* Überfahren hebt die ganze Gruppe leicht hervor (Mitarbeiter + seine LFZ-Zeilen) */
.ft-gruppe:hover > tr > th[b-fehlzeittabelle], .ft-gruppe:hover > tr > td[b-fehlzeittabelle] { background-image: linear-gradient(rgba(37, 99, 235, .05), rgba(37, 99, 235, .05)); }

/* Fußzeile „Summe“ */
.ft-tabelle tfoot th[b-fehlzeittabelle], .ft-tabelle tfoot td[b-fehlzeittabelle] { position: sticky; bottom: 0; z-index: 1; background-color: #F8FAFC; font-weight: 700; color: #334155;
                                             box-shadow: 0 -1px 0 #CBD5E1; }
.ft-tabelle tfoot td.ft-grau[b-fehlzeittabelle] { background-color: #F7F7F8; }
.ft-tabelle tfoot .ft-titel[b-fehlzeittabelle], .ft-tabelle tfoot .ft-summe[b-fehlzeittabelle] { z-index: 2; }
.ft-fuss-titel[b-fehlzeittabelle] { color: #475569 !important; }

@media print {
    .ft-rahmen[b-fehlzeittabelle] { overflow: visible; max-height: none; border: 0; }
    .ft-tabelle[b-fehlzeittabelle] { min-width: 0; font-size: 8.5px; }
    .ft-col-titel[b-fehlzeittabelle] { width: 130px; }
    .ft-col-kt[b-fehlzeittabelle] { width: 26px; }
    .ft-col-summe[b-fehlzeittabelle] { width: 34px; }
    .ft-tabelle th[b-fehlzeittabelle], .ft-tabelle td[b-fehlzeittabelle] { height: 18px; }
    .lfz-zeile th[b-fehlzeittabelle], .lfz-zeile td[b-fehlzeittabelle] { height: 14px; font-size: 7.5px; }
    .lfz-titel[b-fehlzeittabelle] { padding-left: 14px !important; }
    .ft-tabelle thead th[b-fehlzeittabelle] { height: 24px; }
    .ft-titel-kopf[b-fehlzeittabelle], .ft-titel[b-fehlzeittabelle], .ft-summe-kopf[b-fehlzeittabelle], .ft-summe[b-fehlzeittabelle], .ft-kt-kopf[b-fehlzeittabelle], .ft-kt-zelle[b-fehlzeittabelle], .ft-tabelle thead th[b-fehlzeittabelle], .ft-tabelle tfoot td[b-fehlzeittabelle], .ft-tabelle tfoot th[b-fehlzeittabelle] { position: static; box-shadow: none; }
    .ft-auf[b-fehlzeittabelle], .ft-auf-platz[b-fehlzeittabelle] { display: none; }
    .ft-knopf[b-fehlzeittabelle], .ft-text[b-fehlzeittabelle] { min-height: 17px; }
    .ft-kt-zahl[b-fehlzeittabelle] { font-size: 8.5px; }
    .ft-tabelle[b-fehlzeittabelle], .ft-tabelle *[b-fehlzeittabelle] { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
/* /Components/Pages/Fehlzeiten/KrankheitenMeldungenSeite.razor.rz.scp.css */
/* T5.2 Krankheiten & Meldungen – Reiter wie die Kategorien-Seite, Fenster wie die Benutzerverwaltung. Nur Farben aus HamaTheme. */
.fk-kopf[b-gdbyw0k6wz] { display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }

.fk-nurlesen[b-gdbyw0k6wz] { padding: 8px 12px; border: 1px solid #FDE68A; border-radius: 8px; background: #FFFBEB; color: #92400E; font-size: 12.5px; max-width: 420px; }
.fk-reiter[b-gdbyw0k6wz] { display: flex; gap: 4px; margin-bottom: 14px; border-bottom: 1px solid #E2E8F0; }
.fk-reiter-knopf[b-gdbyw0k6wz] { padding: 9px 14px; border: 0; border-bottom: 2px solid transparent; background: none; color: #64748B; font: inherit; font-size: 14px; cursor: pointer; }
.fk-reiter-knopf[aria-selected="true"][b-gdbyw0k6wz] { color: #3B82F6; font-weight: 600; border-bottom-color: #3B82F6; }
.fk-reiter-knopf:hover[b-gdbyw0k6wz] { color: #3B82F6; }
.fk-reiter-knopf:focus-visible[b-gdbyw0k6wz] { outline: 2px solid #3B82F6; outline-offset: -2px; }

/* Inhalt der Reiter (eigene Komponenten) */
[b-gdbyw0k6wz] .fk-anzahl { margin-bottom: 8px; font-size: 12.5px; color: #64748B; }
[b-gdbyw0k6wz] .fk-kurz { font-weight: 600; }
[b-gdbyw0k6wz] .fk-aktionen { display: inline-flex; gap: 4px; }
[b-gdbyw0k6wz] .fk-symbol { width: 32px; height: 32px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; cursor: pointer; font-size: 14px; }
[b-gdbyw0k6wz] .fk-symbol:hover { background: #F1F5F9; }
[b-gdbyw0k6wz] .fk-symbol:focus-visible, [b-gdbyw0k6wz] .fk-feld:focus-visible, [b-gdbyw0k6wz] .fk-farbwahl:focus-visible { outline: 2px solid #3B82F6; outline-offset: 1px; }
[b-gdbyw0k6wz] .fk-farbe { display: inline-block; width: 22px; height: 22px; border: 1px solid #E2E8F0; border-radius: 4px; vertical-align: middle; }

[b-gdbyw0k6wz] .fk-fenster { width: 480px; max-width: 100%; max-height: calc(100vh - 48px); overflow-y: auto; }
[b-gdbyw0k6wz] .fk-f-titel { margin: 0; font-size: 18px; font-weight: 600; color: #0F172A; }
[b-gdbyw0k6wz] .fk-f-untertitel { margin: 2px 0 12px; font-size: 12.5px; color: #64748B; }
[b-gdbyw0k6wz] .fk-label { display: block; margin: 10px 0 4px; font-size: 13px; font-weight: 600; color: #0F172A; }
[b-gdbyw0k6wz] .fk-hilfe { margin: 0 0 6px; font-size: 12px; color: #64748B; }
[b-gdbyw0k6wz] .fk-feld { width: 100%; height: 36px; padding: 0 10px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; box-sizing: border-box; }
[b-gdbyw0k6wz] .fk-feld:disabled { background: #F8FAFC; color: #64748B; }
[b-gdbyw0k6wz] .fk-mehrzeilig { height: auto; padding: 8px 10px; resize: vertical; }
[b-gdbyw0k6wz] .fk-schmal { max-width: 160px; }
[b-gdbyw0k6wz] .fk-fehler { min-height: 16px; margin-top: 3px; color: #B91C1C; font-size: 12px; }
[b-gdbyw0k6wz] .fk-farbzeile { display: flex; align-items: center; gap: 10px; }
[b-gdbyw0k6wz] .fk-farbwahl { width: 48px; height: 36px; padding: 2px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; cursor: pointer; }
[b-gdbyw0k6wz] .fk-farbtext { font-family: Consolas, monospace; font-size: 13px; color: #334155; }
[b-gdbyw0k6wz] .fk-haken { display: flex; gap: 8px; align-items: center; margin: 12px 0 4px; font-size: 13px; font-weight: 600; color: #0F172A; }
[b-gdbyw0k6wz] .fk-knoepfe { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
/* /Components/Pages/Fehlzeiten/LfzZellEditor.razor.rz.scp.css */
/* T5.3k/l: Die Styles des Eingabefelds stehen in FehlzeitTabelle.razor.css (derselbe CssScope „b-fehlzeittabelle“, HamaLohn.Web.csproj).
   Diese Datei gibt LfzZellEditor den Scope; sie bleibt absichtlich fast leer. */
.lfz-zell-input[b-fehlzeittabelle] { }
/* /Components/Pages/Konto/ZweiFaktorSeite.razor.rz.scp.css */
/* T4.10 Zwei-Faktor-Anmeldung – Aufbau wie 🔑 Passwort ändern (PasswortSeite.razor.css), dieselben Farben. */
.zf-rahmen[b-3k491453s9] { max-width: 560px; }

.zf-benutzer[b-3k491453s9] { margin: 2px 0 14px; font-size: 13px; color: #64748B; }
.zf-status[b-3k491453s9] { margin: 0 0 10px; font-size: 14px; color: #0F172A; }
.zf-seit[b-3k491453s9] { font-size: 13px; color: #64748B; }
.zf-text[b-3k491453s9] { margin: 8px 0; font-size: 14px; color: #0F172A; line-height: 1.45; }
.zf-hinweis-wpf[b-3k491453s9] { margin: 10px 0; }
.zf-label[b-3k491453s9] { display: block; margin: 12px 0 5px; font-size: 14px; font-weight: 600; color: #0F172A; }
.zf-feld[b-3k491453s9] { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; box-sizing: border-box; }
.zf-feld:focus-visible[b-3k491453s9] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.zf-code[b-3k491453s9] { max-width: 220px; font-size: 18px; letter-spacing: 2px; }
.zf-fehler[b-3k491453s9] { min-height: 18px; margin-top: 10px; color: #991B1B; font-size: 13px; }
.zf-knoepfe[b-3k491453s9] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.zf-schritte[b-3k491453s9] { margin: 6px 0; padding-left: 20px; font-size: 14px; color: #0F172A; }
.zf-qr[b-3k491453s9] { width: 220px; height: 220px; margin: 8px 0 12px; padding: 6px; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; }
.zf-qr[b-3k491453s9]  svg { width: 100%; height: 100%; display: block; }
.zf-schluessel[b-3k491453s9] { display: inline-block; padding: 6px 10px; border-radius: 6px; background: #F1F5F9; font-size: 15px; letter-spacing: 1px; word-break: break-all; }
.zf-codes[b-3k491453s9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; margin: 12px 0; padding: 0; list-style: none; }
.zf-codes code[b-3k491453s9] { font-size: 15px; letter-spacing: 1px; }
.zf-formular[b-3k491453s9] { margin: 0; }
.zf-druckkopf[b-3k491453s9] { margin-bottom: 12px; font-size: 16px; font-weight: 600; }
@media print { .zf-codes code[b-3k491453s9] { font-size: 16px; } .zf-codes[b-3k491453s9] { outline: none; } }
/* /Components/Pages/Objekte/ObjektListe.razor.rz.scp.css */
/* Zustandsflächen wie LoadingPanel / EmptyStatePanel / ErrorStatePanel in WPF ObjektPage.xaml. */
.objekte-zustand[b-peubhyr69g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 16px;
    text-align: center;
}

/* Fehlerfarbe: die vorhandene Danger-Textfarbe aus app.css (.hama-pill.danger). */
.objekte-zustand[b-peubhyr69g]  .objekte-fehler-titel {
    color: #991B1B;
}

/* Fußzeile wie in WPF: #F8FAFC, 1 px Linie oben. */
.objekte-fuss[b-peubhyr69g] {
    border-top: 1px solid #E2E8F0;
    padding-top: 12px;
}

.objekt-link[b-peubhyr69g] {
    color: inherit;
    text-decoration: none;
}

.objekt-link:hover[b-peubhyr69g] {
    text-decoration: underline;
}
/* /Components/Pages/Objekte/ObjektUnterlagen.razor.rz.scp.css */
/* T2.1b Objekt-Unterlagen – WPF ObjektUnterlagePage: Liste links, Vorschau rechts. */
.ou-kopf[b-xq73zs2tr0] { display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }

.ou-flaeche[b-xq73zs2tr0] { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 16px; align-items: start; }
.ou-fuss[b-xq73zs2tr0] { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; font-size: 13px; color: #64748B; }
.ou-bezeichnung[b-xq73zs2tr0] { font-weight: 600; color: #0F172A; }
[b-xq73zs2tr0] .ou-gewaehlt td { background: #EFF6FF !important; }
.ou-vorschau-kopf[b-xq73zs2tr0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.ou-vorschau-titel[b-xq73zs2tr0] { font-size: 15px; font-weight: 600; color: #0F172A; overflow-wrap: anywhere; }
.ou-vorschau-unterzeile[b-xq73zs2tr0] { font-size: 12px; color: #64748B; overflow-wrap: anywhere; }
.ou-vorschau-leer[b-xq73zs2tr0] { padding: 48px 12px; text-align: center; }
.ou-vorschau-symbol[b-xq73zs2tr0] { font-size: 64px; opacity: .3; }
.ou-vorschau-leer-titel[b-xq73zs2tr0] { margin: 8px 0 4px; font-size: 17px; font-weight: 600; color: #0F172A; }
.ou-rahmen[b-xq73zs2tr0] { width: 100%; height: calc(100vh - 330px); min-height: 420px; border: 0; }
.ou-bild[b-xq73zs2tr0] { max-width: 100%; max-height: calc(100vh - 330px); }
.ou-label[b-xq73zs2tr0] { display: block; margin: 12px 0 4px; font-size: 13px; font-weight: 600; color: #0F172A; }
.ou-feld[b-xq73zs2tr0] { width: 100%; min-height: 34px; padding: 6px 9px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; box-sizing: border-box; }
.ou-feld:focus-visible[b-xq73zs2tr0], .ou-datei:focus-visible[b-xq73zs2tr0] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.ou-datei[b-xq73zs2tr0] { display: block; width: 100%; font: inherit; font-size: 13px; }
.ou-zeitraum[b-xq73zs2tr0] { display: flex; align-items: center; gap: 8px; }
.ou-zeitraum .ou-feld[b-xq73zs2tr0] { width: auto; flex: 1; }
.ou-fehler[b-xq73zs2tr0] { min-height: 18px; margin-top: 8px; color: #991B1B; font-size: 12.5px; }
.ou-knoepfe[b-xq73zs2tr0] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
@media (max-width: 1100px) { .ou-flaeche[b-xq73zs2tr0] { grid-template-columns: 1fr; } }
/* /Components/Pages/Persoenlich/BenachrichtigungenSeite.razor.rz.scp.css */
/* Farben wie WPF Views/NotificationPage.xaml (Text #111827, grau #6B7280, NEU/Zähler #EF4444, ungelesen blau hinterlegt). */
.bn-kopf[b-gwdfcw9gss] { display: flex; align-items: center; gap: 10px; }
.bn-zahl[b-gwdfcw9gss] { background: #EF4444; color: #FFFFFF; border-radius: 10px; min-width: 22px; padding: 0 7px; font-size: 12px; font-weight: 700;
    line-height: 20px; text-align: center; }

.bn-eintrag[b-gwdfcw9gss] { display: flex; gap: 14px; padding: 14px 4px; border-bottom: 1px solid #F1F5F9; }
.bn-eintrag.bn-ungelesen[b-gwdfcw9gss] { background: #F0F7FF; }
.bn-symbol[b-gwdfcw9gss] { flex: none; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 17px; font-weight: 700; }
/* Farben wie HamaTheme (Ok/Warn/Danger-Pillen, Akzent) – Wunsch Benutzer 2026-10-26 */
.bn-symbol-ok[b-gwdfcw9gss] { background: #DCFCE7; color: #16A34A; }
.bn-symbol-warnung[b-gwdfcw9gss] { background: #FEF3C7; color: #D97706; }
.bn-symbol-fehler[b-gwdfcw9gss] { background: #FEE2E2; color: #DC2626; }
.bn-symbol-info[b-gwdfcw9gss] { background: #DBEAFE; color: #2F7DF6; }
.bn-inhalt[b-gwdfcw9gss] { flex: 1; min-width: 0; }
.bn-titelzeile[b-gwdfcw9gss] { display: flex; align-items: center; gap: 8px; }
.bn-titel[b-gwdfcw9gss] { font-size: 15px; font-weight: 600; color: #111827; }
.bn-neu[b-gwdfcw9gss] { background: #EF4444; color: #FFFFFF; border-radius: 4px; padding: 1px 6px; font-size: 10px; font-weight: 700; }
.bn-text[b-gwdfcw9gss] { font-size: 13px; color: #6B7280; margin-top: 2px; white-space: pre-wrap; }
.bn-bezug[b-gwdfcw9gss] { display: flex; gap: 14px; font-size: 12px; color: #374151; margin-top: 4px; }
.bn-zeit[b-gwdfcw9gss] { font-size: 11px; color: #9CA3AF; margin-top: 4px; }
.bn-knoepfe[b-gwdfcw9gss] { display: flex; align-items: flex-start; gap: 4px; }
.bn-knopf[b-gwdfcw9gss] { width: 32px; height: 32px; border: 1px solid #E5E7EB; border-radius: 8px; background: #FFFFFF; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-size: 14px; }
.bn-knopf:hover[b-gwdfcw9gss] { background: #F1F5F9; }
.bn-leer[b-gwdfcw9gss] { text-align: center; padding: 40px 8px; color: #6B7280; font-size: 14px; }
.bn-leer-symbol[b-gwdfcw9gss] { font-size: 48px; }
.bn-blass[b-gwdfcw9gss] { opacity: 0.3; font-size: 72px; }
.bn-leer-titel[b-gwdfcw9gss] { font-size: 18px; font-weight: 600; color: #374151; }
.bn-fuss[b-gwdfcw9gss] { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 13px; color: #6B7280; flex-wrap: wrap; }
.bn-trenner[b-gwdfcw9gss] { color: #D1D5DB; margin: 0 4px; }
.bn-platz[b-gwdfcw9gss] { flex: 1; }
.bn-seite[b-gwdfcw9gss] { margin: 0 6px; }
.bn-frage-knoepfe[b-gwdfcw9gss] { display: flex; justify-content: flex-end; gap: 8px; }
/* /Components/Pages/Persoenlich/Merkliste.razor.rz.scp.css */
/* Redesign 2026-11-03: schmale Filterspalte, Kopf mit Zähler, Eingabe in einer Zeile.
   Nur vorhandene Farben aus HamaTheme / app.css (Akzent #2F7DF6/#1857BD, hell #DBEAFE, grau #F3F4F6).
   Karten wie .hama-karte: weiß, 1 px #E5E7EB, Radius 8 px, weicher Schatten. */

.merkliste-seite[b-cb6dz1xn85] {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    max-width: 1100px;
}

/* ---------- Filter ---------- */

.merkliste-filter[b-cb6dz1xn85] {
    position: sticky;
    top: 16px;
    min-width: 180px;
    padding: 12px 6px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 1px 8px rgba(15, 23, 42, .06);
}

.merkliste-filter-kopf[b-cb6dz1xn85] {
    margin: 0 8px 8px;
    color: #94A3B8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.merkliste-filter-liste[b-cb6dz1xn85] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.merkliste-filter-zeile[b-cb6dz1xn85] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 34px;
    padding: 0 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #334155;
    font: inherit;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.merkliste-filter-zeile:hover:not(:disabled)[b-cb6dz1xn85] { background: #F3F4F6; }
.merkliste-filter-zeile:focus-visible[b-cb6dz1xn85] { outline: 2px solid #2F7DF6; outline-offset: -2px; }
.merkliste-filter-zeile:disabled[b-cb6dz1xn85] { cursor: default; opacity: .6; }

.merkliste-filter-zeile.aktiv[b-cb6dz1xn85],
.merkliste-filter-zeile.aktiv:hover:not(:disabled)[b-cb6dz1xn85] {
    background: #DBEAFE;
    color: #1857BD;
    font-weight: 600;
}

.merkliste-filter-symbol[b-cb6dz1xn85] { flex: 0 0 18px; font-size: 13px; text-align: center; }

.merkliste-filter-text[b-cb6dz1xn85] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.merkliste-filter-zahl[b-cb6dz1xn85] {
    flex: 0 0 auto;
    min-width: 18px;
    padding: 0 5px;
    border-radius: 10px;
    background: #F1F5F9;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}

.merkliste-filter-zeile.aktiv .merkliste-filter-zahl[b-cb6dz1xn85] { background: #FFFFFF; color: #1857BD; }
.merkliste-filter-zahl.merkliste-filter-zahl-rot[b-cb6dz1xn85],
.merkliste-filter-zeile.aktiv .merkliste-filter-zahl.merkliste-filter-zahl-rot[b-cb6dz1xn85] { background: #FEE2E2; color: #DC2626; }

/* ---------- Inhalt ---------- */

.merkliste-inhalt[b-cb6dz1xn85] { min-width: 0; }

.merkliste-kopf[b-cb6dz1xn85] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 16px;
}

.merkliste-ueberschrift[b-cb6dz1xn85] {
    margin: 0;
    color: #0F172A;
    font-size: 22px;
    font-weight: 700;
}

.merkliste-anzahl[b-cb6dz1xn85] { color: #64748B; font-size: 13px; }

.merkliste-symbolknopf[b-cb6dz1xn85] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #64748B;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.merkliste-symbolknopf:hover:not(:disabled)[b-cb6dz1xn85] { background: #F3F4F6; }
.merkliste-symbolknopf:focus-visible[b-cb6dz1xn85] { outline: 2px solid #2F7DF6; outline-offset: 1px; }
.merkliste-symbolknopf:disabled[b-cb6dz1xn85] { cursor: default; opacity: .45; }

.merkliste-aktualisieren[b-cb6dz1xn85] {
    margin-left: auto;
    align-self: center;
    border-color: #E5E7EB;
    background: #FFFFFF;
}

/* ---------- Neue Aufgabe ---------- */

[b-cb6dz1xn85] .merkliste-neu { margin-bottom: 16px; padding-bottom: 16px; }

.merkliste-neu-zeile[b-cb6dz1xn85] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.merkliste-neu-feld[b-cb6dz1xn85] { display: flex; flex-direction: column; min-width: 0; }
.merkliste-neu-titel[b-cb6dz1xn85] { flex: 1 1 auto; }
.merkliste-neu-faellig[b-cb6dz1xn85] { flex: 0 0 160px; }
.merkliste-neu-kategorie[b-cb6dz1xn85] { flex: 0 0 180px; }

.merkliste-feld-label[b-cb6dz1xn85] {
    display: block;
    margin-bottom: 4px;
    color: #64748B;
    font-size: 12px;
}

.merkliste-feld[b-cb6dz1xn85] {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    background: #FFFFFF;
    color: #0F172A;
    font: inherit;
    font-size: 14px;
}

.merkliste-feld[b-cb6dz1xn85]::placeholder { color: #94A3B8; }

.merkliste-feld:focus[b-cb6dz1xn85] {
    border-color: #2F7DF6;
    outline: 1px solid #2F7DF6;
}

.merkliste-feld:disabled[b-cb6dz1xn85] { opacity: .55; }

.merkliste-stern-knopf[b-cb6dz1xn85] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    background: #FFFFFF;
    color: #94A3B8;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.merkliste-stern-knopf:hover:not(:disabled)[b-cb6dz1xn85] { background: #F3F4F6; }
.merkliste-stern-knopf.an[b-cb6dz1xn85] { border-color: #F59E0B; background: #FEF3C7; }
.merkliste-stern-knopf:focus-visible[b-cb6dz1xn85] { outline: 2px solid #2F7DF6; outline-offset: 1px; }
.merkliste-stern-knopf:disabled[b-cb6dz1xn85] { cursor: default; opacity: .55; }

/* HamaKnopf rendert seinen <button> selbst – darum ::deep. */
.merkliste-neu-zeile[b-cb6dz1xn85]  .hama-knopf { flex: 0 0 auto; height: 40px; }

/* ---------- Liste ---------- */

.merkliste-liste[b-cb6dz1xn85] {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 1px 8px rgba(15, 23, 42, .06);
    overflow: hidden;
}

.merkliste-zeile[b-cb6dz1xn85] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 6px 12px 6px 14px;
    border-bottom: 1px solid #F1F5F9;
}

.merkliste-zeile:last-child[b-cb6dz1xn85] { border-bottom: 0; }
.merkliste-zeile:hover[b-cb6dz1xn85] { background: #F8FAFC; }

.merkliste-erledigt[b-cb6dz1xn85] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
}

.merkliste-titel[b-cb6dz1xn85] {
    flex: 1 1 auto;
    min-width: 0;
    color: #1E293B;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.merkliste-titel-erledigt[b-cb6dz1xn85] {
    color: #94A3B8;
    text-decoration: line-through;
}

/* Kategorie + Datum: auf breiten Schirmen eigene Spalten in der Zeile, schmal zweite Zeile unter dem Titel. */
.merkliste-meta[b-cb6dz1xn85] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.merkliste-kategorie[b-cb6dz1xn85] {
    flex: 0 0 auto;
    max-width: 160px;
    overflow: hidden;
    padding: 2px 8px;
    border-radius: 10px;
    background: #F1F5F9;
    color: #475569;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.merkliste-datum[b-cb6dz1xn85] {
    flex: 0 0 auto;
    color: #64748B;
    font-size: 12px;
    white-space: nowrap;
}

.merkliste-ueberfaellig[b-cb6dz1xn85] { color: #DC2626; font-weight: 600; }
.merkliste-heute[b-cb6dz1xn85] { color: #D97706; font-weight: 600; }

.merkliste-stern[b-cb6dz1xn85] { color: #94A3B8; font-size: 16px; }

/* Bearbeiten/Löschen erst beim Überfahren; per Tastatur (focus-within) und auf Touch immer erreichbar. */
.merkliste-aktionen[b-cb6dz1xn85] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
    opacity: 0;
    transition: opacity .12s ease;
}

.merkliste-zeile:hover .merkliste-aktionen[b-cb6dz1xn85],
.merkliste-zeile:focus-within .merkliste-aktionen[b-cb6dz1xn85] { opacity: 1; }

@media (hover: none) {
    .merkliste-aktionen[b-cb6dz1xn85] { opacity: 1; }
}

/* ---------- Leer / Laden ---------- */

.merkliste-leer[b-cb6dz1xn85] {
    padding: 48px 16px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 1px 8px rgba(15, 23, 42, .06);
    color: #64748B;
    font-size: 14px;
    text-align: center;
}

.merkliste-leer-symbol[b-cb6dz1xn85] { margin-bottom: 8px; font-size: 40px; opacity: .45; }
.merkliste-leer-titel[b-cb6dz1xn85] { color: #374151; font-size: 16px; font-weight: 600; }
.merkliste-leer-hinweis[b-cb6dz1xn85] { margin-top: 4px; }

/* ---------- Bearbeiten ---------- */

.merkliste-check[b-cb6dz1xn85] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    color: #475569;
    font-size: 14px;
}

/* Seitenprüfung 2026-11-04: Bearbeiten/Löschen als modale Fenster (HamaFenster), dieselben Felder wie „Neue Aufgabe“. */
.merkliste-fenster[b-cb6dz1xn85] { display: flex; flex-direction: column; gap: 6px; }
.merkliste-fenster-zeile[b-cb6dz1xn85] { display: flex; gap: 12px; margin-top: 6px; }
.merkliste-fenster-feld[b-cb6dz1xn85] { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.merkliste-fenster-feld .merkliste-feld[b-cb6dz1xn85] { width: 100%; }
.merkliste-frage[b-cb6dz1xn85] { font-size: 14px; color: #0F172A; overflow-wrap: anywhere; }
.merkliste-fensterknoepfe[b-cb6dz1xn85] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
@media (max-width: 479.98px) { .merkliste-fenster-zeile[b-cb6dz1xn85] { flex-direction: column; } }

/* ---------- Schmal (< 768 px): Filter als waagerechte Chip-Leiste ---------- */

@media (max-width: 767.98px) {
    .merkliste-seite[b-cb6dz1xn85] { grid-template-columns: minmax(0, 1fr); gap: 16px; }

    .merkliste-filter[b-cb6dz1xn85] {
        position: static;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .merkliste-filter-kopf[b-cb6dz1xn85] { display: none; }

    .merkliste-filter-liste[b-cb6dz1xn85] {
        flex-direction: row;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: thin;
    }

    .merkliste-filter-zeile[b-cb6dz1xn85] {
        flex: 0 0 auto;
        width: auto;
        border: 1px solid #E5E7EB;
        border-radius: 17px;
        background: #FFFFFF;
    }

    .merkliste-filter-zeile.aktiv[b-cb6dz1xn85] { border-color: #DBEAFE; }

    .merkliste-neu-zeile[b-cb6dz1xn85] { flex-wrap: wrap; }
    .merkliste-neu-titel[b-cb6dz1xn85] { flex: 1 1 100%; }
    .merkliste-neu-faellig[b-cb6dz1xn85],
    .merkliste-neu-kategorie[b-cb6dz1xn85] { flex: 1 1 140px; }

    .merkliste-zeile[b-cb6dz1xn85] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        column-gap: 8px;
        row-gap: 2px;
    }

    .merkliste-erledigt[b-cb6dz1xn85] { grid-column: 1; grid-row: 1; }
    .merkliste-titel[b-cb6dz1xn85] { grid-column: 2; grid-row: 1; }
    .merkliste-stern[b-cb6dz1xn85] { grid-column: 3; grid-row: 1; }
    .merkliste-aktionen[b-cb6dz1xn85] { grid-column: 4; grid-row: 1; }
    .merkliste-meta[b-cb6dz1xn85] { grid-column: 2 / -1; grid-row: 2; flex-wrap: wrap; }
}
/* /Components/Pages/Persoenlich/PasswortSeite.razor.rz.scp.css */
/* T4.7 Passwort ändern – wie WPF ChangePasswordDialog. */
.pw-rahmen[b-qrvwi0nseb] { max-width: 520px; }

.pw-benutzer[b-qrvwi0nseb] { margin: 2px 0 14px; font-size: 13px; color: #64748B; }
.pw-label[b-qrvwi0nseb] { display: block; margin: 12px 0 5px; font-size: 14px; font-weight: 600; color: #0F172A; }
.pw-feld[b-qrvwi0nseb] { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; box-sizing: border-box; }
.pw-feld:focus-visible[b-qrvwi0nseb] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.pw-anforderungen[b-qrvwi0nseb] { margin-top: 16px; padding: 10px 12px; border-radius: 8px; background: #EFF6FF; color: #1E3A8A; font-size: 12px; }
.pw-anforderungen ul[b-qrvwi0nseb] { margin: 4px 0 0; padding-left: 18px; font-size: 11.5px; }
.pw-fehler[b-qrvwi0nseb] { min-height: 18px; margin-top: 10px; color: #991B1B; font-size: 13px; }
.pw-knoepfe[b-qrvwi0nseb] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
/* /Components/Pages/Personal/MitarbeiterUnterlagen.razor.rz.scp.css */
/* Aktionen ✏️ / 🗑️ größer und gut klickbar. */
.hama-aktion-symbol[b-x9cw4291cz] {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 6px;
}

.hama-aktion-symbol:hover[b-x9cw4291cz],
.hama-aktion-symbol:focus-visible[b-x9cw4291cz] {
    background: #F1F5F9;
}
/* /Components/Pages/Post/EingangspostSeite.razor.rz.scp.css */
/* Farben und Maße aus WPF Views/PayrollPosteingangPage.xaml (Chips, Quell-Badges, Auswahl, Vorschau). */
.ei-kopf[b-jrp3ebrdy2] { display: flex; flex-direction: column; }
.ei-zaehler[b-jrp3ebrdy2] { margin-top: 3px; font-size: 13px; color: #64748B; }

.ei-chips[b-jrp3ebrdy2] { display: flex; gap: 6px; flex-wrap: nowrap; }
.ei-chip[b-jrp3ebrdy2] { height: 36px; padding: 0 12px; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; color: #334155;
           font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
.ei-chip:hover[b-jrp3ebrdy2] { background: #F1F5F9; }
.ei-chip.an[b-jrp3ebrdy2] { background: #EFF6FF; border-color: #3B82F6; color: #1D4ED8; font-weight: 600; }

.ei-raster[b-jrp3ebrdy2] { display: grid; grid-template-columns: minmax(280px, 2fr) minmax(360px, 3fr); gap: 16px; align-items: start; }
@media (max-width: 959.98px) { .ei-raster[b-jrp3ebrdy2] { grid-template-columns: 1fr; } }

.ei-zustand[b-jrp3ebrdy2] { padding: 40px 12px; text-align: center; color: #64748B; font-size: 14px; }
.ei-zustand-symbol[b-jrp3ebrdy2] { font-size: 32px; margin-bottom: 6px; }

.ei-gruppe[b-jrp3ebrdy2] { margin: 12px 0 4px; font-size: 13px; font-weight: 600; color: #334155; }
.ei-gruppe:first-child[b-jrp3ebrdy2] { margin-top: 0; }
.ei-gruppe-zahl[b-jrp3ebrdy2] { font-weight: 400; color: #94A3B8; }
.ei-zeile[b-jrp3ebrdy2] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; padding: 8px 10px; margin-bottom: 2px;
            border: 0; border-radius: 6px; background: transparent; text-align: left; font: inherit; cursor: pointer; }
.ei-zeile:hover[b-jrp3ebrdy2] { background: #F1F5F9; }
.ei-zeile.gewaehlt[b-jrp3ebrdy2] { background: #EFF6FF; }
.ei-dateiname[b-jrp3ebrdy2] { font-size: 13.5px; font-weight: 600; color: #0F172A; overflow-wrap: anywhere; }
.ei-zeile-unter[b-jrp3ebrdy2] { font-size: 11px; color: #64748B; }
.ei-quelle[b-jrp3ebrdy2] { margin-top: 2px; padding: 1px 7px; border-radius: 8px; font-size: 10px; font-weight: 600; }
.ei-quelle.el[b-jrp3ebrdy2] { background: #FEF3C7; color: #B45309; }
.ei-quelle.lohn[b-jrp3ebrdy2] { background: #DBEAFE; color: #1D4ED8; }

.ei-detail-name[b-jrp3ebrdy2] { font-size: 17px; font-weight: 600; color: #0F172A; overflow-wrap: anywhere; }
.ei-detail-meta[b-jrp3ebrdy2] { margin-top: 4px; font-size: 12.5px; color: #64748B; }
.ei-aufgabe[b-jrp3ebrdy2] { display: inline-block; margin-top: 6px; font-size: 13px; color: #4F46E5; text-decoration: none; }
.ei-aufgabe:hover[b-jrp3ebrdy2] { text-decoration: underline; }

/* Vorschau-Fenster: breit, fast volle Höhe; dunkler Körper wie WPF (#1E293B). */
.ei-vorschau-fenster[b-jrp3ebrdy2] { width: 100%; max-width: 1100px; height: 86vh; display: flex; flex-direction: column; overflow: hidden;
                       background: #FFFFFF; border-radius: 8px; box-shadow: 0 10px 40px rgba(15, 23, 42, .35); outline: none; }
.ei-vorschau-kopf[b-jrp3ebrdy2] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px;
                    border-bottom: 1px solid #E2E8F0; }
.ei-vorschau-titel[b-jrp3ebrdy2] { font-size: 14px; font-weight: 600; color: #0F172A; overflow-wrap: anywhere; }
.ei-vorschau-zu[b-jrp3ebrdy2] { border: 1px solid #D1D5DB; border-radius: 6px; background: #FFFFFF; color: #0F172A; padding: 4px 10px;
                  font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
.ei-vorschau-zu:hover[b-jrp3ebrdy2] { background: #F3F4F6; }
.ei-vorschau-koerper[b-jrp3ebrdy2] { flex: 1; min-height: 0; background: #1E293B; display: flex; align-items: center; justify-content: center; }
.ei-vorschau-koerper iframe[b-jrp3ebrdy2] { width: 100%; height: 100%; border: 0; background: #FFFFFF; }
.ei-vorschau-koerper img[b-jrp3ebrdy2] { max-width: 100%; max-height: 100%; object-fit: contain; }
.ei-vorschau-text[b-jrp3ebrdy2] { padding: 24px; color: #E2E8F0; font-size: 14px; text-align: center; }

.ei-abschnitt[b-jrp3ebrdy2] { margin: 18px 0 8px; font-size: 12px; font-weight: 600; letter-spacing: .04em; color: #64748B; text-transform: uppercase; }
.ei-formular[b-jrp3ebrdy2] { display: flex; flex-direction: column; gap: 10px; max-width: 560px; }
.ei-zeitraum[b-jrp3ebrdy2] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ei-validierung[b-jrp3ebrdy2] { color: #DC2626; font-size: 13px; }
.ei-ablegen[b-jrp3ebrdy2] { background: #10B981; color: #FFFFFF; border: 0; }
.ei-ablegen:hover:not(:disabled)[b-jrp3ebrdy2] { background: #059669; }
.ei-detail-spalte[b-jrp3ebrdy2] { min-width: 0; }
.ei-detail-name:focus[b-jrp3ebrdy2] { outline: none; }
/* /Components/Pages/Post/LohnPostfachSeite.razor.rz.scp.css */
/* Farben aus WPF Views/LohnPostfachPage.xaml / LohnUnterhaltungView.xaml. */
.lp-kopf[b-9je2bp72zq] { display: flex; flex-direction: column; }
.lp-zaehler[b-9je2bp72zq] { margin: 3px 0 12px; font-size: 13px; color: #64748B; }

.lp-chips[b-9je2bp72zq] { display: flex; gap: 6px; flex-wrap: nowrap; }
.lp-chip[b-9je2bp72zq] { height: 36px; padding: 0 12px; border: 1px solid #E2E8F0; border-radius: 8px; background: #FFFFFF; color: #334155;
           font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
.lp-chip:hover:not(:disabled)[b-9je2bp72zq] { background: #F1F5F9; }
.lp-chip.an[b-9je2bp72zq] { background: #EFF6FF; border-color: #3B82F6; color: #1D4ED8; font-weight: 600; }

.lp-raster[b-9je2bp72zq] { display: grid; grid-template-columns: minmax(280px, 2fr) minmax(380px, 3fr); gap: 16px; align-items: start; }
@media (max-width: 959.98px) { .lp-raster[b-9je2bp72zq] { grid-template-columns: 1fr; } }

.lp-zustand[b-9je2bp72zq] { padding: 40px 12px; text-align: center; color: #94A3B8; font-size: 14px; }
.lp-symbol[b-9je2bp72zq] { font-size: 44px; opacity: .3; margin-bottom: 6px; }

.lp-gruppe[b-9je2bp72zq] { display: flex; align-items: center; gap: 6px; margin: 12px 0 4px; font-size: 13px; font-weight: 700; color: #334155; }
.lp-gruppe:first-child[b-9je2bp72zq] { margin-top: 0; }
.lp-gruppe-zahl[b-9je2bp72zq] { font-weight: 400; color: #94A3B8; }
.lp-zeile[b-9je2bp72zq] { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px; margin: 1px 0; border: 0; border-radius: 8px;
            background: transparent; text-align: left; font: inherit; cursor: pointer; }
.lp-zeile:hover[b-9je2bp72zq] { background: #F1F5F9; }
.lp-zeile.gewaehlt[b-9je2bp72zq] { background: #EFF6FF; }
.lp-avatar[b-9je2bp72zq] { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
             color: #FFFFFF; font-size: 12px; font-weight: 700; }
.lp-zeile-text[b-9je2bp72zq] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.lp-zeile-kopf[b-9je2bp72zq] { display: flex; align-items: center; gap: 6px; min-width: 0; }
.lp-titel[b-9je2bp72zq] { font-weight: 600; color: #0F172A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp-vorschau[b-9je2bp72zq] { font-size: 12px; color: #64748B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp-zeit[b-9je2bp72zq] { font-size: 10px; color: #94A3B8; }
.lp-kennzeichnung[b-9je2bp72zq] { padding: 1px 7px; border: 1px solid #CBD5E1; border-radius: 8px; background: #F1F5F9; font-size: 10px; color: #475569; white-space: nowrap; }
.lp-badge[b-9je2bp72zq] { flex: 0 0 auto; min-width: 20px; padding: 1px 6px; border-radius: 10px; background: #3B82F6; color: #FFFFFF; font-size: 11px;
            font-weight: 700; text-align: center; }

.lp-thread-kopf[b-9je2bp72zq] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E2E8F0; }
.lp-thread-titel[b-9je2bp72zq] { font-size: 16px; font-weight: 600; color: #0F172A; }
.lp-spacer[b-9je2bp72zq] { flex: 1; }

.lp-verlauf[b-9je2bp72zq] { display: flex; flex-direction: column; gap: 8px; max-height: 52vh; overflow-y: auto; padding: 4px 2px; }
.lp-nachricht[b-9je2bp72zq] { max-width: 78%; padding: 8px 12px; border-radius: 10px; font-size: 13.5px; }
.lp-nachricht.aus[b-9je2bp72zq] { align-self: flex-end; background: #DBEAFE; color: #0F172A; }
.lp-nachricht.ein[b-9je2bp72zq] { align-self: flex-start; background: #F1F5F9; color: #0F172A; }
.lp-nachricht.hinweis[b-9je2bp72zq] { align-self: center; background: #FEF3C7; color: #92400E; font-size: 12.5px; }
.lp-nachricht-kopf[b-9je2bp72zq] { font-size: 11px; color: #64748B; margin-bottom: 2px; }
.lp-nachricht-text[b-9je2bp72zq] { white-space: pre-wrap; overflow-wrap: anywhere; }
.lp-anhang[b-9je2bp72zq] { display: inline-block; margin-top: 4px; padding: 3px 8px; border: 1px solid #CBD5E1; border-radius: 6px; background: #FFFFFF;
             color: #1D4ED8; font: inherit; font-size: 12.5px; cursor: pointer; }
.lp-anhang:hover:not(:disabled)[b-9je2bp72zq] { background: #EFF6FF; }
.lp-etikett[b-9je2bp72zq] { margin-top: 4px; font-size: 11px; color: #B45309; }

.lp-verfassen[b-9je2bp72zq] { margin-top: 12px; padding-top: 10px; border-top: 1px solid #E2E8F0; }
.lp-verfassen-zeile[b-9je2bp72zq] { display: flex; align-items: flex-end; gap: 8px; }
.lp-text[b-9je2bp72zq] { flex: 1; width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #CBD5E1; border-radius: 8px; font: inherit; font-size: 14px; resize: vertical; }
.lp-text:focus[b-9je2bp72zq] { outline: 2px solid #3B82F6; outline-offset: -1px; }
.lp-datei-knopf[b-9je2bp72zq] { position: relative; overflow: hidden; cursor: pointer; }
.lp-datei[b-9je2bp72zq] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.lp-anhang-name[b-9je2bp72zq] { margin-top: 4px; font-size: 11px; color: #2563EB; }
.lp-hinweis[b-9je2bp72zq] { margin-bottom: 6px; font-size: 12.5px; color: #64748B; }
.lp-hinweis.warn[b-9je2bp72zq] { color: #B45309; }

.lp-abschnitt[b-9je2bp72zq] { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: #0F172A; }
.lp-neu[b-9je2bp72zq] { display: flex; flex-direction: column; gap: 10px; }
.lp-neu-suche[b-9je2bp72zq] { display: flex; align-items: center; gap: 12px; }
.lp-neu-suche > :first-child[b-9je2bp72zq] { flex: 1; }
.lp-suche-feld[b-9je2bp72zq] { min-height: 36px; resize: none; }
.lp-empfaenger[b-9je2bp72zq] { max-height: 38vh; overflow-y: auto; border: 1px solid #E2E8F0; border-radius: 8px; padding: 8px 10px; }
.lp-empfaenger-gruppe[b-9je2bp72zq] { margin-bottom: 8px; }
.lp-check[b-9je2bp72zq] { display: flex; align-items: center; gap: 6px; font-size: 13.5px; color: #0F172A; cursor: pointer; white-space: nowrap; }
.lp-check-person[b-9je2bp72zq] { margin-left: 50px; padding: 2px 0; }
.lp-gruppe-zeile[b-9je2bp72zq] { display: flex; align-items: center; gap: 4px; }
.lp-klappe[b-9je2bp72zq] { width: 24px; height: 24px; border: 0; border-radius: 4px; background: transparent; color: #475569; font-size: 14px; cursor: pointer; }
.lp-klappe:hover[b-9je2bp72zq] { background: #F1F5F9; }
.lp-klappen-alle[b-9je2bp72zq] { display: flex; gap: 12px; margin-bottom: 6px; }
.lp-link[b-9je2bp72zq] { border: 0; background: transparent; padding: 0; color: #2563EB; font: inherit; font-size: 12.5px; cursor: pointer; }
.lp-link:hover[b-9je2bp72zq] { text-decoration: underline; }
.lp-auswahl[b-9je2bp72zq] { font-size: 12px; color: #64748B; }
.lp-anhang-zeile[b-9je2bp72zq] { display: flex; align-items: center; gap: 10px; }
.lp-pruefung[b-9je2bp72zq] { color: #DC2626; font-size: 13px; white-space: pre-line; }
.lp-knoepfe[b-9je2bp72zq] { display: flex; justify-content: flex-end; gap: 8px; }
.lp-frage-text[b-9je2bp72zq] { white-space: pre-line; font-size: 14px; color: #0F172A; }
.lp-umbruch[b-9je2bp72zq] { white-space: pre-line; }

.lp-vorschau-fenster[b-9je2bp72zq] { width: 100%; max-width: 1100px; height: 86vh; display: flex; flex-direction: column; overflow: hidden;
                       background: #FFFFFF; border-radius: 8px; box-shadow: 0 10px 40px rgba(15, 23, 42, .35); }
.lp-vorschau-kopf[b-9je2bp72zq] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #E2E8F0; }
.lp-vorschau-titel[b-9je2bp72zq] { font-size: 14px; font-weight: 600; color: #0F172A; overflow-wrap: anywhere; }
.lp-vorschau-zu[b-9je2bp72zq] { border: 1px solid #D1D5DB; border-radius: 6px; background: #FFFFFF; color: #0F172A; padding: 4px 10px; font: inherit; font-size: 13px; cursor: pointer; }
.lp-vorschau-koerper[b-9je2bp72zq] { flex: 1; min-height: 0; background: #1E293B; display: flex; align-items: center; justify-content: center; }
.lp-vorschau-koerper iframe[b-9je2bp72zq] { width: 100%; height: 100%; border: 0; background: #FFFFFF; }
.lp-vorschau-koerper img[b-9je2bp72zq] { max-width: 100%; max-height: 100%; object-fit: contain; }
.lp-vorschau-text[b-9je2bp72zq] { padding: 24px; color: #E2E8F0; font-size: 14px; text-align: center; }
/* /Components/Pages/Poststelle/PoststelleSeite.razor.rz.scp.css */
/* Poststelle – Farben wie WPF PoststellePage (FarbenFuer, XAML). Ampel-Klassen setzen vier Variablen. */
.ps-gut[b-dgvymrf48y] { --ps-bg: #ECFDF5; --ps-rand: #A7F3D0; --ps-text: #047857; --ps-punkt: #10B981; }
.ps-warnung[b-dgvymrf48y] { --ps-bg: #FFFBEB; --ps-rand: #FDE68A; --ps-text: #B45309; --ps-punkt: #F59E0B; }
.ps-stoerung[b-dgvymrf48y] { --ps-bg: #FEF2F2; --ps-rand: #FECACA; --ps-text: #B91C1C; --ps-punkt: #EF4444; }
.ps-unbekannt[b-dgvymrf48y] { --ps-bg: #F1F5F9; --ps-rand: #E2E8F0; --ps-text: #475569; --ps-punkt: #94A3B8; }

.ps-kopf[b-dgvymrf48y] { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.ps-unterzeile[b-dgvymrf48y] { font-size: 13px; color: #64748B; margin-top: 4px; }
.ps-stand[b-dgvymrf48y] { font-size: 12px; color: #64748B; white-space: nowrap; }

.ps-hinweis[b-dgvymrf48y] { background: #FFFBEB; border: 1px solid #FDE68A; border-radius: 10px; padding: 10px 14px; color: #92400E; }

.ps-pillen[b-dgvymrf48y] { display: flex; flex-wrap: wrap; gap: 10px; }
.ps-pille[b-dgvymrf48y] { display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--ps-rand);
    background: var(--ps-bg); color: var(--ps-text); font-size: 13px; font-weight: 600; }
.ps-punkt[b-dgvymrf48y] { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--ps-punkt); margin-right: 8px; flex: none; }

.ps-kartentitel[b-dgvymrf48y] { font-size: 15px; font-weight: 700; color: #0F172A; }
.ps-bild[b-dgvymrf48y] { display: block; width: 100%; max-height: 310px; margin: 6px auto 0; }
.ps-linie[b-dgvymrf48y] { stroke: var(--ps-punkt); stroke-width: 2.5; }
.ps-spitze[b-dgvymrf48y] { fill: var(--ps-punkt); }
.ps-fest[b-dgvymrf48y] { --ps-punkt: #10B981; }
.ps-quelle-linie[b-dgvymrf48y] { stroke: #CBD5E1; stroke-width: 2; }
.ps-quelle rect[b-dgvymrf48y] { fill: #FFFFFF; stroke: #CBD5E1; stroke-width: 1.5; }
.ps-quelle.ps-quelle-gruen rect[b-dgvymrf48y] { fill: #ECFDF5; stroke: #10B981; }
.ps-quelle-titel[b-dgvymrf48y] { font-size: 13px; font-weight: 700; fill: #0F172A; text-anchor: middle; }
.ps-quelle-text[b-dgvymrf48y] { font-size: 10px; fill: #64748B; text-anchor: middle; }
.ps-spitze-grau[b-dgvymrf48y] { fill: #CBD5E1; }
.ps-knoten rect[b-dgvymrf48y] { fill: #FFFFFF; stroke: #CBD5E1; stroke-width: 2; }
.ps-knoten-gruen rect[b-dgvymrf48y] { fill: #ECFDF5; stroke: #10B981; }
.ps-knoten-status rect[b-dgvymrf48y] { fill: var(--ps-bg); stroke: var(--ps-punkt); }
.ps-knoten-titel[b-dgvymrf48y] { font-size: 15px; font-weight: 700; fill: #0F172A; text-anchor: middle; }
.ps-knoten-text[b-dgvymrf48y] { font-size: 11px; fill: #64748B; text-anchor: middle; }
.ps-laufpunkt[b-dgvymrf48y] { fill: #3B82F6; opacity: 0; animation: ps-lauf-b-dgvymrf48y 1.6s ease-in-out 1; }
@keyframes ps-lauf-b-dgvymrf48y {
    0% { transform: translateX(0); opacity: 0; }
    10% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateX(240px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .ps-laufpunkt[b-dgvymrf48y] { animation: none; } }

.ps-kacheln[b-dgvymrf48y] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 900px) { .ps-kacheln[b-dgvymrf48y] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ps-kachel[b-dgvymrf48y] { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; padding: 20px; }
.ps-kachel.ps-warnung[b-dgvymrf48y], .ps-kachel.ps-stoerung[b-dgvymrf48y], .ps-kachel.ps-unbekannt[b-dgvymrf48y] { background: var(--ps-bg); border-color: var(--ps-rand); }
.ps-kachel-titel[b-dgvymrf48y] { font-size: 12px; font-weight: 600; color: #64748B; }
.ps-kachel-wert[b-dgvymrf48y] { font-size: 32px; font-weight: 700; color: #0F172A; margin: 6px 0 2px; line-height: 1.2; }
.ps-kachel.ps-warnung .ps-kachel-wert[b-dgvymrf48y], .ps-kachel.ps-stoerung .ps-kachel-wert[b-dgvymrf48y], .ps-kachel.ps-unbekannt .ps-kachel-wert[b-dgvymrf48y] { color: var(--ps-text); }
.ps-kachel-unbekannt[b-dgvymrf48y] { font-size: 20px; }
.ps-kachel-unter[b-dgvymrf48y] { font-size: 11px; color: #64748B; }

.ps-ausgang-kopf[b-dgvymrf48y] { display: flex; flex-wrap: wrap; align-items: baseline; }
.ps-ausgang-kopf .ps-unterzeile[b-dgvymrf48y] { font-size: 12px; margin-top: 0; }
.ps-ausgang-zeile[b-dgvymrf48y] { display: flex; align-items: center; margin-top: 8px; font-size: 13px; color: var(--ps-text); }

.ps-meldungen-titel[b-dgvymrf48y] { margin-bottom: 10px; }
.ps-raster[b-dgvymrf48y] { display: grid; grid-template-columns: 110px 180px minmax(0, 1fr) 150px 90px; align-items: center; column-gap: 8px; }
.ps-spaltenkopf[b-dgvymrf48y] { font-size: 11px; font-weight: 600; color: #64748B; padding: 0 0 6px; border-bottom: 1px solid #E2E8F0;
    scrollbar-gutter: stable; overflow: hidden; }
.ps-rechts[b-dgvymrf48y] { text-align: right; }
/* Etwa zwei Zeilen hoch (WPF misst genau 2), Rest per Bildlauf; Platz für die Leiste immer reserviert, damit der Kopf bündig bleibt. */
.ps-liste[b-dgvymrf48y] { max-height: 116px; overflow-y: auto; scrollbar-gutter: stable; }
.ps-zeile[b-dgvymrf48y] { padding: 10px 0; border-bottom: 1px solid #F1F5F9; background: #FFFFFF; }
.ps-zeile.ps-haengt[b-dgvymrf48y] { background: #FFFBEB; }
.ps-zeit[b-dgvymrf48y] { font-family: Consolas, "Courier New", monospace; font-size: 13px; color: #334155; }
.ps-art[b-dgvymrf48y], .ps-name[b-dgvymrf48y] { font-size: 13px; color: #0F172A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ps-name[b-dgvymrf48y] { font-weight: 600; }
.ps-chip[b-dgvymrf48y] { display: inline-block; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--ps-rand); background: var(--ps-bg);
    color: var(--ps-text); font-size: 12px; font-weight: 600; }
.ps-raster > .ps-rechts[b-dgvymrf48y] { font-size: 13px; color: #334155; }
.ps-detail[b-dgvymrf48y] { font-size: 12px; color: #64748B; margin: 4px 0 0 118px; }
.ps-detail.ps-detail-fehler[b-dgvymrf48y] { color: var(--ps-text); }
.ps-leer[b-dgvymrf48y] { font-size: 13px; color: #64748B; padding: 18px 0; }
/* /Components/Pages/Protokolle/AenderungenTab.razor.rz.scp.css */
/* Warnfarbe aus ZugriffsprotokollPage.xaml (#B45309). */
.ae-warnung[b-r72173tefl] { color: #B45309; font-size: 12px; margin-top: 0; }
/* /Components/Pages/Protokolle/BetriebsprotokollTab.razor.rz.scp.css */
/* Farben aus BetriebsprotokollPage.xaml: rot #DC2626, Text #334155, Spur-Hinweis #EFF6FF/#BFDBFE/#1E3A8A. */
.bp-zeile[b-pdxledhj6j] { font-size: 12px; margin: 1px 0; color: #334155; overflow-wrap: anywhere; }
.bp-rot[b-pdxledhj6j] { color: #DC2626; }

.bp-spur[b-pdxledhj6j] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: 8px; padding: 8px 12px;
}
.bp-spur-text[b-pdxledhj6j] { font-size: 13px; color: #1E3A8A; overflow-wrap: anywhere; }

.bp-stufe[b-pdxledhj6j] { font-weight: 600; }

.bp-detail[b-pdxledhj6j] {
    margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text;
    font-family: Consolas, monospace; font-size: 12px; color: #0F172A;
    max-height: calc(100vh - 480px); overflow-y: auto;
}

.bp-liste[b-pdxledhj6j]  .bp-ausgewaehlt { background: #EFF6FF; }
/* /Components/Pages/Protokolle/BetriebszustandSeite.razor.rz.scp.css */
/* T4.9 Betriebszustand – wie WPF BetriebszustandPage. */
.bz-kopf[b-az7g0mtaao] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.bz-gesamt[b-az7g0mtaao] { font-size: 14px; color: #334155; }
.bz-liste[b-az7g0mtaao] { display: flex; flex-direction: column; gap: 10px; max-width: 980px; }
.bz-inhalt[b-az7g0mtaao] { display: flex; align-items: center; gap: 14px; }
.bz-ampel[b-az7g0mtaao] { flex: 0 0 auto; width: 16px; height: 16px; border-radius: 50%; background: #94A3B8; }
.bz-ampel.ok[b-az7g0mtaao] { background: #22C55E; }
.bz-ampel.warn[b-az7g0mtaao] { background: #F59E0B; }
.bz-ampel.danger[b-az7g0mtaao] { background: #EF4444; }
.bz-text[b-az7g0mtaao] { flex: 1; min-width: 0; }
.bz-titel[b-az7g0mtaao] { font-size: 15px; font-weight: 600; color: #0F172A; }
.bz-wert[b-az7g0mtaao] { margin-left: 12px; font-size: 13px; color: #64748B; }
.bz-satz[b-az7g0mtaao] { margin-top: 4px; font-size: 13px; color: #334155; overflow-wrap: anywhere; }
.bz-oeffnen[b-az7g0mtaao] { flex: 0 0 auto; white-space: nowrap; }
/* /Components/Pages/Protokolle/ChatUebersichtSeite.razor.rz.scp.css */
/* T4.6 Chat-Übersicht – wie WPF ChatUebersichtPage. */
.cu-einleitung[b-ydxeywgg86] { max-width: 980px; margin: 4px 0 16px; font-size: 13px; color: #64748B; }
.cu-abschnitt-kopf[b-ydxeywgg86] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.cu-titel[b-ydxeywgg86] { font-size: 16px; font-weight: 600; color: #0F172A; }
.cu-klein[b-ydxeywgg86] { margin: 2px 0 8px; font-size: 12.5px; color: #64748B; }
.cu-hinweis[b-ydxeywgg86] { color: #B45309; white-space: normal; }
.cu-feld[b-ydxeywgg86] { width: 100%; height: 36px; padding: 0 9px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit; font-size: 14px; box-sizing: border-box; }
.cu-feld:focus-visible[b-ydxeywgg86] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.cu-fuss[b-ydxeywgg86] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }
/* /Components/Pages/Protokolle/ZugriffsprotokollTab.razor.rz.scp.css */
/* Warnfarbe aus ZugriffsprotokollPage.xaml (#B45309). */
.zp-warnung[b-d69y1rs2zl] { color: #B45309; font-size: 12px; margin-top: 0; }
/* /Components/Pages/Simulation/SimulationBwrSeite.razor.rz.scp.css */
.sb-unterzeile[b-3pwj6kpei0] { font-size: 12.5px; color: #64748B; margin-top: 3px; }
.sb-titel[b-3pwj6kpei0] { font-size: 15px; font-weight: 700; color: #111827; }
.sb-kopf[b-3pwj6kpei0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.sb-rollen[b-3pwj6kpei0] { overflow-x: auto; }
.sb-tabelle[b-3pwj6kpei0] { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.sb-tabelle th[b-3pwj6kpei0] { text-align: left; border-bottom: 1px solid #E2E8F0; padding: 8px 12px; font-size: 12px; font-weight: 600; color: #64748B; white-space: nowrap; }
.sb-tabelle td[b-3pwj6kpei0] { padding: 7px 12px; border-bottom: 1px solid #F1F5F9; color: #0F172A; }
.sb-zeile[b-3pwj6kpei0] { cursor: pointer; }
.sb-zeile:hover td[b-3pwj6kpei0] { background: #F8FAFC; }
.sb-zeile.sb-gewaehlt td[b-3pwj6kpei0] { background: #E3EEFF; }
.sb-fett[b-3pwj6kpei0] { font-weight: 600; }
.sb-mono[b-3pwj6kpei0] { font-family: Consolas, "Courier New", monospace; white-space: nowrap; }
.sb-leer[b-3pwj6kpei0] { padding: 24px 8px; text-align: center; font-size: 13px; color: #64748B; }
.sb-fuss[b-3pwj6kpei0] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 10px; font-size: 13px; color: #64748B; }
.sb-blaettern[b-3pwj6kpei0] { display: inline-flex; align-items: center; gap: 12px; }
.sb-grund[b-3pwj6kpei0] { margin-left: 8px; font-size: 12.5px; color: #64748B; }
.sb-abschnitt[b-3pwj6kpei0] { margin: 14px 0 8px; font-size: 13px; font-weight: 700; color: #111827; }
.sb-felder[b-3pwj6kpei0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 12px; align-items: center; }
.sb-aktionen[b-3pwj6kpei0] { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.sb-luecke[b-3pwj6kpei0] { flex: 1; }
.sb-frage[b-3pwj6kpei0] { font-size: 14px; color: #0F172A; max-width: 480px; }
/* /Components/Pages/Simulation/SimulationLohnSeite.razor.rz.scp.css */
.sl-unterzeile[b-fwls1arvyp] { font-size: 12.5px; color: #64748B; margin-top: 3px; }
.sl-titel[b-fwls1arvyp] { font-size: 15px; font-weight: 700; color: #111827; }
.sl-kopf[b-fwls1arvyp] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.sl-rollen[b-fwls1arvyp] { overflow-x: auto; }
.sl-tabelle[b-fwls1arvyp] { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.sl-tabelle th[b-fwls1arvyp] { text-align: left; border-bottom: 1px solid #E2E8F0; padding: 8px 12px; font-size: 12px; font-weight: 600; color: #64748B; white-space: nowrap; }
.sl-tabelle td[b-fwls1arvyp] { padding: 7px 12px; border-bottom: 1px solid #F1F5F9; color: #0F172A; }
.sl-zeile[b-fwls1arvyp] { cursor: pointer; }
.sl-zeile:hover td[b-fwls1arvyp] { background: #F8FAFC; }
.sl-zeile.sl-gewaehlt td[b-fwls1arvyp] { background: #E3EEFF; }
.sl-fett[b-fwls1arvyp] { font-weight: 600; }
.sl-mono[b-fwls1arvyp] { font-family: Consolas, "Courier New", monospace; white-space: nowrap; }
.sl-leer[b-fwls1arvyp] { padding: 24px 8px; text-align: center; font-size: 13px; color: #64748B; }
.sl-fuss[b-fwls1arvyp] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 10px; font-size: 13px; color: #64748B; }
.sl-blaettern[b-fwls1arvyp] { display: inline-flex; align-items: center; gap: 12px; }
.sl-grund[b-fwls1arvyp] { margin-left: 8px; font-size: 12.5px; color: #64748B; }
.sl-abschnitt[b-fwls1arvyp] { margin: 14px 0 8px; font-size: 13px; font-weight: 700; color: #111827; }
.sl-felder[b-fwls1arvyp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 12px; align-items: center; }
.sl-aktionen[b-fwls1arvyp] { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.sl-luecke[b-fwls1arvyp] { flex: 1; }
.sl-frage[b-fwls1arvyp] { font-size: 14px; color: #0F172A; max-width: 480px; }
.sl-reiter[b-fwls1arvyp] { display: flex; gap: 6px; flex-wrap: wrap; }
.sl-reiter-knopf[b-fwls1arvyp] { border: 1px solid #E5E7EB; background: #FFFFFF; color: #374151; border-radius: 999px; padding: 6px 14px;
    font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.sl-reiter-knopf.sl-aktiv[b-fwls1arvyp] { background: #2F7DF6; border-color: #2F7DF6; color: #FFFFFF; }
.sl-formular[b-fwls1arvyp] { max-height: 62vh; overflow-y: auto; padding: 6px 4px 0 0; }
.sl-knoepfe[b-fwls1arvyp] { white-space: nowrap; }
/* /Components/Pages/Texterkennung/TexterkennungSeite.razor.rz.scp.css */
/* T2.6 Texterkennung: zwei Karten nebeneinander wie Google Übersetzer, am Handy untereinander. */

.tx-raster[b-3o7704r6wc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.tx-label[b-3o7704r6wc] { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #0F172A; }
.tx-feld[b-3o7704r6wc] { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; color: #0F172A; }
.tx-feld:focus-visible[b-3o7704r6wc], .tx-text:focus-visible[b-3o7704r6wc] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.tx-zone[b-3o7704r6wc] { display: flex; align-items: center; justify-content: center; height: 340px; margin-top: 12px; overflow: hidden;
           border: 2px dashed #CBD5E1; border-radius: 8px; background: #F8FAFC; }
.tx-zone.tx-ziehen[b-3o7704r6wc] { border-color: #3B82F6; background: #EFF6FF; }
.tx-zone-text[b-3o7704r6wc] { padding: 16px; text-align: center; overflow-wrap: anywhere; font-size: 14px; color: #64748B; }
.tx-bild[b-3o7704r6wc] { max-width: 100%; max-height: 100%; }
.tx-bild[hidden][b-3o7704r6wc] { display: none; }
.tx-text[b-3o7704r6wc] { display: block; width: 100%; height: 406px; padding: 12px; resize: vertical; border: 1px solid #E2E8F0; border-radius: 6px;
           background: #FFFFFF; color: #0F172A; font-size: 14px; line-height: 1.5; white-space: pre-wrap; }
.tx-status[b-3o7704r6wc] { min-height: 20px; margin-top: 8px; font-size: 13px; color: #64748B; }
.tx-knoepfe[b-3o7704r6wc] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 8px; }
.tx-knoepfe [hidden][b-3o7704r6wc] { display: none; }
.tx-abstand[b-3o7704r6wc] { flex: 1; }
.tx-eingabe[b-3o7704r6wc] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.tx-aus[b-3o7704r6wc] { opacity: .5; pointer-events: none; }
.tx-hinweis[b-3o7704r6wc] { margin-bottom: 8px; font-size: 12px; color: #64748B; }
@media (max-width: 900px) {
    .tx-raster[b-3o7704r6wc] { grid-template-columns: minmax(0, 1fr); }
    .tx-zone[b-3o7704r6wc] { height: 240px; }
    .tx-text[b-3o7704r6wc] { height: 300px; }
}

/* Seitenprüfung 2026-11-04 (Fable): das Dateifeld ist unsichtbar, der Fokus zeigt sich am Knopf „Datei wählen“. */
.tx-knoepfe:has(#tx-datei:focus-visible) #tx-datei-knopf[b-3o7704r6wc] { outline: 2px solid #3B82F6; outline-offset: 2px; }
/* /Components/Pages/Unternehmen/Unternehmen.razor.rz.scp.css */
.unternehmen-raster[b-nk9vq37fvh] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(272px, 1fr);
    gap: 16px;
    align-items: start;
}

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

/* Geschäftsführer: eine Person pro Zeile wie in der WPF-Maske. */
.unternehmen-raster[b-nk9vq37fvh]  .hama-feld-wert { white-space: pre-line; }

.unternehmen-leer[b-nk9vq37fvh] {
    margin: 0;
    font-size: 14px;
    color: #64748B;
}

/* T1.4b: Meldung unter der Titelzeile (gut/schlecht) und der Nur-lesen-Hinweis der Lohnbuchhaltung. */
.u-meldung[b-nk9vq37fvh] { margin: 0 0 12px; padding: 9px 12px; border: 1px solid #FECACA; border-radius: 8px;
             background: #FEE2E2; color: #991B1B; font-size: 13px; }
.u-meldung-gut[b-nk9vq37fvh] { border-color: #BBF7D0; background: #F0FDF4; color: #166534; }
.u-nurlesen[b-nk9vq37fvh] { margin: 0 0 12px; color: #64748B; font-size: 13px; }

/* Formularfenster wie WPF UWerkePage (FormTitle/FormSubtitle, Reihenfolge, Pflichtsterne). */
[b-nk9vq37fvh] .u-fenster { width: 560px; max-width: 100%; max-height: calc(100vh - 48px); overflow-y: auto; }
.u-f-kopf[b-nk9vq37fvh] { display: flex; gap: 12px; align-items: center; margin-bottom: 6px; }
.u-f-symbol[b-nk9vq37fvh] { font-size: 22px; }
.u-f-titel[b-nk9vq37fvh] { margin: 0; font-size: 18px; font-weight: 600; color: #0F172A; }
.u-f-untertitel[b-nk9vq37fvh] { font-size: 12.5px; color: #64748B; }
.u-label[b-nk9vq37fvh] { display: block; margin: 10px 0 3px; color: #64748B; font-size: 11.5px; }
.u-feld[b-nk9vq37fvh] { width: 100%; height: 32px; padding: 0 9px; border: 1px solid #E2E8F0; border-radius: 6px; background: #FFFFFF; font: inherit;
          box-sizing: border-box; }
.u-feld:disabled[b-nk9vq37fvh] { background: #F1F5F9; color: #64748B; }
.u-feld:focus-visible[b-nk9vq37fvh] { outline: 2px solid #3B82F6; outline-offset: 1px; }
.u-mehrzeilig[b-nk9vq37fvh] { height: auto; min-height: 80px; padding: 6px 9px; resize: vertical; }
.u-zwei[b-nk9vq37fvh] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.u-zwei-schmal[b-nk9vq37fvh] { grid-template-columns: 110px 1fr; }
.u-feldfehler[b-nk9vq37fvh] { margin-top: 3px; color: #B91C1C; font-size: 12px; }
.u-formular-fehler[b-nk9vq37fvh] { display: flex; gap: 10px; padding: 12px 16px; margin-top: 14px; border: 1px solid #FECACA;
                     border-radius: 8px; background: #FEF2F2; color: #B91C1C; font-size: 13px; }
.u-fuss[b-nk9vq37fvh] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.u-fuss > .u-feld-hinweis[b-nk9vq37fvh] { margin: 0 auto 0 0; }
.u-feld-hinweis[b-nk9vq37fvh] { color: #64748B; font-size: 12px; }
.u-rueckfrage[b-nk9vq37fvh] { white-space: pre-line; font-size: 13.5px; color: #0F172A; }

@media (max-width: 600px) {
    .u-zwei[b-nk9vq37fvh], .u-zwei-schmal[b-nk9vq37fvh] { grid-template-columns: 1fr; }
}
/* T1.4d Logo hochladen / entfernen */
.u-logo-knoepfe[b-nk9vq37fvh] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.u-logo-datei[b-nk9vq37fvh] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.u-logo-aus[b-nk9vq37fvh] { opacity: .55; pointer-events: none; }
.u-logo-hinweis[b-nk9vq37fvh] { margin-top: 6px; font-size: 12px; color: #64748B; }
.u-logo-fensterknoepfe[b-nk9vq37fvh] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
/* /Components/Stil/HamaKopfTitel.razor.rz.scp.css */
/* Seitentitel in der Kopfleiste: 18 px, halbfett, senkrecht mittig; Untertitel klein und grau, schmal ausgeblendet. */
.hama-kopftitel[b-znkov3ml2r] { display: flex; align-items: center; gap: 8px; min-width: 0; height: 100%; }
.hama-kopftitel-symbol[b-znkov3ml2r] { font-size: 18px; line-height: 1; }
.hama-kopftitel-text[b-znkov3ml2r] { display: flex; flex-direction: column; justify-content: center; min-width: 0; line-height: 1.2; }
.hama-kopftitel-titel[b-znkov3ml2r] { margin: 0; overflow: hidden; line-height: inherit; font-size: 18px; font-weight: 600; color: #0F172A; text-overflow: ellipsis; white-space: nowrap; }
.hama-kopftitel-unter[b-znkov3ml2r] { overflow: hidden; font-size: 12px; color: #64748B; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) { .hama-kopftitel-unter[b-znkov3ml2r] { display: none; } }
/* /Components/Unternehmen/FirmenLogo.razor.rz.scp.css */
.firmen-logo[b-czcwri0k5t] {
    width: 240px;
    height: 120px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px;
}

.firmen-logo-bild[b-czcwri0k5t] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.firmen-logo-platzhalter[b-czcwri0k5t] {
    font-size: 13px;
    font-style: italic;
    color: #9CA3AF;
    text-align: center;
}