/* /Components/Belege/EbErzeugenDialog.razor.rz.scp.css */
.eb-laden[b-1drqjovufz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.eb-form[b-1drqjovufz] {
    display: grid;
    grid-template-columns: 14rem 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eb-form label[b-1drqjovufz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.eb-zahlen[b-1drqjovufz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
}

.eb-zahlen > div[b-1drqjovufz] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.78rem;
}

.eb-zahlen strong[b-1drqjovufz] {
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

.eb-alt[b-1drqjovufz] {
    opacity: 0.5;
}

.eb-fehler[b-1drqjovufz] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0.75rem 0;
    padding: 0.6rem 0.8rem;
    border-left: 3px solid #b91c1c;
    background: color-mix(in srgb, #b91c1c 8%, transparent);
    font-size: 0.85rem;
}

.eb-hinweise[b-1drqjovufz] {
    margin: 0.75rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.82rem;
    color: #b45309;
}

.eb-ziel[b-1drqjovufz] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.9rem;
    font-size: 0.78rem;
}

.eb-pfad[b-1drqjovufz] {
    font-family: var(--font-mono, monospace);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

a.disabled[b-1drqjovufz] {
    pointer-events: none;
    opacity: 0.5;
}

@media (max-width: 700px) {
    .eb-form[b-1drqjovufz] { grid-template-columns: 1fr; }
}

.eb-warn[b-1drqjovufz] {
    color: #b45309;
}

.eb-hinweise-titel[b-1drqjovufz] {
    margin-top: 0.75rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #b45309;
}

.eb-hinweise-titel + .eb-hinweise[b-1drqjovufz] {
    margin-top: 0.2rem;
}
/* /Components/Cockpit/ErgebnisUebersicht.razor.rz.scp.css */
.eu-laden[b-ht883npyjv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem;
}

.eu-kpis[b-ht883npyjv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.eu-kpi[b-ht883npyjv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem 1.25rem;
}

.eu-kpi-label[b-ht883npyjv] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted-foreground);
}

.eu-kpi-wert[b-ht883npyjv] {
    font-size: 1.6rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.eu-kpi-hinweis[b-ht883npyjv] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.eu-kpi-haupt[b-ht883npyjv] {
    background: var(--primary);
    color: #fff;
}

.eu-kpi-haupt .eu-kpi-label[b-ht883npyjv],
.eu-kpi-haupt .eu-kpi-hinweis[b-ht883npyjv] {
    color: rgba(255, 255, 255, 0.8);
}

.eu-kpi-haupt.negativ[b-ht883npyjv] {
    background: var(--destructive);
}

.eu-hinweis[b-ht883npyjv] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem 1.25rem;
    margin-bottom: 1rem;
    border-left: 4px solid #e0a800;
    background: color-mix(in srgb, #e0a800 8%, var(--card));
    font-size: 0.875rem;
}

.eu-bruecke[b-ht883npyjv],
.eu-aufwand[b-ht883npyjv] {
    padding: 1rem 1.25rem 1.25rem;
    margin-bottom: 1rem;
}

.eu-kopf[b-ht883npyjv] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.eu-titel[b-ht883npyjv] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 600;
}

.eu-legende[b-ht883npyjv] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.eu-punkt[b-ht883npyjv] {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 2px;
    margin-left: 0.5rem;
}

.eu-punkt.plus[b-ht883npyjv] { background: #2e9e5b; }
.eu-punkt.minus[b-ht883npyjv] { background: #d9534f; }
.eu-punkt.summe[b-ht883npyjv] { background: var(--primary); }
.eu-punkt.berechnet[b-ht883npyjv] { background: repeating-linear-gradient(45deg, #9aa5b1, #9aa5b1 2px, transparent 2px, transparent 4px); border: 1px solid #9aa5b1; }

.eu-zeile[b-ht883npyjv],
.eu-anteil[b-ht883npyjv] {
    display: grid;
    grid-template-columns: minmax(10rem, 17rem) minmax(0, 1fr) 8.5rem;
    align-items: center;
    gap: 1rem;
    padding: 0.3rem 0;
    font-size: 0.875rem;
}

.eu-anteil[b-ht883npyjv] {
    grid-template-columns: minmax(10rem, 17rem) minmax(0, 1fr) 7rem 3rem;
}

.eu-zeile.summe[b-ht883npyjv] {
    border-top: 1px solid var(--border);
    font-weight: 600;
    padding-top: 0.45rem;
}

.eu-zeile.ende[b-ht883npyjv] {
    border-top: 2px solid var(--foreground);
    font-size: 0.95rem;
}

.eu-name[b-ht883npyjv] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.eu-zusatz[b-ht883npyjv] {
    font-size: 0.72rem;
    font-weight: 400;
    color: var(--muted-foreground);
}

.eu-spur[b-ht883npyjv] {
    position: relative;
    height: 1.1rem;
    background: var(--muted);
    border-radius: 3px;
}

.eu-balken[b-ht883npyjv] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 3px;
}

.eu-zeile.plus .eu-balken[b-ht883npyjv] { background: #2e9e5b; }
.eu-zeile.minus .eu-balken[b-ht883npyjv],
.eu-balken.minus[b-ht883npyjv] { background: #d9534f; }
.eu-zeile.summe .eu-balken[b-ht883npyjv] { background: var(--primary); }

.eu-zeile.berechnet .eu-balken[b-ht883npyjv] {
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 3px, transparent 3px, transparent 7px);
}

.eu-zeile.berechnet .eu-name[b-ht883npyjv]::after {
    content: "berechnet";
    font-size: 0.68rem;
    font-weight: 400;
    color: var(--muted-foreground);
}

.eu-betrag[b-ht883npyjv],
.eu-prozent[b-ht883npyjv] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.eu-prozent[b-ht883npyjv] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.eu-quelle[b-ht883npyjv] {
    margin: 0.75rem 0 0;
    font-size: 0.75rem;
}

@media (max-width: 900px) {
    .eu-kpis[b-ht883npyjv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eu-zeile[b-ht883npyjv],
    .eu-anteil[b-ht883npyjv] {
        grid-template-columns: minmax(7rem, 1fr) minmax(4rem, 1fr) 6.5rem;
    }

    .eu-prozent[b-ht883npyjv] {
        display: none;
    }
}

.eu-verwendung[b-ht883npyjv] {
    padding: 1rem 1.25rem 1.25rem;
    margin-bottom: 1rem;
}

.eu-verwendung-raster[b-ht883npyjv] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 2rem;
}

.eu-rechnung[b-ht883npyjv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 1.5rem;
    row-gap: 0.45rem;
    font-size: 0.875rem;
}

.eu-rechnung > span:not(.eu-betrag)[b-ht883npyjv] {
    display: flex;
    flex-direction: column;
}

.eu-rechnung .eu-summe[b-ht883npyjv] {
    font-weight: 600;
    border-top: 1px solid var(--border);
    padding-top: 0.4rem;
}

.eu-warn[b-ht883npyjv] {
    margin: 0.75rem 0 0;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid #e0a800;
    background: color-mix(in srgb, #e0a800 8%, var(--card));
    font-size: 0.8125rem;
}

.eu-status[b-ht883npyjv] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    font-size: 0.875rem;
}

.eu-status-zeile[b-ht883npyjv] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.eu-beschluesse[b-ht883npyjv] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-top: 0.5rem;
}

.eu-beschluss[b-ht883npyjv] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr) auto;
    gap: 0.75rem;
    padding: 0.35rem 0.5rem;
    border-radius: 4px;
    color: inherit;
    text-decoration: none;
    font-size: 0.8125rem;
}

.eu-beschluss:hover[b-ht883npyjv] {
    background: var(--muted);
}

@media (max-width: 900px) {
    .eu-verwendung-raster[b-ht883npyjv] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.eu-zeile.klappbar[b-ht883npyjv] {
    cursor: pointer;
}

.eu-zeile.klappbar:hover .eu-name-zeile[b-ht883npyjv] {
    color: var(--primary);
}

.eu-name-zeile[b-ht883npyjv] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.eu-pfeil-platz[b-ht883npyjv] {
    display: inline-block;
    width: 1rem;
    flex-shrink: 0;
}

.eu-zeile.eu-unter[b-ht883npyjv] {
    padding: 0.15rem 0;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.eu-zeile.eu-unter .eu-name-zeile[b-ht883npyjv] {
    padding-left: 1.3rem;
}

.eu-zeile.eu-unter .eu-spur[b-ht883npyjv] {
    height: 0.6rem;
    background: transparent;
}

.eu-zeile.eu-unter .eu-balken[b-ht883npyjv] {
    opacity: 0.55;
}

.eu-zeile.eu-unter.plus .eu-balken[b-ht883npyjv] { background: #2e9e5b; }
.eu-zeile.eu-unter.minus .eu-balken[b-ht883npyjv] { background: #d9534f; }

/* Zusatzzeile und "berechnet" stehen unter dem Namen, also hinter der Pfeilspalte (1rem + Abstand). */
.eu-zeile .eu-zusatz[b-ht883npyjv],
.eu-zeile.berechnet .eu-name[b-ht883npyjv]::after {
    padding-left: 1.3rem;
}

/* Verwendung des Jahresueberschusses: Karte unter den Kennzahlen, Dreieck zeigt auf die Kachel Jahresueberschuss (4. Spalte). */
.eu-kpi-zusatz[b-ht883npyjv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin: -0.25rem 0 1rem;
}

.eu-sprechblase[b-ht883npyjv] {
    grid-column: 3 / 5;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.9rem 1.25rem;
    margin-top: 0.6rem;
    border-top: 3px solid var(--primary);
}

.eu-sprechblase[b-ht883npyjv]::before {
    content: "";
    position: absolute;
    top: -0.75rem;
    /* Mitte der 4. Spalte: 75 % der zwei Spalten, abzueglich halbem Abstand. */
    left: calc(75% + 0.25rem - 0.6rem);
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-bottom: 0.6rem solid var(--primary);
}

.eu-sprechblase-kopf[b-ht883npyjv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.eu-stapel[b-ht883npyjv] {
    display: flex;
    height: 0.9rem;
    border-radius: 4px;
    overflow: hidden;
    background: var(--muted);
}

.eu-stapel-teil.vorab[b-ht883npyjv] { background: #f0a030; }
.eu-stapel-teil.aus[b-ht883npyjv] { background: #d9534f; }
.eu-stapel-teil.vortrag[b-ht883npyjv] { background: var(--primary); }
.eu-stapel-teil.entnahme[b-ht883npyjv] { background: #8a6d3b; }

.eu-punkt.vorab[b-ht883npyjv] { background: #f0a030; }
.eu-punkt.aus[b-ht883npyjv] { background: #d9534f; }
.eu-punkt.vortrag[b-ht883npyjv] { background: var(--primary); }
.eu-punkt.entnahme[b-ht883npyjv] { background: #8a6d3b; }

.eu-stapel-legende[b-ht883npyjv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1.25rem;
    font-size: 0.8125rem;
}

.eu-stapel-legende .eu-punkt[b-ht883npyjv] {
    margin: 0 0.35rem 0 0;
}

.eu-klein[b-ht883npyjv] {
    font-size: 0.75rem;
}

@media (max-width: 900px) {
    .eu-kpi-zusatz[b-ht883npyjv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .eu-sprechblase[b-ht883npyjv] {
        grid-column: 1;
    }

    .eu-sprechblase[b-ht883npyjv]::before {
        left: calc(100% - 3rem);
    }
}

/* Kompakt: nur unter der Kachel Jahresueberschuss, Dreieck mittig. */
.eu-sprechblase[b-ht883npyjv] {
    grid-column: 4;
    gap: 0.4rem;
    padding: 0.6rem 0.9rem 0.7rem;
    margin-top: 0.55rem;
}

.eu-sprechblase[b-ht883npyjv]::before {
    left: calc(50% - 0.6rem);
}

.eu-sprechblase .eu-kpi-label[b-ht883npyjv] {
    font-size: 0.68rem;
}

.eu-sprechblase .badge[b-ht883npyjv] {
    font-size: 0.65rem;
}

.eu-sprechblase .eu-stapel[b-ht883npyjv] {
    height: 0.5rem;
}

.eu-sprechblase .eu-stapel-legende[b-ht883npyjv] {
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.75rem;
}

@media (max-width: 900px) {
    .eu-sprechblase[b-ht883npyjv] {
        grid-column: 1;
    }
}

/* Dreiecksspitze beruehrt die Kachel: Abstand = Dreieckshoehe (0.6rem) + Randoberkante (3px). */
.eu-kpi-zusatz[b-ht883npyjv] {
    margin-top: -1rem;
}

.eu-sprechblase[b-ht883npyjv] {
    margin-top: calc(0.6rem + 3px);
}

.eu-sprechblase[b-ht883npyjv]::before {
    top: calc(-0.6rem - 3px);
}

/* Nur den Kachelabstand (1rem) aufheben: Kacheln und Zusatz liegen zusammen in einem Block (.einblenden), der
   flex gap des Cockpits (1.25rem) wirkt zwischen ihnen nicht - ihn abzuziehen schob Hinweis und Card in die Kacheln. */
.eu-kpi-zusatz[b-ht883npyjv] {
    margin-top: -1rem;
}

/* Card waechst um 6rem nach links; das Dreieck bleibt unter der Mitte der Kachel (Kachel = Breite - 6rem, rechtsbuendig). */
.eu-sprechblase[b-ht883npyjv] {
    justify-self: end;
    width: calc(100% + 6rem);
}

.eu-sprechblase[b-ht883npyjv]::before {
    left: calc(50% + 3rem - 0.6rem);
}

.eu-sprechblase .eu-stapel-legende > span[b-ht883npyjv] {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .eu-sprechblase[b-ht883npyjv] {
        width: 100%;
    }

    .eu-sprechblase[b-ht883npyjv]::before {
        left: calc(100% - 3rem);
    }
}

/* Hinweis "noch nicht alles gebucht" links neben der Verwendungs-Card, oben buendig mit ihr. */
.eu-hinweis-platz[b-ht883npyjv] {
    grid-column: 1 / 4;
    grid-row: 1;
    align-self: start;
    margin-top: calc(0.6rem + 3px);
    margin-right: 6rem;
}

.eu-hinweis-platz .eu-hinweis[b-ht883npyjv] {
    margin-bottom: 0;
}

.eu-sprechblase[b-ht883npyjv] {
    grid-row: 1;
}

@media (max-width: 900px) {
    .eu-hinweis-platz[b-ht883npyjv] {
        grid-column: 1;
        grid-row: 2;
        margin-right: 0;
    }
}
/* /Components/Gesellschaft/BeschlussFormular.razor.rz.scp.css */
.bfo[b-4kn5tjy976] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    font-size: 0.8125rem;
}

.bfo-abschnitt + .bfo-abschnitt[b-4kn5tjy976] {
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.bfo-titel[b-4kn5tjy976] {
    margin: 0 0 0.6rem;
    font-size: 0.6875rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted-foreground);
}

/* Felder so breit wie ihr Inhalt realistisch wird; Zeilen brechen auf schmalen Bildschirmen um. */
.bfo-zeile[b-4kn5tjy976] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem 1rem;
}

.bfo-zeile + .bfo-zeile[b-4kn5tjy976] {
    margin-top: 0.75rem;
}

.bfo-w-datum[b-4kn5tjy976] { width: 10.5rem; }
.bfo-w-jahr[b-4kn5tjy976] { width: 7rem; }
.bfo-w-art[b-4kn5tjy976] { width: 15rem; }
.bfo-w-betrag[b-4kn5tjy976] { width: 12rem; }
.bfo-w-titel[b-4kn5tjy976] { width: min(100%, 36rem); }
.bfo-w-text[b-4kn5tjy976] { width: min(100%, 48rem); }

/* Gleiche Höhe für Text-, Datums- und Betragsfelder und Auswahllisten. */
.bfo .form-input:not(textarea)[b-4kn5tjy976],
.bfo .form-select[b-4kn5tjy976],
.bfo[b-4kn5tjy976]  .input-unit {
    box-sizing: border-box;
    height: 2.25rem;
}

.bfo .form-select[b-4kn5tjy976] {
    width: 100%;
}

.bfo label[b-4kn5tjy976],
.bfo-label[b-4kn5tjy976] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-weight: var(--font-weight-medium);
}

.bfo-label[b-4kn5tjy976] {
    margin-bottom: 0.25rem;
}

.bfo textarea.form-input[b-4kn5tjy976] {
    height: auto;
}

.bfo-hilfe[b-4kn5tjy976] {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--muted-foreground);
}

/* Gegenstaende als Chips (die Checkbox bleibt fuer Tastatur und Screenreader im Chip) */
.bfo-chips[b-4kn5tjy976] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.bfo .bfo-chip[b-4kn5tjy976] {
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    cursor: pointer;
    font-weight: normal;
    transition: background-color 0.15s, border-color 0.15s;
}

.bfo-chip input[b-4kn5tjy976] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.bfo-chip:hover[b-4kn5tjy976] {
    border-color: var(--primary);
}

.bfo-chip:focus-within[b-4kn5tjy976] {
    outline: 2px solid var(--primary);
    outline-offset: 1px;
}

.bfo .bfo-chip-an[b-4kn5tjy976] {
    border-color: var(--primary);
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
    font-weight: var(--font-weight-medium);
}

/* Unterschrieben als Segmentschalter */
.bfo-segment[b-4kn5tjy976] {
    display: inline-flex;
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
}

.bfo-seg[b-4kn5tjy976] {
    border: none;
    background: none;
    height: 2.25rem;
    padding: 0 0.9rem;
    font: inherit;
    cursor: pointer;
    color: inherit;
}

.bfo-seg + .bfo-seg[b-4kn5tjy976] {
    border-left: 1px solid var(--border);
}

.bfo-seg-an[b-4kn5tjy976] {
    background: var(--primary);
    color: var(--primary-foreground, #fff);
}

.bfo .bfo-haken[b-4kn5tjy976] {
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
    margin-top: 1.7rem;
    font-weight: normal;
}

/* Vorschläge unter den Beträgen (Jahresüberschuss, Gewinnvortrag) */
.bfo-vorschlaege[b-4kn5tjy976] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-top: 0.6rem;
    max-width: 48rem;
}

.bfo-vorschlaege-titel[b-4kn5tjy976] {
    font-size: 0.75rem;
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
}

.bfo-vorschlag[b-4kn5tjy976] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.2rem 0.6rem;
    padding: 0.35rem 0.55rem;
    border-radius: 6px;
    background: var(--muted);
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--muted-foreground);
}

.bfo-vorschlag strong[b-4kn5tjy976] {
    color: var(--foreground);
}

.bfo-warn[b-4kn5tjy976] {
    color: var(--warning, #b45309);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== App Root ===== */

.app-root[b-wj4vvfw1gi] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 0;
}

/* ===== Header ===== */

.main-header[b-wj4vvfw1gi] {
    height: 68px;
    z-index: 20;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
    flex-shrink: 0;
    position: relative;
}

.header-logo[b-wj4vvfw1gi] {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.header-logo-img[b-wj4vvfw1gi] {
    height: 60px;
    width: auto;
    image-rendering: optimizeQuality;
    -webkit-font-smoothing: antialiased;
    shape-rendering: geometricPrecision;
}

.header-title[b-wj4vvfw1gi] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.header-spacer[b-wj4vvfw1gi] {
    flex: 1;
}

.header-user[b-wj4vvfw1gi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.375rem 0.5rem;
    border-radius: var(--radius);
    position: relative;
    user-select: none;
}

.header-user:hover[b-wj4vvfw1gi] {
    background-color: var(--muted);
}

.header-user-name[b-wj4vvfw1gi] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
}

.dropdown-overlay[b-wj4vvfw1gi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 49;
}

.header-dropdown[b-wj4vvfw1gi] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.375rem;
    padding: 0.375rem 0;
    background-color: var(--popover);
    color: var(--popover-foreground);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    min-width: 240px;
    z-index: 50;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}

.header-dropdown-item[b-wj4vvfw1gi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    color: var(--foreground);
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.header-dropdown-item:hover[b-wj4vvfw1gi] {
    background-color: var(--muted);
    text-decoration: none;
}

.header-dropdown-separator[b-wj4vvfw1gi] {
    height: 1px;
    background-color: var(--border);
    margin: 0.25rem 0;
}

.header-dropdown-item-danger[b-wj4vvfw1gi] {
    color: var(--destructive);
}

.header-dropdown-item-danger:hover[b-wj4vvfw1gi] {
    background-color: #fee2e2;
    color: var(--destructive);
}

/* ===== Layout with sidebar ===== */

[b-wj4vvfw1gi] .layout {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

[b-wj4vvfw1gi] .sidebar {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.14);
}

.sidebar-header[b-wj4vvfw1gi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: #ffffff;
    border-bottom: 1px solid var(--sidebar-border);
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    flex-shrink: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.sidebar-header-collapsed[b-wj4vvfw1gi] {
    justify-content: center;
    padding: 1rem 0.5rem;
}

.sidebar-header-collapsed .sidebar-header-label[b-wj4vvfw1gi] {
    display: none;
}

.sidebar-header-label[b-wj4vvfw1gi] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
}

.sidebar-toggle-btn[b-wj4vvfw1gi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    color: var(--muted-foreground);
    cursor: pointer;
    border-radius: var(--radius);
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}

.sidebar-toggle-btn:hover[b-wj4vvfw1gi] {
    background-color: var(--muted);
    color: var(--foreground);
}

.sidebar-nav[b-wj4vvfw1gi] {
    flex: 1;
    overflow-y: auto;
    /* Kein waagerechter Rollbalken, wenn ein Eintrag breiter ist als die (eingeklappte) Sidebar. */
    overflow-x: hidden;
}

/* ===== Sidebar App Info ===== */

.sidebar-app-info[b-wj4vvfw1gi] {
    padding: 1rem 1.5rem;
    background-color: var(--card);
    border-top: 1px solid var(--border);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    line-height: 1.6;
    flex-shrink: 0;
    overflow: hidden;
}

.sidebar-text[b-wj4vvfw1gi] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.1s ease;
}

.sidebar-version[b-wj4vvfw1gi] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
}

/* ===== Sidebar Resize Handle ===== */

.sidebar-resize-handle[b-wj4vvfw1gi] {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    cursor: col-resize;
    z-index: 15;
    transition: background-color 0.15s ease;
}

.sidebar-resize-handle:hover[b-wj4vvfw1gi] {
    background-color: rgba(12, 93, 166, 0.5);
}

/* ===== Main Content ===== */

.main-content[b-wj4vvfw1gi] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}

[b-wj4vvfw1gi] .action-bar {
    z-index: 5;
    flex-shrink: 0;
}

.action-bar-spacer[b-wj4vvfw1gi] {
    flex: 1;
}

[b-wj4vvfw1gi] .ablage-title {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    min-height: 2.5rem;
    flex: 0 1 auto;
    overflow: hidden;
}

[b-wj4vvfw1gi] .ablage-title-name {
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
    padding: 0;
    line-height: 1.2;
    border: none;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-wj4vvfw1gi] .ablage-title-pfad {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    line-height: 1;
    height: 0.6875rem;
    min-width: 0;
}

[b-wj4vvfw1gi] .ablage-title-pfad-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: monospace;
}

[b-wj4vvfw1gi] .ablage-pfad-copy {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--muted-foreground);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    flex-shrink: 0;
    height: 0.6875rem;
    min-height: 0;
    overflow: visible;
    line-height: 0;
    transition: color 0.15s ease;
}

[b-wj4vvfw1gi] .ablage-pfad-copy:hover {
    color: var(--primary);
}

[b-wj4vvfw1gi] .ablage-pfad-copy svg {
    width: 13px;
    height: 13px;
    overflow: visible;
}

[b-wj4vvfw1gi] .content-area {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    position: relative;
}

/* ---- Jahr-Umschalter (Modul-Kontext) ---- */
.header-jahr[b-wj4vvfw1gi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: 1.5rem;
    padding-left: 1.5rem;
    border-left: 1px solid var(--border);
    color: var(--muted-foreground);
}

.header-jahr-label[b-wj4vvfw1gi] {
    font-size: 0.875rem;
}

.header-jahr-select[b-wj4vvfw1gi] {
    width: auto;
    min-width: 84px;
}

.header-jahr-btn[b-wj4vvfw1gi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--foreground);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.header-jahr-btn:hover:not(:disabled)[b-wj4vvfw1gi] {
    background: var(--secondary);
    color: var(--primary);
}

.header-jahr-btn:disabled[b-wj4vvfw1gi] {
    opacity: 0.4;
    cursor: default;
}

/* Eingeklappt: Der Fuss (Name, Version, Copyright) passt nicht in 64px - ausblenden statt abschneiden. */
.sidebar-collapsed .sidebar-app-info[b-wj4vvfw1gi] {
    display: none;
}
/* /Components/Layout/ModuleTabs.razor.rz.scp.css */
.module-tabs[b-ov1488ox2c] {
    display: flex;
    align-self: stretch;
    align-items: stretch;
    margin-left: 1.75rem;
    gap: 0.15rem;
}

/* NavLink rendert das <a> in EIGENEM CSS-Scope -> via ::deep hineinstylen. */
.module-tabs[b-ov1488ox2c]  .module-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 1.1rem;
    color: var(--muted-foreground);
    text-decoration: none;
    font-size: 0.9rem;
    white-space: nowrap;
    transition: color 0.15s ease, background-color 0.15s ease;
}

/* Animierter Unterstrich: waechst beim Aktivieren aus der Mitte. */
.module-tabs[b-ov1488ox2c]  .module-tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--primary);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.2s ease;
}

.module-tabs[b-ov1488ox2c]  .module-tab:hover {
    color: var(--foreground);
    background: var(--secondary);
}

.module-tabs[b-ov1488ox2c]  .module-tab.active {
    color: var(--primary);
    background: color-mix(in srgb, var(--primary) 8%, transparent);
}

.module-tabs[b-ov1488ox2c]  .module-tab.active::after {
    transform: scaleX(1);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-q8z22nscce] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.5rem 0;
    min-height: 100%;
}

/* Bereichs-Nav (§3.18): schiebt Exit-Link ans untere Ende */
.nav-bottom[b-q8z22nscce] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

[b-q8z22nscce] .nav-link-exit {
    color: var(--sidebar-foreground);
    opacity: 0.75;
}

[b-q8z22nscce] .nav-link-exit:hover {
    opacity: 1;
}

/* Icon darf nicht schrumpfen */
[b-q8z22nscce] .nav-icon {
    flex-shrink: 0;
}

/* Text wird per overflow hidden abgeschnitten wenn Sidebar schrumpft.
   ::deep, damit auch NavLinks in Unterkomponenten (NavSubMenu, NavTreeNode)
   erfasst werden. */
[b-q8z22nscce] .nav-link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.15s ease;
}

/* Collapsed: Text unsichtbar, Icons zentriert */
.nav-collapsed[b-q8z22nscce]  .nav-link-text {
    opacity: 0;
    width: 0;
    overflow: hidden;
}

.nav-collapsed[b-q8z22nscce]  .nav-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}

/* Separator between Ablagen and admin links */
.nav-separator[b-q8z22nscce] {
    height: 1px;
    background-color: var(--sidebar-border);
    margin: 0.5rem 1rem;
}

/* ===== Nav-SubMenu (flache Untermenue-Gruppe) ===== */

[b-q8z22nscce] .nav-submenu {
    display: flex;
    flex-direction: column;
}

/* Toggle-only Header (ohne Href) - ganze Zeile klappt auf/zu */
[b-q8z22nscce] .nav-submenu-header {
    cursor: pointer;
    user-select: none;
}

/* Split-Header (mit Href): Link links + Chevron-Button rechts in einer Zeile */
[b-q8z22nscce] .nav-submenu-header-row {
    display: flex;
    align-items: stretch;
}

[b-q8z22nscce] .nav-submenu-header-link {
    flex: 1;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[b-q8z22nscce] .nav-submenu-toggle {
    background: none;
    border: none;
    color: var(--sidebar-foreground);
    cursor: pointer;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    border-radius: 0 var(--radius) var(--radius) 0;
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}

[b-q8z22nscce] .nav-submenu-toggle:hover {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
}

[b-q8z22nscce] .nav-submenu-chevron {
    margin-left: auto;
    transition: transform 0.15s ease;
    flex-shrink: 0;
}

[b-q8z22nscce] .nav-submenu-chevron-open {
    transform: rotate(90deg);
}

/* Aufgeklappter Kinder-Block - dunklerer Hintergrund unterstreicht die Gruppe */
[b-q8z22nscce] .nav-submenu-children {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.25rem 0;
    background-color: var(--sidebar-submenu);
    border-top: 1px solid var(--sidebar-border);
    border-bottom: 1px solid var(--sidebar-border);
}

/* Kinder eingerueckt - Abstand passt zur Icon-Breite im Header */
[b-q8z22nscce] .nav-submenu-children .nav-link {
    padding-left: 2.75rem;
    border-radius: 0;
}

/* Collapsed Sidebar: Kinder, Chevron, Toggle-Button ausblenden; Header bleibt als Icon */
.nav-collapsed[b-q8z22nscce]  .nav-submenu-children,
.nav-collapsed[b-q8z22nscce]  .nav-submenu-chevron,
.nav-collapsed[b-q8z22nscce]  .nav-submenu-toggle {
    display: none;
}

.nav-collapsed[b-q8z22nscce]  .nav-submenu-header-link {
    border-radius: var(--radius);
}


.nav-section-label[b-q8z22nscce] {
    padding: 0.5rem 1rem 0.35rem;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--sidebar-foreground, #b0b0b0);
    opacity: 0.7;
}

/* Bereichsueberschrift: bei schmaler Sidebar mit Auslassungspunkten kuerzen statt hart abschneiden ... */
.nav-section-label[b-q8z22nscce] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ... und eingeklappt ganz ausblenden - dort ist nur Platz fuer Icons. Eine feine Linie haelt den Abstand. */
.nav-collapsed .nav-section-label[b-q8z22nscce] {
    height: 0;
    margin: 0.25rem 0.75rem 0.5rem;
    padding: 0;
    border-top: 1px solid var(--sidebar-border);
    font-size: 0;
}
/* /Components/Layout/NavTreeNode.razor.rz.scp.css */
/* Tree-spezifische Klassen sind global in app.css.
   Diese Datei bleibt als Scope-Marker fuer kuenftige Node-lokale Tweaks. */
/* /Components/Pages/Abschluss.razor.rz.scp.css */
.absf-step[b-t7u09q5xsh] {
    white-space: nowrap;
}

.absf-delta[b-t7u09q5xsh] {
    margin-left: 0.4rem;
    color: var(--muted-foreground);
    font-size: 0.8rem;
}

.absf-offen td[b-t7u09q5xsh] {
    background: color-mix(in srgb, #854d0e 5%, transparent);
}
/* /Components/Pages/AbschreibungenUebersicht.razor.rz.scp.css */
.prog[b-y51ddot8no] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.prog-kopf[b-y51ddot8no] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.prog-kopf .action-bar-title[b-y51ddot8no] {
    margin-right: 0.5rem;
}

.prog-note[b-y51ddot8no] {
    margin: 0.75rem 0 0;
    font-size: 0.8125rem;
}

.prog-text[b-y51ddot8no] {
    margin: 0;
}
/* /Components/Pages/AnlagenAfa.razor.rz.scp.css */
.afa-kopf[b-82i1mjwlbg] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.afa-kopf .action-bar-title[b-82i1mjwlbg] {
    margin-right: 0.5rem;
}

/* ---- Monatswerte: eigene Zeile unter dem gewaehlten Anlagegut ---- */
.afa-detail-zeile > td[b-82i1mjwlbg] {
    padding: 0;
    background: var(--secondary);
}

.afa-detail[b-82i1mjwlbg] {
    padding: 0.875rem 1.25rem 1.125rem;
    border-left: 3px solid var(--primary);
    white-space: normal;
}

.afa-detail-kopf[b-82i1mjwlbg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.afa-zu[b-82i1mjwlbg] {
    margin-left: auto;
}

.afa-monate[b-82i1mjwlbg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    background: var(--card);
    border: 1px solid var(--border);
}

.afa-monate th[b-82i1mjwlbg] {
    padding: 0.375rem 0.625rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
}

.afa-monate td[b-82i1mjwlbg] {
    padding: 0.4rem 0.625rem;
    border-bottom: 1px solid var(--border);
}

.afa-monate tbody tr:last-child td[b-82i1mjwlbg] {
    border-bottom: 0;
}

.afa-monate .fc-num[b-82i1mjwlbg] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Anlagespiegel.razor.rz.scp.css */
.anlsp-kopf[b-0i7kh1f1dq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.anlsp-kopf .action-bar-title[b-0i7kh1f1dq] {
    margin-right: 0.5rem;
}

.anlsp-konto[b-0i7kh1f1dq] {
    margin-left: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 400;
}

[b-0i7kh1f1dq] .anlsp-pfeil {
    vertical-align: -0.15em;
    margin-right: 0.25rem;
}

/* ---- Inventare unter einem aufgeklappten Konto ---- */
.anlsp-inv td[b-0i7kh1f1dq] {
    background: var(--secondary);
    font-size: 0.875rem;
}

.anlsp-inv-name[b-0i7kh1f1dq] {
    margin-left: 0.5rem;
}

.anlsp-inv-fuss td[b-0i7kh1f1dq] {
    padding-top: 0.4rem;
    padding-bottom: 0.6rem;
    font-size: 0.8125rem;
}

.anlsp-inv-fuss .btn[b-0i7kh1f1dq] {
    margin-left: 0.75rem;
}
/* /Components/Pages/Aufstellungen.razor.rz.scp.css */
.af-hinweis[b-26i2bewek3] {
    margin: 0 0 1rem;
}

.af-karte[b-26i2bewek3] {
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
}

.af-kopf[b-26i2bewek3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.af-titel[b-26i2bewek3] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.af-luecke[b-26i2bewek3] {
    flex: 1;
}

.af-summe[b-26i2bewek3] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.af-klein[b-26i2bewek3] {
    margin: 0.25rem 0 0.5rem;
    font-size: 0.8125rem;
}

.af-block[b-26i2bewek3] {
    display: block;
    font-size: 0.75rem;
}

.af-bloecke[b-26i2bewek3] {
    font-size: 0.8125rem;
}

.af-konto[b-26i2bewek3] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    margin: 0 0.5rem 0.25rem 0;
    padding: 0.05rem 0.4rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    white-space: nowrap;
}

.af-weg[b-26i2bewek3] {
    border: none;
    background: none;
    color: var(--muted-foreground);
    cursor: pointer;
    padding: 0 0.1rem;
}

.af-weg:hover[b-26i2bewek3] {
    color: var(--destructive, #dc2626);
}

.af-neu[b-26i2bewek3] {
    width: 6.5rem;
    height: 1.75rem;
    font-size: 0.8125rem;
}

.af-fehler[b-26i2bewek3] {
    color: var(--destructive, #dc2626);
    font-size: 0.8125rem;
}

.af-aktionen[b-26i2bewek3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.af-warn[b-26i2bewek3] {
    color: var(--warning-foreground, #92400e);
    font-size: 0.8125rem;
}

.af-form[b-26i2bewek3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.5rem 0.75rem;
    font-size: 0.8125rem;
}

.af-form label[b-26i2bewek3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.af-unter[b-26i2bewek3] {
    margin: 1rem 0 0.4rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.af-anlagen[b-26i2bewek3] {
    width: 100%;
    resize: vertical;
    font-size: 0.8125rem;
}
/* /Components/Pages/BankAbstimmungTool.razor.rz.scp.css */
.bank-scroll[b-7ak60vbd8g] {
    overflow-x: auto;
}

.bank-eingabe[b-7ak60vbd8g] {
    width: 9rem;
    margin-left: auto;
}

.bank-quelle[b-7ak60vbd8g] {
    font-size: 0.75rem;
    white-space: nowrap;
}

/* /Components/Pages/BelegeEinstellung.razor.rz.scp.css */
.eb-hinweis[b-beyidjrv47] {
    margin: 0 0 1rem;
}

.eb-block[b-beyidjrv47] {
    display: block;
    font-size: 0.75rem;
}

.eb-klein[b-beyidjrv47] {
    font-size: 0.75rem;
}

.eb-aktion[b-beyidjrv47] {
    width: 1%;
    white-space: nowrap;
    text-align: right;
}
/* /Components/Pages/BenutzerEinstellung.razor.rz.scp.css */
.bn-hinweis[b-7rxs6e0ers] {
    margin: 0 0 1rem;
    max-width: 60rem;
    font-size: 0.9rem;
}

.bn-name[b-7rxs6e0ers] {
    font-weight: 600;
}

.bn-form[b-7rxs6e0ers] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.bn-form label[b-7rxs6e0ers] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.bn-form label.bn-check[b-7rxs6e0ers] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    align-self: end;
    padding-bottom: 0.55rem;
    font-size: 0.875rem;
    color: var(--foreground);
}

.bn-fehler[b-7rxs6e0ers] {
    margin: 0.5rem 0 0;
    color: var(--destructive);
}
/* /Components/Pages/BuchungAendern.razor.rz.scp.css */
.ba[b-9arr5ns256] {
    max-width: 1280px;
}

.ba-karte[b-9arr5ns256] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}

/* Schrittkopf: Nummer, Titel, Status, rechts Aktionen */
.ba-schritt[b-9arr5ns256] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.ba-nr[b-9arr5ns256] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--primary);
    color: var(--primary-foreground, #fff);
    font-size: 0.75rem;
    font-weight: 600;
}

.ba-titel[b-9arr5ns256] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.ba-untertitel[b-9arr5ns256] {
    margin: 1rem 0 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--muted-foreground);
}

.ba-untertitel.ba-oben[b-9arr5ns256] {
    margin-top: 0;
}

.ba-normal[b-9arr5ns256] {
    font-weight: normal;
}

.ba-luecke[b-9arr5ns256] {
    flex: 1;
}

.ba-klein[b-9arr5ns256] {
    font-size: 0.75rem;
}

.ba-block[b-9arr5ns256] {
    display: block;
}

.ba-abstand[b-9arr5ns256] {
    margin-left: 0.4rem;
}

.ba-hinweis[b-9arr5ns256] {
    margin: 0.75rem 0 0;
}

/* Suche */
.ba-suche[b-9arr5ns256] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.ba-suche .form-input[b-9arr5ns256] {
    max-width: 24rem;
}

.ba-treffer[b-9arr5ns256] {
    margin-top: 0.75rem;
}

.ba-treffer tr.ba-gewaehlt td[b-9arr5ns256] {
    background: color-mix(in srgb, var(--primary) 8%, var(--card));
}

/* Journalansicht vorher/nachher */
.ba-journal[b-9arr5ns256] {
    table-layout: fixed;
    width: 100%;
}

.ba-journal td[b-9arr5ns256] {
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ba-c-nr[b-9arr5ns256] { width: 3.5rem; }
.ba-c-datum[b-9arr5ns256] { width: 6.5rem; }
.ba-c-beleg[b-9arr5ns256] { width: 7rem; }
.ba-c-konto[b-9arr5ns256] { width: 12rem; }
.ba-c-betrag[b-9arr5ns256] { width: 7.5rem; }
.ba-c-schl[b-9arr5ns256] { width: 4.5rem; }
.ba-c-skonto[b-9arr5ns256] { width: 5.5rem; }
.ba-c-status[b-9arr5ns256] { width: 6.5rem; }

.ba-journal tr:not(.ba-kopfzeile) td[b-9arr5ns256] {
    border-top: none;
}

.ba-name[b-9arr5ns256] {
    font-size: 0.75rem;
}

.ba-journal td.ba-anders[b-9arr5ns256] {
    background: color-mix(in srgb, #e0a800 12%, var(--card));
}

.ba-journal tr.ba-neu td[b-9arr5ns256] {
    background: color-mix(in srgb, var(--primary) 6%, var(--card));
}

.ba-journal tr.ba-neu td.ba-anders[b-9arr5ns256] {
    background: color-mix(in srgb, var(--primary) 10%, var(--card));
}

.ba-vorher[b-9arr5ns256] {
    display: block;
    font-size: 0.7rem;
    color: var(--muted-foreground);
    text-decoration: line-through;
}

.ba-aufruecken[b-9arr5ns256] {
    margin: 0.4rem 0 0;
}

/* Auswahl der Änderungsart */
.ba-wahl[b-9arr5ns256] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.ba-option[b-9arr5ns256] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    text-align: left;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    cursor: pointer;
    color: inherit;
    font: inherit;
}

.ba-option:hover:not(:disabled)[b-9arr5ns256] {
    border-color: var(--primary);
    background: color-mix(in srgb, var(--primary) 4%, var(--card));
}

.ba-option:disabled[b-9arr5ns256] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ba-option > span[b-9arr5ns256] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ba-option[b-9arr5ns256]  .icon-md {
    width: 1.25rem;
    height: 1.25rem;
    flex: none;
    margin-top: 0.1rem;
    color: var(--primary);
}

.ba-weiter[b-9arr5ns256] {
    display: flex;
    gap: 1.25rem;
    margin-top: 0.75rem;
}

/* Panels (Abspalten, Frei bearbeiten) */
.ba-panel[b-9arr5ns256] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--muted) 35%, var(--card));
}

.ba-satz[b-9arr5ns256] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.ba-reihe[b-9arr5ns256] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
}

.ba-reihe-titel[b-9arr5ns256] {
    min-width: 11rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.ba-radio[b-9arr5ns256] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--foreground);
}

.ba-feld[b-9arr5ns256] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.6rem;
}

.ba-feld.ba-breit[b-9arr5ns256] {
    max-width: 40rem;
}

.ba-feld select[b-9arr5ns256] {
    max-width: 24rem;
}

.ba-entwurf[b-9arr5ns256] {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card);
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.ba-entwurf-kopf[b-9arr5ns256] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
}

.ba-entwurf-kopf .ba-feld[b-9arr5ns256] {
    margin-bottom: 0;
}

.ba-entwurf-kopf .ba-breit[b-9arr5ns256] {
    flex: 1 1 18rem;
}

.ba-entwurf-nr[b-9arr5ns256] {
    align-self: center;
    font-weight: 600;
    min-width: 5rem;
}

.ba-beleg[b-9arr5ns256] {
    width: 9rem;
}

.ba-zeilen .form-input[b-9arr5ns256] {
    height: 2rem;
    font-size: 0.8125rem;
}

.ba-zahl[b-9arr5ns256] {
    width: 5.5rem;
}

.ba-konto[b-9arr5ns256] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ba-konto-breit[b-9arr5ns256] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.ba-konto-breit .ba-zahl[b-9arr5ns256] {
    width: 7rem;
}

.ba-kontoname[b-9arr5ns256] {
    font-size: 0.7rem;
    max-width: 9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ba-konto-breit .ba-kontoname[b-9arr5ns256] {
    font-size: 0.8125rem;
    max-width: 24rem;
}

.ba-aktion[b-9arr5ns256] {
    white-space: nowrap;
}

.ba-plus[b-9arr5ns256] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* Prüfung */
.ba-pruefung[b-9arr5ns256] {
    border-collapse: collapse;
    margin-bottom: 0.75rem;
}

.ba-pruefung > tbody > tr > th[b-9arr5ns256] {
    text-align: left;
    font-weight: normal;
    color: var(--muted-foreground);
    padding: 0.35rem 1.5rem 0.35rem 0;
    vertical-align: top;
    white-space: nowrap;
}

.ba-pruefung > tbody > tr > td[b-9arr5ns256] {
    padding: 0.35rem 0;
}

.ba-pruefung .badge[b-9arr5ns256] {
    margin-right: 0.4rem;
}

.ba-konten[b-9arr5ns256] {
    max-width: 44rem;
    margin-bottom: 0.25rem;
}

.ba-warn[b-9arr5ns256],
.ba-fehler[b-9arr5ns256],
.ba-ok[b-9arr5ns256] {
    margin: 0 0 0.5rem;
    padding: 0.45rem 0.75rem;
    font-size: 0.8125rem;
    border-left: 3px solid #e0a800;
    background: color-mix(in srgb, #e0a800 8%, var(--card));
}

.ba-fehler[b-9arr5ns256] {
    border-left-color: var(--destructive);
    background: color-mix(in srgb, var(--destructive) 8%, var(--card));
}

.ba-ok[b-9arr5ns256] {
    border-left-color: var(--success, #16a34a);
    background: color-mix(in srgb, var(--success, #16a34a) 8%, var(--card));
}

.ba-grund[b-9arr5ns256] {
    max-width: 48rem;
}

.ba-aktionen[b-9arr5ns256] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.ba-aktionen > :first-child:not(.btn)[b-9arr5ns256] {
    margin-right: auto;
}

.ba-ablauf[b-9arr5ns256] {
    margin: 0;
    padding-left: 1.1rem;
}

/* Vorgemerkt: einzeln übertragen */
.ba-uebertragen[b-9arr5ns256] {
    white-space: nowrap;
    text-align: right;
}

.ba-uebertragen .btn[b-9arr5ns256] {
    margin-right: 0.35rem;
}

.ba-ausgang-zeile td[b-9arr5ns256] {
    padding-top: 0;
}

.ba-erklaerung[b-9arr5ns256] {
    margin: 0 0 0.5rem;
}

/* Vortragsbuchungen löschen: Auswahl je Verbuchungstag. */
.ba-vortrag[b-9arr5ns256] {
    margin: 0.5rem 0;
    font-size: 0.8125rem;
}

.ba-vortrag td:first-child[b-9arr5ns256] {
    width: 1%;
}

.ba-vortrag-an > td[b-9arr5ns256] {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
}

.ba-vortrag-tag > td[b-9arr5ns256] {
    font-weight: 600;
}

.ba-vortrag-text input[b-9arr5ns256] {
    margin-right: 0.4rem;
    vertical-align: -0.15em;
}

.ba-vortrag-folgen[b-9arr5ns256] {
    margin: 0.25rem 0 0.5rem;
    padding-left: 1.2rem;
}

/* Vortragskennzeichen */
.ba-vortrag[b-9arr5ns256] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
    margin: 0.5rem 0 0;
}

.ba-warn[b-9arr5ns256] {
    margin: 0.5rem 0 0;
    padding: 0.5rem 0.75rem 0.5rem 1.75rem;
    border-left: 3px solid var(--warning, #b45309);
    color: var(--warning, #b45309);
    font-size: 0.8125rem;
}
/* /Components/Pages/BuchungstageTool.razor.rz.scp.css */
.btage-scroll[b-ey45ib7383] {
    overflow-x: auto;
}

tr.clickable[b-ey45ib7383] {
    cursor: pointer;
}

tr.clickable:hover > td[b-ey45ib7383],
tr.btage-offen > td[b-ey45ib7383] {
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

.btage-datum[b-ey45ib7383] {
    white-space: nowrap;
}

.btage-datum[b-ey45ib7383]  svg {
    vertical-align: -0.2em;
    margin-right: 0.3rem;
}

.btage-notiz[b-ey45ib7383] {
    width: 100%;
    min-width: 11rem;
}

.btage-nw[b-ey45ib7383] {
    white-space: nowrap;
}

/* Vortrag und Nummernfolge schmal halten: Befunde brechen in der Pill um, statt die Tabelle breiter als die Karte zu machen. */
.btage-vortrag[b-ey45ib7383] {
    width: 14rem;
    max-width: 14rem;
}

.btage-folge[b-ey45ib7383] {
    width: 10rem;
    max-width: 10rem;
}

.btage-folge[b-ey45ib7383]  .badge,
.btage-vortrag[b-ey45ib7383]  .badge {
    white-space: normal;
    border-radius: 0.75rem;
    margin: 0.1rem 0;
}

.btage-detail > td[b-ey45ib7383] {
    background: var(--muted);
    padding: 0.6rem 0.85rem;
}

.btage-box[b-ey45ib7383] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.btage-buchungen[b-ey45ib7383] {
    background: var(--card, #fff);
}

/* Alle Spalten so schmal wie ihr Inhalt, der Text nimmt den Rest; Betrag rechtsbündig mit Kopf. */
.btage-buchungen th[b-ey45ib7383],
.btage-buchungen td[b-ey45ib7383] {
    width: 1%;
    white-space: nowrap;
}

.btage-buchungen th:nth-child(8)[b-ey45ib7383],
.btage-buchungen td:nth-child(8)[b-ey45ib7383] {
    width: auto;
    white-space: normal;
}

.btage-buchungen th:nth-child(9)[b-ey45ib7383],
.btage-buchungen td:nth-child(9)[b-ey45ib7383] {
    text-align: right;
    padding-right: 1.5rem;
}

.btage-verschieben[b-ey45ib7383] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.btage-verschieben select[b-ey45ib7383] {
    width: auto;
    min-width: 18rem;
}

.btage-erledigt[b-ey45ib7383] {
    color: #166534;
}

.btage-abgelehnt[b-ey45ib7383] {
    color: #991b1b;
}

/* Freies Datum direkt hinter der Auswahl, so breit wie ein uebliches Datumsfeld. */
.btage-datumfeld[b-ey45ib7383] {
    width: 10rem;
    flex: 0 0 auto;
}

.btage-beleg[b-ey45ib7383] {
    white-space: nowrap;
}

/* Link zum Vorgang neben der Belegnummer; die Nummer selbst zeigt den Beleg. */
.btage-vorgang[b-ey45ib7383] {
    margin-left: 0.3rem;
    vertical-align: -0.15em;
    color: var(--muted-foreground);
}

.btage-vorgang:hover[b-ey45ib7383] {
    color: var(--primary);
}
/* /Components/Pages/Dokumente.razor.rz.scp.css */
.dok-banner[b-vxxc0su0jz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.9rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.dok-pfad[b-vxxc0su0jz] {
    font-family: var(--font-mono, monospace);
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.so-link[b-vxxc0su0jz] {
    text-decoration: none;
    margin-right: 0.3rem;
}

.so-link:hover[b-vxxc0su0jz] {
    text-decoration: underline;
}

.dok-pfad-zelle[b-vxxc0su0jz] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

.dok-pfad-zelle .dok-pfad[b-vxxc0su0jz] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/DruckvorlageEditor.razor.rz.scp.css */
/* Splitscreen fuellt den Inhaltsbereich (Kopf 68px, Aktionsleiste, Innenabstand). */
.de[b-qa5si7wwlb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: calc(100vh - 68px - 4rem - 64px);
    min-height: 34rem;
}

.de-leiste[b-qa5si7wwlb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.de-titel[b-qa5si7wwlb] {
    font-weight: 600;
    font-size: 1.0625rem;
}

.de-luecke[b-qa5si7wwlb] {
    flex: 1;
}

.de-leiste .btn.aktiv[b-qa5si7wwlb] {
    border-color: var(--primary);
    color: var(--primary);
}

.de-panel[b-qa5si7wwlb] {
    flex-shrink: 0;
    max-height: 38vh;
    overflow-y: auto;
    padding: 0.75rem 1rem;
}

.de-hilfe[b-qa5si7wwlb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.de-block-titel[b-qa5si7wwlb] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.de-split[b-qa5si7wwlb] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.de-quelle[b-qa5si7wwlb],
.de-vorschau[b-qa5si7wwlb] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.5rem 0.75rem 0.75rem;
}

.de-reiter[b-qa5si7wwlb] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border);
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}

.de-reiter-knopf[b-qa5si7wwlb] {
    padding: 0.4rem 0.85rem;
    border: none;
    border-bottom: 2px solid transparent;
    background: none;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
    color: var(--muted-foreground);
}

.de-reiter-knopf.aktiv[b-qa5si7wwlb] {
    border-bottom-color: var(--primary);
    color: var(--foreground);
    font-weight: 600;
}

.de-text[b-qa5si7wwlb] {
    flex: 1;
    min-height: 0;
    width: 100%;
    resize: none;
    font-family: Consolas, "Cascadia Mono", "Courier New", monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
    white-space: pre;
    tab-size: 2;
}

.de-versteckt[b-qa5si7wwlb] {
    display: none;
}

.de-aktionen[b-qa5si7wwlb] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    flex-shrink: 0;
}

.de-notiz[b-qa5si7wwlb] {
    flex: 1 1 14rem;
}

.de-fehler[b-qa5si7wwlb] {
    margin: 0.4rem 0 0;
    color: var(--destructive);
    font-size: 0.8125rem;
    white-space: pre-wrap;
}

.de-vorschau-kopf[b-qa5si7wwlb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-bottom: 0.5rem;
}

.de-beispiel[b-qa5si7wwlb] {
    max-width: 26rem;
}

.de-vorschau-fehler[b-qa5si7wwlb] {
    margin: 0 0 0.5rem;
    max-height: 6rem;
    overflow-y: auto;
    flex-shrink: 0;
}

.de-pdf[b-qa5si7wwlb] {
    flex: 1;
    min-height: 0;
}

.de-jahr[b-qa5si7wwlb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.de-jahr .form-input[b-qa5si7wwlb] {
    width: 7rem;
}

.de-klein[b-qa5si7wwlb] {
    margin: 0;
    font-size: 0.75rem;
}

.de-liste[b-qa5si7wwlb] {
    margin: 0;
    font-size: 0.75rem;
}

.de-liste dt[b-qa5si7wwlb] {
    margin-top: 0.4rem;
}

.de-liste dd[b-qa5si7wwlb] {
    margin: 0.1rem 0 0;
    color: var(--muted-foreground);
}

.de-liste code[b-qa5si7wwlb],
.de-klein code[b-qa5si7wwlb] {
    padding: 0 0.25rem;
    border-radius: 3px;
    background: var(--muted);
}

.de-versionen[b-qa5si7wwlb] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
}

.de-versionen li[b-qa5si7wwlb] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--border);
}

.de-versionen li:last-child[b-qa5si7wwlb] {
    border-bottom: none;
}

@media (max-width: 900px) {
    .de[b-qa5si7wwlb] {
        height: auto;
    }

    .de-split[b-qa5si7wwlb],
    .de-hilfe[b-qa5si7wwlb] {
        grid-template-columns: minmax(0, 1fr);
    }

    .de-text[b-qa5si7wwlb] {
        min-height: 50vh;
    }

    .de-pdf[b-qa5si7wwlb] {
        height: 70vh;
    }
}
/* /Components/Pages/DruckvorlagenEinstellung.razor.rz.scp.css */
.dv-hinweis[b-wib8xnlhf5] {
    margin: 0 0 1rem;
}
/* /Components/Pages/Firmenangaben.razor.rz.scp.css */
.firma-hinweis[b-ayx1g9pr26] {
    margin: 0 0 1rem;
    max-width: 60rem;
    font-size: 0.9rem;
}

.firma-form[b-ayx1g9pr26] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.firma-form label[b-ayx1g9pr26] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.firma-fehler[b-ayx1g9pr26] {
    margin: 0.75rem 0 0;
    color: #b91c1c;
    font-size: 0.85rem;
}
/* /Components/Pages/Fristen.razor.rz.scp.css */
.se[b-awfse7ad6j] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.se-table[b-awfse7ad6j] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.se-table th[b-awfse7ad6j] {
    text-align: left;
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid var(--border);
}

.se-table td[b-awfse7ad6j] {
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid var(--border);
}

.se-table tr:last-child td[b-awfse7ad6j] {
    border-bottom: none;
}

.se-date-col[b-awfse7ad6j] {
    width: 110px;
}

.se-status-col[b-awfse7ad6j] {
    width: 120px;
}

.se-akt-col[b-awfse7ad6j] {
    width: 120px;
    text-align: right;
}

.se-akt-col .btn[b-awfse7ad6j] {
    padding: 0.25rem 0.7rem;
    font-size: 0.8rem;
}
/* /Components/Pages/GesellschafterbeschluesseSeite.razor.rz.scp.css */
.gv-zeile[b-a9duebvtl8] {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
}

.gv-klein[b-a9duebvtl8] {
    display: block;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.gv-scroll[b-a9duebvtl8] {
    overflow-x: auto;
}

.gv-tab[b-a9duebvtl8] {
    font-size: 0.8125rem;
}

.gv-schmal[b-a9duebvtl8] {
    max-width: 56rem;
}

.gv-datum[b-a9duebvtl8] {
    white-space: nowrap;
}

.gv-gegenstand[b-a9duebvtl8] {
    margin: 0 0.2rem 0.2rem 0;
}

.gv-entwurf td[b-a9duebvtl8] {
    color: var(--muted-foreground);
}

.gv-summe td[b-a9duebvtl8] {
    font-weight: 600;
    border-top: 1px solid var(--border);
}

.gv-befunde[b-a9duebvtl8] {
    margin: 0;
    padding-left: 0;
    list-style: none;
    font-size: 0.8125rem;
}

.gv-befunde li[b-a9duebvtl8] {
    padding: 0.25rem 0;
}

.gv-belege[b-a9duebvtl8] {
    margin-top: 0.75rem;
}

.gv-fehler[b-a9duebvtl8] {
    color: var(--destructive, #b91c1c);
    font-size: 0.8125rem;
}

.gv-titel[b-a9duebvtl8] {
    max-width: 30rem;
}

.gv-bemerkung[b-a9duebvtl8] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gv-aktion[b-a9duebvtl8] {
    white-space: nowrap;
}
/* /Components/Pages/GesellschafterbeschlussDetail.razor.rz.scp.css */
.gvd-kopf[b-50es0l7olk] {
    padding: 1rem 1.25rem;
}

.gvd-titel[b-50es0l7olk] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.gvd-badges[b-50es0l7olk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.gvd-karte[b-50es0l7olk] {
    padding: 0.85rem 1.25rem;
}

.gvd-befunde[b-50es0l7olk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.8125rem;
}

.gvd-raster[b-50es0l7olk] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}

.gvd-tab[b-50es0l7olk] {
    font-size: 0.8125rem;
}

.gvd-summe td[b-50es0l7olk] {
    font-weight: 600;
    border-top: 1px solid var(--border);
}

.gvd-zeile[b-50es0l7olk] {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
}

.gvd-bemerkung[b-50es0l7olk] {
    margin: 0.75rem 0 0;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
    white-space: pre-line;
}

.gvd-belege[b-50es0l7olk] {
    margin-top: 0.75rem;
}

.gvd-datum[b-50es0l7olk] {
    white-space: nowrap;
    width: 7rem;
}

.gvd-gegenstand[b-50es0l7olk] {
    margin: 0 0.2rem 0.2rem 0;
}

.gvd-aktionen[b-50es0l7olk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.gvd-luecke[b-50es0l7olk] {
    flex: 1;
}

.gvd-frage[b-50es0l7olk] {
    font-size: 0.8125rem;
}

.gvd-fehler[b-50es0l7olk] {
    margin: 0.5rem 0 0;
    color: var(--destructive, #b91c1c);
    font-size: 0.8125rem;
}

.gvd-buchen[b-50es0l7olk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-top: 0.75rem;
}

.gvd-klein[b-50es0l7olk] {
    font-size: 0.8125rem;
}
/* /Components/Pages/GesellschafterEinstellung.razor.rz.scp.css */
.gs-hinweis[b-nzvupwsqm9] {
    margin: 0 0 1rem;
    max-width: 60rem;
    font-size: 0.9rem;
}

.gs-name[b-nzvupwsqm9] {
    font-weight: 600;
}

.gs-name .muted[b-nzvupwsqm9] {
    font-weight: 400;
}

.gs-unter[b-nzvupwsqm9] {
    font-size: 0.78rem;
}

.gs-zahl[b-nzvupwsqm9] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.gs-iban[b-nzvupwsqm9] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.gs-form[b-nzvupwsqm9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.gs-form label[b-nzvupwsqm9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.gs-form label.gs-check[b-nzvupwsqm9] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    align-self: end;
    padding-bottom: 0.55rem;
    font-size: 0.875rem;
    color: var(--foreground);
}

.gs-form .gs-breit[b-nzvupwsqm9] {
    grid-column: 1 / -1;
}

.gs-fehler[b-nzvupwsqm9] {
    margin: 0.5rem 0 0;
    color: var(--destructive);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .gs-form[b-nzvupwsqm9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GewStZerlegung.razor.rz.scp.css */
.gewst-intro[b-mzrmylkqba] {
    margin: 0 0 1.25rem;
}

.gewst-summary[b-mzrmylkqba] {
    margin-bottom: 1.5rem;
}

/* Betriebsstaette und Hinweise brechen um, statt die Tabelle ueber die Karte hinaus zu ziehen. */
.gewst-table[b-mzrmylkqba] {
    width: 100%;
    table-layout: auto;
}

.gewst-table td:first-child[b-mzrmylkqba],
.gewst-table .fc-num[b-mzrmylkqba] {
    white-space: nowrap;
    vertical-align: top;
}

th.gewst-bs[b-mzrmylkqba] {
    white-space: nowrap;
}

td.gewst-bs[b-mzrmylkqba] {
    width: 100%;
    vertical-align: top;
}

/* Was nicht zaehlt: eigene, kompakte Zeilen unter dem Brutto, ohne Trennlinie bis zur letzten. */
.gewst-table tr.gewst-mit-abzug td[b-mzrmylkqba],
.gewst-table tr.gewst-abzug td[b-mzrmylkqba] {
    border-bottom: none;
}

.gewst-table tr.gewst-abzug td[b-mzrmylkqba] {
    padding-top: 0;
    padding-bottom: 0.15rem;
    font-size: 0.8125rem;
}

.gewst-table tr.gewst-abzug-letzt td[b-mzrmylkqba] {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border);
}

.gewst-abzuege[b-mzrmylkqba] {
    margin: 0.75rem 0 0.5rem;
    font-size: 0.8125rem;
}

.gewst-abzuege ul[b-mzrmylkqba] {
    list-style: none;
    margin: 0.4rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 0.2rem 1rem;
}

.gewst-abzuege li[b-mzrmylkqba] {
    display: contents;
}

.gewst-abzug-name[b-mzrmylkqba] {
    white-space: nowrap;
}

.gewst-btn[b-mzrmylkqba] {
    padding: 0.2rem 0.6rem;
    font-size: 0.78rem;
    margin-left: 0.5rem;
}

.gewst-note[b-mzrmylkqba] {
    margin: 0.75rem 0 0;
}

.gewst-titel[b-mzrmylkqba] {
    margin: 1.25rem 0 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.gewst-input[b-mzrmylkqba] {
    width: 9rem;
    height: 2rem;
    text-align: right;
}

.gewst-notiz[b-mzrmylkqba] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.75rem;
}

.gewst-notiz textarea[b-mzrmylkqba] {
    width: 100%;
    resize: vertical;
    line-height: 1.45;
}

.gewst-aktionen[b-mzrmylkqba] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.gewst-stand[b-mzrmylkqba] {
    font-size: 0.75rem;
}

.gewst-table th.fc-num[b-mzrmylkqba] {
    text-align: right;
}

.gewst-summe td[b-mzrmylkqba] {
    font-weight: 600;
    border-top: 1px solid var(--border);
}

.gewst-belegkopf[b-mzrmylkqba] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 1.25rem 0 0.5rem;
}

.gewst-belegkopf .gewst-titel[b-mzrmylkqba] {
    margin: 0;
}

.gewst-luecke[b-mzrmylkqba] {
    flex: 1;
}

.gewst-fehler[b-mzrmylkqba] {
    color: var(--destructive);
    font-size: 0.8125rem;
}
/* /Components/Pages/Index.razor.rz.scp.css */
.cockpit[b-4f2i0wbnkf] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.weiter.cockpit-laden[b-4f2i0wbnkf] {
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
}

/* Geruest waehrend des Ladens: gedaempft, nicht klickbar; die Platzhalter schimmern (app.css .skel). */
.cockpit-geruest[b-4f2i0wbnkf] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    pointer-events: none;
}

.cockpit-geruest .stepper[b-4f2i0wbnkf] {
    opacity: 0.55;
}

.geruest-kachel[b-4f2i0wbnkf] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem 1.25rem;
}

.cockpit-geruest .step-meta[b-4f2i0wbnkf] {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.cockpit-geruest .step-meta .skel-kurz[b-4f2i0wbnkf] {
    width: 6rem;
}

.cockpit-grid[b-4f2i0wbnkf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

/* ---- "Weiter hier" ---- */
.weiter[b-4f2i0wbnkf] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1.1rem 1.25rem;
    border-left: 4px solid var(--primary);
}

.weiter-kopf[b-4f2i0wbnkf] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.4rem 0.9rem;
}

.weiter-label[b-4f2i0wbnkf] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--primary);
}

.weiter-titel[b-4f2i0wbnkf] {
    font-size: 1.05rem;
    font-weight: 600;
}

.weiter-ziel[b-4f2i0wbnkf] {
    margin: 0;
    color: var(--muted-foreground);
}

.weiter-schritte[b-4f2i0wbnkf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.weiter-schritte li[b-4f2i0wbnkf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.weiter-fertig[b-4f2i0wbnkf] {
    flex-direction: row;
    align-items: center;
    border-left-color: #15803d;
    color: #15803d;
}

.punkt[b-4f2i0wbnkf] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--muted-foreground);
    opacity: 0.5;
}

.schritt-warn .punkt[b-4f2i0wbnkf] { background: #b45309; opacity: 1; }
.schritt-done .punkt[b-4f2i0wbnkf] { background: #15803d; opacity: 1; }

/* ---- Stepper ---- */
.stepper[b-4f2i0wbnkf] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.step + .step[b-4f2i0wbnkf] {
    border-top: 1px solid var(--border);
}

.step-row[b-4f2i0wbnkf] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.7rem 1rem;
    color: inherit;
    text-decoration: none;
    border-left: 3px solid transparent;
}

.step-row:hover[b-4f2i0wbnkf] {
    background: var(--muted);
}

.step-aktuell .step-row[b-4f2i0wbnkf] {
    border-left-color: var(--primary);
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

.step-nr[b-4f2i0wbnkf] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1.5px solid var(--border);
    font-size: 0.8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--muted-foreground);
}

.step-done .step-nr[b-4f2i0wbnkf] { border-color: #15803d; color: #15803d; background: color-mix(in srgb, #15803d 8%, transparent); }
.step-arbeit .step-nr[b-4f2i0wbnkf] { border-color: #b45309; color: #b45309; }
.step-aktuell .step-nr[b-4f2i0wbnkf] { border-color: var(--primary); color: var(--primary); }

.step-text[b-4f2i0wbnkf] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.step-name[b-4f2i0wbnkf] {
    font-weight: 500;
}

.step-ziel[b-4f2i0wbnkf] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.step-done .step-name[b-4f2i0wbnkf] { color: var(--muted-foreground); }

.step-meta[b-4f2i0wbnkf] {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
}

.step-status[b-4f2i0wbnkf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Zaehler als Text, durch Mittelpunkt getrennt */
.step-befund[b-4f2i0wbnkf] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.step-befund > span + span[b-4f2i0wbnkf]::before {
    content: " · ";
    color: var(--muted-foreground);
    font-weight: 400;
}

.step-warn[b-4f2i0wbnkf] {
    color: #854d0e;
    font-weight: 500;
}

/* "weiter hier" als Zusatz am Phasennamen statt eigenem Badge */
.step-weiter[b-4f2i0wbnkf] {
    margin-left: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--primary);
}

.step-fortschritt[b-4f2i0wbnkf] {
    min-width: 3.2rem;
    text-align: right;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    color: var(--muted-foreground);
}

.step-go[b-4f2i0wbnkf] {
    flex: none;
    color: var(--muted-foreground);
}

/* "Ziel" kennzeichnet den Sollzustand einer Phase - sonst liest er sich wie eine Feststellung. */
.ziel-etikett[b-4f2i0wbnkf] {
    margin-right: 0.4rem;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.ansicht-schalter[b-4f2i0wbnkf] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border);
}

.ansicht-knopf[b-4f2i0wbnkf] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    color: var(--muted-foreground);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.ansicht-knopf.aktiv[b-4f2i0wbnkf] {
    color: var(--foreground);
    border-bottom-color: var(--primary);
}

.befunde[b-4f2i0wbnkf] {
    overflow-x: auto;
}

.befund-detail[b-4f2i0wbnkf] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}
/* /Components/Pages/InventarAbgleichSeite.razor.rz.scp.css */
.ia-kopf[b-fq5c2ompb8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.ia-kopf .action-bar-title[b-fq5c2ompb8] {
    margin-right: 0.5rem;
}

/* Die Einzelheiten sind ein Satz: sie brechen um, statt abgeschnitten zu werden. */
.ia-text[b-fq5c2ompb8] {
    white-space: normal;
    line-height: 1.35;
}
/* /Components/Pages/InventarDetail.razor.rz.scp.css */
/* Karten gleichmaessig stapeln (wie die anderen Card-Seiten). */
.inv-detail[b-fcl9vvc2gg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.inv-fehler[b-fcl9vvc2gg] {
    margin: 0 0 1rem;
    color: #991b1b;
    font-size: 0.9rem;
}

.inv-sec[b-fcl9vvc2gg] {
    margin-bottom: 1.5rem;
}

.inv-sec:last-child[b-fcl9vvc2gg] {
    margin-bottom: 0;
}

.inv-sec-title[b-fcl9vvc2gg] {
    margin: 0 0 0.85rem;
    font-size: 0.95rem;
    font-weight: var(--font-weight-medium);
    border-bottom: 1px solid var(--border);
    padding-bottom: 0.4rem;
}

.inv-sec-hint[b-fcl9vvc2gg] {
    font-weight: 400;
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.inv-fields[b-fcl9vvc2gg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem 1.25rem;
    align-items: end;
}

.inv-fields label[b-fcl9vvc2gg] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--muted-foreground);
}

.inv-fields label.grow[b-fcl9vvc2gg] {
    flex: 1 1 280px;
    min-width: 240px;
}

.inv-fields label > .input-unit[b-fcl9vvc2gg] {
    width: 100%;
}

.inv-field-hint[b-fcl9vvc2gg] {
    align-self: center;
    max-width: 340px;
    margin: 0;
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.inv-readonly[b-fcl9vvc2gg] {
    background: var(--muted);
    color: var(--muted-foreground);
    cursor: not-allowed;
}

.inv-lex[b-fcl9vvc2gg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.75rem;
    margin-top: 1rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--border);
    background: var(--muted);
    font-size: 0.85rem;
}

.inv-lex-label[b-fcl9vvc2gg] {
    font-weight: var(--font-weight-medium);
}

.inv-lex-sep[b-fcl9vvc2gg] {
    color: var(--muted-foreground);
}

.inv-lex-meta[b-fcl9vvc2gg] {
    margin-left: auto;
}

.w-nr[b-fcl9vvc2gg] { width: 150px; }
.w-status[b-fcl9vvc2gg] { width: 160px; }
.w-konto[b-fcl9vvc2gg] { width: 130px; }
.w-ahk[b-fcl9vvc2gg] { width: 190px; }
.w-nd[b-fcl9vvc2gg] { width: 165px; }
.w-datum[b-fcl9vvc2gg] { width: 175px; }
.w-afa[b-fcl9vvc2gg] { width: 230px; }
.w-beleg[b-fcl9vvc2gg] { width: 150px; }
.w-haupt[b-fcl9vvc2gg] { width: 200px; }
.w-zub[b-fcl9vvc2gg] { width: 340px; }
.w-ma[b-fcl9vvc2gg] { width: 260px; }
.w-standort[b-fcl9vvc2gg] { width: 220px; }
/* /Components/Pages/InventarListe.razor.rz.scp.css */
.inv-kopf[b-q1gua9rhkf] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.inv-kopf .action-bar-title[b-q1gua9rhkf] {
    margin-right: 0.5rem;
}

.inv-banner[b-q1gua9rhkf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.inv-status[b-q1gua9rhkf] {
    color: var(--primary);
}

.inv-sub[b-q1gua9rhkf] {
    margin-left: 0.4rem;
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

/* Export-Dialog: SAS-Güter zum Anlegen von Hand, Werte per Klick kopieren */
.inv-sas[b-q1gua9rhkf] {
    margin-top: 0.75rem;
}

.inv-sas-tab[b-q1gua9rhkf] {
    font-size: 0.8125rem;
}

.inv-kopie[b-q1gua9rhkf] {
    border: 1px dashed transparent;
    background: none;
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    cursor: copy;
    text-align: inherit;
    font: inherit;
    color: inherit;
}

.inv-kopie:hover[b-q1gua9rhkf] {
    border-color: var(--border);
    background: var(--muted);
}

.inv-kopiert[b-q1gua9rhkf] {
    border-color: var(--primary);
}

.inv-klein[b-q1gua9rhkf] {
    font-size: 0.75rem;
}
/* /Components/Pages/InventurTool.razor.rz.scp.css */
.inv[b-ob2t3fob06] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.inv-laden[b-ob2t3fob06] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--muted-foreground);
}

.inv-karte[b-ob2t3fob06] {
    padding: 1rem 1.25rem 1.25rem;
}

.inv-titel[b-ob2t3fob06] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.inv-untertitel[b-ob2t3fob06] {
    margin: 1rem 0 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--muted-foreground);
}

.inv-kopfzeile[b-ob2t3fob06] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.inv-karte > .inv-titel[b-ob2t3fob06] {
    margin-bottom: 0.75rem;
}

.inv-rechts[b-ob2t3fob06] {
    margin-left: auto;
}

.inv-zahlen[b-ob2t3fob06] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 2rem;
}

.inv-zahlen > div[b-ob2t3fob06] {
    display: flex;
    flex-direction: column;
}

.inv-zahlen label[b-ob2t3fob06] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.inv-zahlen strong[b-ob2t3fob06] {
    font-size: 1.5rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
}

.inv-zahlen span[b-ob2t3fob06] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
}

.inv-befund[b-ob2t3fob06] {
    margin: 1rem 0 0;
    padding: 0.6rem 0.9rem;
    border-left: 4px solid #16a34a;
    background: #f0fdf4;
    font-size: 0.875rem;
}

.inv-befund-warn[b-ob2t3fob06] {
    border-left-color: #d97706;
    background: #fffbeb;
    color: #713f12;
}

.inv-tab[b-ob2t3fob06] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.inv-tab th[b-ob2t3fob06] {
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.inv-tab td[b-ob2t3fob06] {
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.inv-tab tr:last-child td[b-ob2t3fob06] {
    border-bottom: 0;
}

.i-kto[b-ob2t3fob06] { width: 6rem; font-variant-numeric: tabular-nums; }
.i-art[b-ob2t3fob06] { width: 10rem; }
.i-datum[b-ob2t3fob06] { width: 6.5rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.i-beleg[b-ob2t3fob06] { width: 7rem; }
.i-vorgang[b-ob2t3fob06] { width: 15rem; white-space: nowrap; }
.i-nr[b-ob2t3fob06] { width: 7rem; }
.i-menge[b-ob2t3fob06] { width: 7rem; }
.i-wert[b-ob2t3fob06] { width: 10rem; }
.i-x[b-ob2t3fob06] { width: 2.5rem; }

.inv-tab th.i-num[b-ob2t3fob06],
.i-num[b-ob2t3fob06] {
    width: 9rem;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.inv-edit .form-input[b-ob2t3fob06] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.inv-zahl[b-ob2t3fob06] {
    text-align: right;
}

.inv-edit[b-ob2t3fob06]  .action-btn,
.inv-edit .action-btn[b-ob2t3fob06] {
    display: inline-flex;
}

.inv-aktionen[b-ob2t3fob06] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

.inv-fehler[b-ob2t3fob06] {
    margin: 0.75rem 0 0;
    padding: 0.4rem 0.75rem;
    border-left: 4px solid #dc2626;
    background: #fee2e2;
    color: #991b1b;
    font-size: 0.8125rem;
}

.inv-beleg[b-ob2t3fob06] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: 0.35rem 1rem;
    margin: 0;
    font-size: 0.875rem;
}

.inv-beleg dt[b-ob2t3fob06] {
    color: var(--muted-foreground);
}

.inv-beleg dd[b-ob2t3fob06] {
    margin: 0;
    min-width: 0;
}

.inv-pfad[b-ob2t3fob06] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.inv-pfad span[b-ob2t3fob06] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}

.inv-bereiche[b-ob2t3fob06] {
    margin: -0.5rem 0 0;
    padding: 0 0.25rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.inv-bereiche a[b-ob2t3fob06] {
    color: var(--primary);
}

/* Hinweis vor den Knoepfen (vorhandener, von Hand erstellter Beleg): eigene Zeile. */
.inv-hinweis[b-ob2t3fob06] {
    flex-basis: 100%;
    margin: 0;
    font-size: 0.8125rem;
}

/* Belege als Kacheln (Styles der Kachel global in app.css). */
.inv-belege[b-ob2t3fob06] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    max-width: 46rem;
    font-size: 0.8125rem;
}

.inv-so[b-ob2t3fob06] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--primary);
    text-decoration: underline;
    cursor: pointer;
    font-variant-numeric: tabular-nums;
}

/* Dezenter Link: Erzeugen-Platzhalter neben einem Beleg von Hand einblenden. */
.inv-einblenden[b-ob2t3fob06] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--muted-foreground);
    cursor: pointer;
}

.inv-einblenden:hover[b-ob2t3fob06] {
    color: var(--primary);
    text-decoration: underline;
}
/* /Components/Pages/JaPhaseSeite.razor.rz.scp.css */
.phase[b-hnv5kmujoj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.phase-karte[b-hnv5kmujoj] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
}

.phase-laden[b-hnv5kmujoj] {
    flex-direction: row;
    align-items: center;
}

.phase-kopf[b-hnv5kmujoj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}

.phase-ziel[b-hnv5kmujoj] {
    margin: 0;
    font-size: 1rem;
}

.phase-balken[b-hnv5kmujoj] {
    height: 6px;
    border-radius: 999px;
    background: var(--muted);
    overflow: hidden;
}

.phase-balken > div[b-hnv5kmujoj] {
    height: 100%;
    background: #15803d;
    transition: width 0.2s;
}

/* ---- Schritte ---- */
.schritte[b-hnv5kmujoj] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.schritt[b-hnv5kmujoj] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.8rem 1.1rem;
    border-left: 3px solid transparent;
}

.schritt + .schritt[b-hnv5kmujoj] {
    border-top: 1px solid var(--border);
}

.schritt-warn[b-hnv5kmujoj] {
    border-left-color: #b45309;
}

.schritt-done .schritt-text[b-hnv5kmujoj] {
    color: var(--muted-foreground);
}

.schritt-status[b-hnv5kmujoj] {
    flex: none;
    width: 20px;
    padding-top: 0.1rem;
    display: flex;
    justify-content: center;
    color: var(--muted-foreground);
}

.schritt-status input[b-hnv5kmujoj] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.schritt-done .schritt-status[b-hnv5kmujoj] { color: #15803d; }
.schritt-warn .schritt-status[b-hnv5kmujoj] { color: #b45309; }

.schritt-inhalt[b-hnv5kmujoj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.schritt-info[b-hnv5kmujoj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.6rem;
    font-size: 0.82rem;
}

.tag[b-hnv5kmujoj] {
    font-size: 0.7rem;
    padding: 0.05rem 0.45rem;
    border-radius: 4px;
    border: 1px solid var(--border);
    color: var(--muted-foreground);
}

.schritt-notiz[b-hnv5kmujoj] {
    font-style: italic;
}

.schritt-aktionen[b-hnv5kmujoj] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.schritt-aktionen .btn[b-hnv5kmujoj] {
    white-space: nowrap;
}

/* ---- Notiz-Dialog ---- */
.notiz-schritt[b-hnv5kmujoj] {
    margin: 0 0 0.75rem;
    font-weight: 500;
}

.notiz-label[b-hnv5kmujoj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.notiz-check[b-hnv5kmujoj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.6rem 0;
}

.notiz-verlauf ul[b-hnv5kmujoj] {
    margin: 0.25rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.82rem;
}

.phase-abschnitt[b-hnv5kmujoj] {
    margin: 0.5rem 0 -0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted-foreground);
}

.dok-pfad[b-hnv5kmujoj] {
    font-family: var(--font-mono, monospace);
    font-size: 0.75rem;
    max-width: 28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---- Nachweis-Dokumente: Belegkacheln (Styles global in app.css) ---- */
.nachweis-kacheln[b-hnv5kmujoj] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    max-width: 46rem;
    font-size: 0.8125rem;
}

.link-btn[b-hnv5kmujoj] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--primary);
    text-decoration: underline;
    cursor: pointer;
}

.link-btn-leise[b-hnv5kmujoj] {
    color: var(--muted-foreground);
    font-size: 0.75rem;
    opacity: 0.75;
}

.link-btn-leise:hover[b-hnv5kmujoj] {
    opacity: 1;
}

.loesen-frage[b-hnv5kmujoj] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    gap: 0.5rem;
    font-size: 0.78rem;
}

.so-link[b-hnv5kmujoj] {
    text-decoration: none;
    font-variant-numeric: tabular-nums;
}

.so-link:hover[b-hnv5kmujoj] {
    text-decoration: underline;
}

.phase-abschnitt-hinweis[b-hnv5kmujoj] {
    margin-left: 0.6rem;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.ziel-etikett[b-hnv5kmujoj] {
    margin-right: 0.4rem;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}
/* /Components/Pages/JournalCheck.razor.rz.scp.css */
/* Jahresuebersicht: hoechstens ~6 Jahre sichtbar, der Rest scrollt in der Karte; Kopfzeile bleibt stehen. */
.jc-uebersicht[b-0xy086j1o5] {
    max-height: 19rem;
    overflow-y: auto;
}

.jc-uebersicht th[b-0xy086j1o5] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--card, #fff);
}

.col-num[b-0xy086j1o5] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.jc-warn[b-0xy086j1o5] {
    color: #b45309;
    font-weight: var(--font-weight-medium);
}

.jc-hint[b-0xy086j1o5] {
    margin: 0 0 0.5rem;
    font-size: 0.85rem;
}

.jc-kontext-scroll[b-0xy086j1o5] {
    max-height: 60vh;
    overflow-y: auto;
}

.jc-mehr[b-0xy086j1o5] {
    margin: 0.4rem 0;
}

.jc-ziel > td[b-0xy086j1o5] {
    background: color-mix(in srgb, #d97706 16%, transparent);
    font-weight: var(--font-weight-medium);
}

.jc-wege[b-0xy086j1o5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.jc-weg[b-0xy086j1o5] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    font-size: 0.85rem;
}

.jc-weg-titel[b-0xy086j1o5] {
    font-weight: 600;
}

@media (max-width: 700px) {
    .jc-wege[b-0xy086j1o5] { grid-template-columns: 1fr; }
}

/* Befund und Behebung ausgeschrieben statt im Tooltip. */
.jc-befund[b-0xy086j1o5] {
    white-space: normal;
    font-size: 0.8rem;
    line-height: 1.35;
}

.jc-befund > div + div[b-0xy086j1o5] {
    margin-top: 0.15rem;
}

.jc-weg-aktionen[b-0xy086j1o5] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.jc-erledigt[b-0xy086j1o5], .jc-abgelehnt[b-0xy086j1o5] { margin: 0.5rem 0; }
.jc-erledigt[b-0xy086j1o5] { color: #166534; }
.jc-abgelehnt[b-0xy086j1o5] { color: #991b1b; }
/* /Components/Pages/Kontenabgleich.razor.rz.scp.css */
.kab[b-xe36efjdva] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.kab-st[b-xe36efjdva] {
    width: 120px;
}

.kab-diff td[b-xe36efjdva] {
    background: color-mix(in srgb, #991b1b 7%, transparent);
}

/* 'keine Anlage' / 'AfA offen' werden nur per Badge markiert (kein Zeilen-Hintergrund). */

.kab-hinweis[b-xe36efjdva] {
    margin-left: 0.4rem;
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.th-src[b-xe36efjdva] {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--muted-foreground);
    margin-top: 0.1rem;
}

.kab tbody tr.clickable[b-xe36efjdva] { cursor: pointer; }

.kab-row-active td[b-xe36efjdva] {
    background: color-mix(in srgb, var(--primary) 7%, transparent);
}

.kab-st .badge[b-xe36efjdva] {
    margin: 0 0.25rem 0.2rem 0;
}
/* /Components/Pages/KontenPruefungTool.razor.rz.scp.css */
/* Die Seite fuellt genau den Inhaltsbereich: gescrollt wird in den Karten, nie zusaetzlich im Browser. */
.kp[b-zhwypxeu6d] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.kp-banner[b-zhwypxeu6d] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.kp-suche[b-zhwypxeu6d] {
    margin-left: auto;
    width: 18rem;
    max-width: 100%;
}

/* Ohne Auswahl fuellt die Liste die Breite; mit Auswahl steht das Kontenblatt daneben. */
.kp-layout[b-zhwypxeu6d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    flex: 1;
    min-height: 0;
}

.kp-layout.mit-blatt[b-zhwypxeu6d] {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
}

.kp-liste[b-zhwypxeu6d],
.kp-blatt[b-zhwypxeu6d] {
    padding: 0.5rem 0.75rem;
    overflow: auto;
    max-height: 100%;
}

/* In der schmalen Liste neben dem Kontenblatt entfallen die Nebenspalten. */
.kp-layout.mit-blatt .kp-opt[b-zhwypxeu6d] {
    display: none;
}

.kp-liste thead th[b-zhwypxeu6d],
.kp-blatt-tabelle thead th[b-zhwypxeu6d] {
    position: sticky;
    top: -0.5rem;
    background: var(--card);
    z-index: 1;
}

.kp-seite td[b-zhwypxeu6d] {
    font-weight: var(--font-weight-medium);
    font-size: 0.95rem;
    padding-top: 1rem;
    border-bottom: 2px solid var(--border);
}

.kp-position td[b-zhwypxeu6d] {
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    background: var(--muted);
}

.kp-zeile[b-zhwypxeu6d] {
    cursor: pointer;
    /* Beim Blaettern nicht unter der stehenden Kopfzeile verschwinden. */
    scroll-margin-top: 2.5rem;
}

.kp-zeile:hover td[b-zhwypxeu6d] {
    background: var(--accent);
}

.kp-zeile.aktiv td[b-zhwypxeu6d] {
    background: var(--accent);
    font-weight: var(--font-weight-medium);
}

.kp-zeile td:first-child[b-zhwypxeu6d] {
    padding-left: 1.25rem;
    font-variant-numeric: tabular-nums;
}

.kp-blatt-kopf[b-zhwypxeu6d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.25rem 0.25rem 0.5rem;
}

.kp-blatt-kopf h2[b-zhwypxeu6d] {
    margin: 0;
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
}

.kp-blatt-aktionen[b-zhwypxeu6d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.kp-abgleich[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 1.25rem;
    padding: 0.5rem 0.25rem 0.75rem;
    font-size: 0.875rem;
}

.kp-blatt-tabelle[b-zhwypxeu6d] {
    font-size: 0.8125rem;
}

.kp-text[b-zhwypxeu6d] {
    overflow-wrap: anywhere;
}

.kp-vortrag td[b-zhwypxeu6d] {
    color: var(--muted-foreground);
}

@media (max-width: 1300px) {
    /* Schmal stehen Kontenblatt und Liste untereinander - dann scrollt die Seite als Ganzes, nicht die Karten. */
    .kp[b-zhwypxeu6d] {
        height: auto;
        display: block;
    }

    .kp-layout[b-zhwypxeu6d],
    .kp-layout.mit-blatt[b-zhwypxeu6d] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
    }

    /* Untereinander: das Kontenblatt zuerst, damit der Klick sichtbar etwas zeigt. */
    .kp-layout.mit-blatt .kp-blatt[b-zhwypxeu6d] {
        order: -1;
    }

    .kp-layout.mit-blatt .kp-opt[b-zhwypxeu6d] {
        display: table-cell;
    }

    .kp-liste[b-zhwypxeu6d],
    .kp-blatt[b-zhwypxeu6d] {
        max-height: none;
    }
}

.kp-liste:focus-visible[b-zhwypxeu6d] {
    outline: 2px solid var(--ring, var(--primary));
    outline-offset: -2px;
}

/* Filter-Pills wie die Auffaelligkeits-Chips der Vorgangsliste, aber neutral: ein leeres Konto ist kein Befund. */
.kp-pills[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.kp-pill[b-zhwypxeu6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.125rem 0.25rem 0.125rem 0.625rem;
    border: 1px solid var(--border);
    border-radius: 9999px;
    background: var(--card);
    color: var(--foreground);
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
}

.kp-pill:hover[b-zhwypxeu6d] {
    background: var(--accent);
}

.kp-pill-zahl[b-zhwypxeu6d] {
    min-width: 1.25rem;
    padding: 0 0.375rem;
    border-radius: 9999px;
    background: var(--muted);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.kp-pill-aktiv[b-zhwypxeu6d],
.kp-pill-aktiv:hover[b-zhwypxeu6d] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--primary-foreground);
}

.kp-pill-aktiv .kp-pill-zahl[b-zhwypxeu6d] {
    background: rgba(255, 255, 255, 0.25);
}

/* Veraenderung zum Vorjahr: Zuwachs gruen, Rueckgang rot - das Vorzeichen steht immer dabei. */
.kp-liste td.kp-plus[b-zhwypxeu6d] {
    color: #166534;
}

.kp-liste td.kp-minus[b-zhwypxeu6d] {
    color: #991b1b;
}

/* Erklaerung in eigener Zeile unter Kennzahlen, Pills und Suchfeld. */
.kp-hinweis[b-zhwypxeu6d] {
    flex-basis: 100%;
}

/* Die Spalte mit dem Bilanzwert des Jahres ist eingerahmt - um sie geht es bei der Pruefung. Als Schatten statt
   Rahmen, damit die Linie auch an der stehenden Kopfzeile haelt. */
.kp-liste[b-zhwypxeu6d] {
    --kp-rahmen: color-mix(in srgb, var(--primary) 40%, transparent);
}

.kp-liste .kp-aktuell[b-zhwypxeu6d] {
    box-shadow: inset 1px 0 var(--kp-rahmen), inset -1px 0 var(--kp-rahmen);
}

.kp-liste th.kp-aktuell[b-zhwypxeu6d] {
    box-shadow: inset 1px 0 var(--kp-rahmen), inset -1px 0 var(--kp-rahmen), inset 0 1px var(--kp-rahmen);
}

.kp-liste tbody tr:last-child td.kp-aktuell[b-zhwypxeu6d] {
    box-shadow: inset 1px 0 var(--kp-rahmen), inset -1px 0 var(--kp-rahmen), inset 0 -1px var(--kp-rahmen);
}

/* Ausgleich im Folgejahr: Haken je Konto, daneben der Befund als Wort. */
.kp-folge[b-zhwypxeu6d] {
    cursor: default;
    white-space: nowrap;
}

.kp-folge label[b-zhwypxeu6d],
.kp-folge-schalter[b-zhwypxeu6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}

.kp-folgejahr[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 1rem;
    padding: 0.5rem 0.25rem 0.75rem;
    border-top: 1px solid var(--border);
    font-size: 0.875rem;
}

.kp-folgejahr table[b-zhwypxeu6d] {
    flex-basis: 100%;
}

.kp-zwischentitel[b-zhwypxeu6d] {
    margin: 0;
    padding: 0.5rem 0.25rem 0.25rem;
    border-top: 1px solid var(--border);
    font-size: 0.8125rem;
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
}

/* Der Haken steht im Kopf der Karte; die Aufstellung des Folgejahres folgt unter dem Kontenblatt. */
.kp-blatt-aktionen .kp-folge-schalter[b-zhwypxeu6d] {
    font-size: 0.8125rem;
    white-space: nowrap;
    margin-right: 0.5rem;
}

.kp-zwischentitel[b-zhwypxeu6d] {
    margin-top: 0.75rem;
}

/* Nur die Kopfzeile des Kontenblatts bleibt stehen, nicht die der Aufstellung darunter. */
.kp-folge-tabelle thead th[b-zhwypxeu6d] {
    position: static;
}

/* Offener Wert aus dem Folgejahr-Ausgleich: ein Fehler, deshalb rot und kraeftig. */
.kp-liste td.kp-fehler[b-zhwypxeu6d],
.kp-blatt td.kp-fehler[b-zhwypxeu6d] {
    color: #991b1b;
    font-weight: 600;
}

/* Ausgleichsrechnung: nicht beruecksichtigte Buchungen sind ausgegraut, bleiben aber anhakbar. */
.kp-folge-titel[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.75rem;
}

.kp-folge-titel h3[b-zhwypxeu6d] {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

.kp-folge-titel .muted[b-zhwypxeu6d] {
    font-weight: 400;
}

.kp-folge-titel .btn[b-zhwypxeu6d] {
    margin-left: auto;
}

.kp-aus td[b-zhwypxeu6d] {
    color: var(--muted-foreground);
    opacity: 0.7;
}

.kp-aus td.kp-wahl[b-zhwypxeu6d] {
    opacity: 1;
}

.kp-wahl[b-zhwypxeu6d] {
    width: 1.75rem;
}

.kp-wahl input[b-zhwypxeu6d] {
    cursor: pointer;
}

.kp-mehr[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.25rem 0.25rem;
    font-size: 0.8125rem;
}

/* USt-Verprobung: eine Zeile unter dem Banner. */
.kp-ust[b-zhwypxeu6d] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 1rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card);
    font-size: 0.8125rem;
}

/* Befunde der anderen Werkzeuge: Stichworte in der Liste, Saetze im Kontenblatt. */
.kp-hinweise .badge[b-zhwypxeu6d] {
    margin: 0.05rem 0.25rem 0.05rem 0;
}

.kp-befunde[b-zhwypxeu6d] {
    list-style: none;
    margin: 0;
    padding: 0.25rem 0.25rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.8125rem;
}

.kp-befunde li[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.5rem;
}

a.kp-folge-schalter[b-zhwypxeu6d] {
    cursor: pointer;
}

.kp-durchsicht label[b-zhwypxeu6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    cursor: pointer;
}

.kp-verlauf[b-zhwypxeu6d] {
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

.kp-verlauf .badge[b-zhwypxeu6d] {
    margin-left: 0.4rem;
}

/* Laufendes Konto: die Buchung, in der der Ausgleich des Vorjahressaldos steckt. */
.kp-treffer td[b-zhwypxeu6d] {
    background: color-mix(in srgb, var(--success, #16a34a) 10%, transparent);
}

.kp-treffer-badge[b-zhwypxeu6d] {
    margin-left: 0.4rem;
}

/* Konto zum 31.12. auf 0 buchen */
.kp-null[b-zhwypxeu6d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0.75rem 0;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border);
    border-left: 3px solid var(--primary);
    border-radius: var(--radius);
    font-size: 0.8125rem;
}

.kp-null-kopf[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    align-items: baseline;
}

.kp-null-satz[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.kp-null-konto[b-zhwypxeu6d] {
    width: 7rem;
}

.kp-null-text[b-zhwypxeu6d] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-width: 36rem;
}

.kp-null-aktion[b-zhwypxeu6d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.kp-null-ok[b-zhwypxeu6d] {
    color: var(--success, #15803d);
    margin: 0;
}

.kp-null-fehler[b-zhwypxeu6d] {
    color: var(--destructive, #b91c1c);
    margin: 0;
}
/* /Components/Pages/KontoDetail.razor.rz.scp.css */
.kdet-back[b-9oqqzj9hoi] {
    margin: 0 0 1rem;
}
/* /Components/Pages/LexwareAenderungen.razor.rz.scp.css */
.la-karte[b-hejnjiaj7t] {
    padding: 1rem 1.25rem;
    margin-bottom: 0.75rem;
}

.la-klein[b-hejnjiaj7t] {
    font-size: 0.75rem;
}

.la-kopf[b-hejnjiaj7t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.la-titel[b-hejnjiaj7t] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.la-luecke[b-hejnjiaj7t] {
    flex: 1;
}

.la-vorab[b-hejnjiaj7t] {
    margin: 0.4rem 0 0.75rem;
}

.la-schritte[b-hejnjiaj7t] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.la-schritt[b-hejnjiaj7t] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0.5rem;
    border-top: 1px solid var(--border);
}

.la-schritt.la-aktiv[b-hejnjiaj7t] {
    background: color-mix(in srgb, var(--primary) 5%, var(--card));
    border-radius: var(--radius);
}

.la-nr[b-hejnjiaj7t] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--muted);
    color: var(--muted-foreground);
    font-size: 0.75rem;
    font-weight: 600;
}

.la-aktiv .la-nr[b-hejnjiaj7t] {
    background: var(--primary);
    color: var(--primary-foreground, #fff);
}

.la-fertig .la-nr[b-hejnjiaj7t] {
    background: color-mix(in srgb, var(--success, #16a34a) 18%, var(--card));
    color: var(--success, #16a34a);
}

.la-inhalt[b-hejnjiaj7t] {
    flex: 1;
    min-width: 0;
}

.la-zeile[b-hejnjiaj7t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.la-hinweise[b-hejnjiaj7t] {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

.la-aktionen[b-hejnjiaj7t] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.6rem;
}

.la-warn[b-hejnjiaj7t],
.la-ok[b-hejnjiaj7t],
.la-fehler[b-hejnjiaj7t] {
    margin: 0.5rem 0;
    padding: 0.45rem 0.75rem;
    font-size: 0.8125rem;
    border-left: 3px solid #e0a800;
    background: color-mix(in srgb, #e0a800 8%, var(--card));
}

.la-warn ul[b-hejnjiaj7t] {
    margin: 0.25rem 0 0;
    padding-left: 1.1rem;
}

.la-ok[b-hejnjiaj7t] {
    border-left-color: var(--success, #16a34a);
    background: color-mix(in srgb, var(--success, #16a34a) 8%, var(--card));
}

.la-fehler[b-hejnjiaj7t] {
    border-left-color: var(--destructive);
    background: color-mix(in srgb, var(--destructive) 8%, var(--card));
}

.la-einzeln-schalter[b-hejnjiaj7t] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-top: 0.4rem;
}

.la-einzeln[b-hejnjiaj7t] {
    margin-top: 0.4rem;
    font-size: 0.8125rem;
}

.la-wahl[b-hejnjiaj7t] {
    width: 1%;
    padding-right: 0;
    vertical-align: top;
}

/* Grosser Haken in der Primaerfarbe; die ganze Zeile schaltet ihn um. */
.la-haken[b-hejnjiaj7t] {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0.1rem 0 0;
    accent-color: var(--primary);
    cursor: pointer;
}

.la-wahlzeile[b-hejnjiaj7t] {
    cursor: pointer;
}

.la-wahlzeile:hover[b-hejnjiaj7t] {
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

.la-gewaehlt[b-hejnjiaj7t],
.la-gewaehlt:hover[b-hejnjiaj7t] {
    background: color-mix(in srgb, var(--primary) 10%, transparent);
}

.la-auswahl[b-hejnjiaj7t] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.4rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 0.375rem;
    background: var(--card);
    font-size: 0.8125rem;
}


.la-abstand[b-hejnjiaj7t] {
    margin-left: 0.4rem;
}

.la-buchung[b-hejnjiaj7t] {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.75rem;
}

.la-block[b-hejnjiaj7t] {
    display: block;
}

.la-freigabe[b-hejnjiaj7t] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.4rem;
    font-weight: 600;
}
/* /Components/Pages/LexwareAnsicht.razor.rz.scp.css */
.op-hinweis[b-m07q4427th] {
    padding: 1rem 1.25rem;
}

.op-hinweis p[b-m07q4427th] {
    margin: 0;
}
/* /Components/Pages/LexwareKontenblatt.razor.rz.scp.css */
.kb-kopf[b-6uo31gj1x8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.kb-konto[b-6uo31gj1x8] {
    width: 22rem;
    max-width: 100%;
}

.kb-kto[b-6uo31gj1x8] {
    font-variant-numeric: tabular-nums;
}

.kb-saldo-kopf[b-6uo31gj1x8] {
    display: block;
    cursor: help;
}

/* ---- Details zur Buchung: eigene Zeile unter der gewaehlten Buchung ---- */
.kb-detail-zeile > td[b-6uo31gj1x8] {
    padding: 0;
    background: var(--secondary);
}

.kb-detail-text[b-6uo31gj1x8] {
    margin: 0;
    padding: 0.875rem 1.25rem;
    font-size: 0.875rem;
}

/* Bezeichnung des FinCenter-Vorgangs klein unter dem Buchungstext */
.lx-vorgang[b-6uo31gj1x8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--muted-foreground);
}
/* /Components/Pages/LexwareProtokoll.razor.rz.scp.css */
.lp-detail[b-zhtpa8yvdx] { background: var(--color-surface-muted, #f8fafc); }
.lp-aenderungen[b-zhtpa8yvdx] { margin: 0.5rem 0; font-size: 0.85rem; }
.lp-json[b-zhtpa8yvdx] { max-height: 24rem; overflow: auto; font-size: 0.75rem; white-space: pre; }
/* /Components/Pages/LexwareUebernahmeTool.razor.rz.scp.css */
.uebernahme[b-jhl118l6uc] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.ueb-scroll[b-jhl118l6uc] {
    overflow-x: auto;
}

/* Zahlen je Ergebnisart: was offen ist, steht als Wort, die Farbe hebt nur hervor. */
.ueb-uebersicht[b-jhl118l6uc] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 1.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card, #fff);
}

.ueb-zahl strong[b-jhl118l6uc] {
    font-size: 1.15rem;
    font-variant-numeric: tabular-nums;
    margin-right: 0.25rem;
}

.ueb-offen strong[b-jhl118l6uc] {
    color: #b45309;
}

.ueb-buchung[b-jhl118l6uc] {
    white-space: nowrap;
}

.ueb-betrag[b-jhl118l6uc] {
    font-variant-numeric: tabular-nums;
    margin-left: 0.35rem;
}

.ueb-alt[b-jhl118l6uc] {
    text-decoration: line-through;
    color: var(--muted-foreground);
}

.ueb-neu[b-jhl118l6uc] {
    font-weight: var(--font-weight-medium);
}

.ueb-aktion[b-jhl118l6uc] {
    white-space: nowrap;
}

.ueb-kreis[b-jhl118l6uc] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin: 1rem 0 0.5rem;
}

.ueb-kreis:first-child[b-jhl118l6uc] {
    margin-top: 0;
}

.ueb-verborgen[b-jhl118l6uc] {
    margin-top: 1rem;
}

.ueb-verborgen-kreis[b-jhl118l6uc] {
    margin-left: 0.75rem;
    white-space: nowrap;
}

.ueb-nachtrag[b-jhl118l6uc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
}

.ueb-nachtrag label[b-jhl118l6uc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ueb-nachtrag .ueb-breit[b-jhl118l6uc] {
    grid-column: span 2;
}

.ueb-nachtrag .ueb-check[b-jhl118l6uc] {
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
}

.ueb-periode[b-jhl118l6uc] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ueb-periode input[b-jhl118l6uc] {
    width: 5rem;
}

@media (max-width: 720px) {
    .ueb-nachtrag[b-jhl118l6uc] { grid-template-columns: 1fr; }
    .ueb-nachtrag .ueb-breit[b-jhl118l6uc] { grid-column: auto; }
}

/* Zweite Zeile unter einer fehlenden Exportzeile: was Lexware unter derselben Nummer bucht. */
.ueb-doppelt td[b-jhl118l6uc] {
    border-top: 0;
    padding-top: 0;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.ueb-lx[b-jhl118l6uc] {
    margin-left: 0.5rem;
    white-space: nowrap;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-hint[b-le4djvtm9t] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: var(--muted);
    border-left: 3px solid var(--primary);
    font-size: 0.8125rem;
    color: var(--foreground);
}

.login-hint strong[b-le4djvtm9t] {
    color: var(--primary);
}
/* /Components/Pages/NummernkreisVerwaltung.razor.rz.scp.css */
.nk-card[b-hpi2rrpzc5] {
    padding: 1.5rem;
}

.nk-note[b-hpi2rrpzc5] {
    margin: 0 0 1.25rem;
}

.nk-status[b-hpi2rrpzc5] {
    margin: 0 0 1rem;
    color: var(--primary);
    font-size: 0.9rem;
}

.nk-grid[b-hpi2rrpzc5] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem 1.5rem;
    max-width: 640px;
}

.nk-grid label[b-hpi2rrpzc5] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--muted-foreground);
}

.nk-preview[b-hpi2rrpzc5] {
    margin-top: 1.25rem;
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.nk-preview-val[b-hpi2rrpzc5] {
    font-size: 1.1rem;
}

.nk-warn[b-hpi2rrpzc5] {
    margin: 1rem 0 0;
    padding: 0.6rem 0.85rem;
    border: 1px solid #854d0e;
    background: color-mix(in srgb, #854d0e 6%, transparent);
    color: #854d0e;
    font-size: 0.9rem;
}
/* /Components/Pages/OpAging.razor.rz.scp.css */
.opa-banner[b-fa3qna1zxg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.9rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.opa-alt td[b-fa3qna1zxg] {
    background: color-mix(in srgb, #854d0e 5%, transparent);
}

.opa-sehralt td[b-fa3qna1zxg] {
    background: color-mix(in srgb, #991b1b 6%, transparent);
}

.opa-row[b-fa3qna1zxg] { cursor: pointer; }

.opa-row:hover > td[b-fa3qna1zxg],
.opa-row-open > td[b-fa3qna1zxg] {
    background: color-mix(in srgb, var(--foreground) 4%, transparent);
}

/* Aufgeklappte Diagnose */
.opa-detail-row > td[b-fa3qna1zxg] {
    padding: 0;
    background: var(--muted);
}

.opa-detail[b-fa3qna1zxg] {
    padding: 0.6rem 0.85rem 0.75rem 2.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.86rem;
}

.opa-kopf[b-fa3qna1zxg] { font-weight: 600; }

.opa-befunde[b-fa3qna1zxg] {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.opa-buchungen[b-fa3qna1zxg] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.84rem;
    background: var(--card);
    border: 1px solid var(--border);
}

.opa-buchungen th[b-fa3qna1zxg],
.opa-buchungen td[b-fa3qna1zxg] {
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
}

.opa-buchungen .fc-num[b-fa3qna1zxg] { text-align: right; }

.opa-buchungen th:nth-child(1)[b-fa3qna1zxg] { width: 11rem; }
.opa-buchungen th:nth-child(2)[b-fa3qna1zxg] { width: 6.5rem; }
.opa-buchungen th:nth-child(3)[b-fa3qna1zxg] { width: 6.5rem; }
.opa-buchungen th:nth-child(4)[b-fa3qna1zxg] { width: 7rem; }
.opa-buchungen th:nth-child(6)[b-fa3qna1zxg],
.opa-buchungen th:nth-child(7)[b-fa3qna1zxg] { width: 5.5rem; }
.opa-buchungen th:nth-child(8)[b-fa3qna1zxg] { width: 7rem; }

/* Kopf: Befunde als Text statt Badges */
.opa-warn[b-fa3qna1zxg] {
    color: #854d0e;
    font-weight: 600;
}

.opa-stand[b-fa3qna1zxg] { cursor: help; }

/* Bereinigen in Lexware */
.opa-bereinigen[b-fa3qna1zxg] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.opa-vorschau[b-fa3qna1zxg] {
    border: 1px solid #fca5a5;
    background: var(--card);
    border-radius: 6px;
    padding: 0.6rem 0.8rem;
}

.opa-vorschau-titel[b-fa3qna1zxg] { font-weight: 600; }

.opa-vorschau ol[b-fa3qna1zxg],
.opa-vorschau ul[b-fa3qna1zxg] {
    margin: 0.3rem 0;
    padding-left: 1.3rem;
}

.opa-vorschau-aktionen[b-fa3qna1zxg] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.4rem;
}

.opa-erledigt[b-fa3qna1zxg] { color: #166534; font-weight: 600; }
.opa-abgelehnt[b-fa3qna1zxg] { color: #991b1b; font-weight: 600; }

.opa-vorschau-posten[b-fa3qna1zxg] {
    margin-top: 0.4rem;
    font-weight: 600;
}
/* /Components/Pages/PasswortAendern.razor.rz.scp.css */
.pw-karte[b-l0rf569781] {
    max-width: 32rem;
    padding: 1.25rem;
}

.pw-form[b-l0rf569781] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.pw-form label[b-l0rf569781] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.pw-fehler[b-l0rf569781] {
    margin: 0.75rem 0 0;
    color: var(--destructive);
}

.pw-ok[b-l0rf569781] {
    margin: 0.75rem 0 0;
    color: var(--success, var(--foreground));
}

.pw-aktionen[b-l0rf569781] {
    margin-top: 1rem;
}
/* /Components/Pages/SachgebieteEinstellung.razor.rz.scp.css */
.sg-hinweis[b-6l1goshmq9] {
    margin: 0 0 1rem;
    max-width: 64rem;
}

.sg-karte[b-6l1goshmq9] {
    padding: 1rem 1.25rem 1.25rem;
}

.sg-kopf[b-6l1goshmq9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.sg-scroll[b-6l1goshmq9] {
    overflow-x: auto;
}

.sg-tab[b-6l1goshmq9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.sg-tab th[b-6l1goshmq9] {
    padding: 0.35rem 0.4rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.sg-tab td[b-6l1goshmq9] {
    padding: 0.3rem 0.4rem;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.sg-tab .form-input[b-6l1goshmq9],
.sg-tab .form-select[b-6l1goshmq9] {
    width: 100%;
    min-width: 0;
}

/* Spaltenbreiten: Name und Suchwörter bekommen den Platz, Kurzfelder bleiben schmal. */
.sg-tab .c-pos[b-6l1goshmq9] { width: 5.5rem; }
.sg-tab .c-schluessel[b-6l1goshmq9] { width: 7.5rem; }
.sg-tab .c-name[b-6l1goshmq9] { min-width: 13rem; }
.sg-tab .c-kurz[b-6l1goshmq9] { width: 5.5rem; }
.sg-tab .c-wahl[b-6l1goshmq9] { width: 10rem; }
.sg-tab .c-auspraegung[b-6l1goshmq9] { width: 8rem; }
.sg-tab .c-stelle[b-6l1goshmq9] { width: 7.5rem; }
.sg-tab .c-beleg[b-6l1goshmq9] { width: 13rem; }
.sg-tab .c-such[b-6l1goshmq9] { min-width: 12rem; }
.sg-tab .c-zahl[b-6l1goshmq9] { width: 4.5rem; }
.sg-tab .c-x[b-6l1goshmq9] { width: 2.5rem; }

.sg-unter[b-6l1goshmq9] {
    padding-left: 1.5rem;
}

.sg-zahl[b-6l1goshmq9] {
    text-align: right;
    color: var(--muted-foreground);
}

.sg-fehler[b-6l1goshmq9] {
    margin: 0.75rem 0 0;
    color: var(--destructive);
}
/* /Components/Pages/SchwebekontenEinstellung.razor.rz.scp.css */
.wk-hinweis[b-b6x5uaufdf] {
    margin: 0 0 1rem;
    max-width: 52rem;
}

.wk-karte[b-b6x5uaufdf] {
    padding: 1rem 1.25rem 1.25rem;
}

.wk-kopf[b-b6x5uaufdf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.wk-rechts[b-b6x5uaufdf] {
    margin-left: auto;
}

.wk-tab[b-b6x5uaufdf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.wk-tab th[b-b6x5uaufdf] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
}

.wk-tab td[b-b6x5uaufdf] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.w-art[b-b6x5uaufdf] { width: 21rem; }
.w-nr[b-b6x5uaufdf] { width: 8rem; }
.w-x[b-b6x5uaufdf] { width: 2.5rem; }

.wk-tab .form-input[b-b6x5uaufdf],
.wk-tab .form-select[b-b6x5uaufdf] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.wk-konten[b-b6x5uaufdf] {
    color: var(--muted-foreground);
}

.wk-tab[b-b6x5uaufdf]  .action-btn,
.wk-tab .action-btn[b-b6x5uaufdf] {
    display: inline-flex;
}

.wk-fehler[b-b6x5uaufdf] {
    margin: 0.75rem 0 0;
    padding: 0.4rem 0.75rem;
    border-left: 4px solid #dc2626;
    background: #fee2e2;
    color: #991b1b;
    font-size: 0.8125rem;
}

.wk-aktionen[b-b6x5uaufdf] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.wk-luecke[b-b6x5uaufdf] {
    flex: 1;
}
/* /Components/Pages/SchwebepostenTool.razor.rz.scp.css */
.schwebe[b-8vtl5qz6pj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.schwebe-lead[b-8vtl5qz6pj] {
    margin: 0 0 0.85rem;
}

.schwebe-kpis[b-8vtl5qz6pj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}

.schwebe-kpi[b-8vtl5qz6pj] {
    font-size: 0.9rem;
    color: var(--muted-foreground);
}

.schwebe-kpi strong[b-8vtl5qz6pj] {
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
}

.schwebe-kpi.kpi-warn strong[b-8vtl5qz6pj] {
    color: #b45309;
}

/* Haupttabelle */
.schwebe-table[b-8vtl5qz6pj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.schwebe-table > thead th[b-8vtl5qz6pj] {
    text-align: left;
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid var(--border);
}

.schwebe-table > tbody > tr > td[b-8vtl5qz6pj] {
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid var(--border);
}

.col-jahr[b-8vtl5qz6pj] { width: 4.5rem; font-variant-numeric: tabular-nums; }

.schwebe-topf-suche[b-8vtl5qz6pj] { width: 14rem; height: 2rem; }

/* Sortierbare Spaltenköpfe der Töpfe (wie .data-table .th-label in app.css) */
.th-label[b-8vtl5qz6pj] { display: inline-flex; align-items: center; gap: 0.375rem; white-space: nowrap; user-select: none; }
.th-label.sortable[b-8vtl5qz6pj] { cursor: pointer; }
.th-label.sortable:hover[b-8vtl5qz6pj] { color: var(--foreground); }
.th-label.sortable[b-8vtl5qz6pj]  svg { color: var(--muted-foreground); opacity: 0.4; flex-shrink: 0; }
.th-label.sortable.sort-active[b-8vtl5qz6pj]  svg { color: var(--primary); opacity: 1; }
.col-konto[b-8vtl5qz6pj] { width: 6rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.col-bescheid[b-8vtl5qz6pj] { width: 7rem; }
.col-status[b-8vtl5qz6pj] { width: 14rem; }

/* Status-Badges duerfen umbrechen, sonst sprengt ein langer Befund die Card. */
.col-status .badge[b-8vtl5qz6pj] {
    white-space: normal;
    display: inline-block;
    margin: 0.1rem 0;
}

.schwebe-scroll[b-8vtl5qz6pj] {
    overflow-x: auto;
}

.col-num[b-8vtl5qz6pj] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Klickbare Zeile + Chevron */
.schwebe-row[b-8vtl5qz6pj] {
    cursor: pointer;
}

.schwebe-row:hover > td[b-8vtl5qz6pj] {
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

.schwebe-row-open > td[b-8vtl5qz6pj] {
    background: color-mix(in srgb, var(--primary) 6%, transparent);
}

.schwebe-chev[b-8vtl5qz6pj] {
    color: var(--muted-foreground);
    margin-right: 0.35rem;
    vertical-align: -2px;
}

/* Ausgeglichene Konten (Saldo 0) dezent */
.schwebe-null > td[b-8vtl5qz6pj] {
    color: var(--muted-foreground);
}

.schwebe-filters[b-8vtl5qz6pj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.5rem;
    margin-bottom: 0.6rem;
}

.schwebe-filter[b-8vtl5qz6pj] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--muted-foreground);
    cursor: pointer;
}

/* Ueberfaellige Posten hervorheben */
.schwebe-uf > td[b-8vtl5qz6pj] {
    background: color-mix(in srgb, #d97706 8%, transparent);
}

.schwebe-uf.schwebe-row:hover > td[b-8vtl5qz6pj],
.schwebe-uf.schwebe-row-open > td[b-8vtl5qz6pj] {
    background: color-mix(in srgb, #d97706 14%, transparent);
}

/* Detail-Zeile (Bildungs-Buchungen) */
.schwebe-detail-row > td[b-8vtl5qz6pj] {
    padding: 0;
    background: var(--muted);
}

.schwebe-detail[b-8vtl5qz6pj] {
    padding: 0.6rem 0.85rem 0.75rem 2.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.schwebe-detail-hint[b-8vtl5qz6pj] {
    font-size: 0.82rem;
    color: var(--muted-foreground);
}

.schwebe-bew[b-8vtl5qz6pj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.84rem;
    background: var(--card);
    border: 1px solid var(--border);
}

/* Buchung = zwei Zeilen: Werte + darunter der Text (volle Breite). */
.schwebe-bew .bew-mainrow > td[b-8vtl5qz6pj] {
    border-bottom: none;
    padding-bottom: 0.15rem;
}

.schwebe-bew .bew-textrow > td[b-8vtl5qz6pj] {
    padding-top: 0;
    padding-bottom: 0.45rem;
}

.schwebe-bew .bew-textrow .bew-text[b-8vtl5qz6pj] {
    color: var(--muted-foreground);
    font-size: 0.8rem;
    white-space: normal;
}

.schwebe-bew th[b-8vtl5qz6pj],
.schwebe-bew td[b-8vtl5qz6pj] {
    padding: 0.3rem 0.7rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
}

.schwebe-bew th[b-8vtl5qz6pj] {
    color: var(--muted-foreground);
    font-weight: var(--font-weight-medium);
}

.schwebe-bew .col-num[b-8vtl5qz6pj] {
    text-align: right;
}

.schwebe-bew tr:last-child td[b-8vtl5qz6pj] {
    border-bottom: none;
}

.bew-bildung[b-8vtl5qz6pj] { color: var(--foreground); }
.bew-aufl[b-8vtl5qz6pj] { color: #b45309; }

.bew-text[b-8vtl5qz6pj] { color: var(--muted-foreground); }

.schwebe-bew td[title][b-8vtl5qz6pj] { cursor: help; }

/* ---- Vorgaenge / Toepfe ---- */
.schwebe-sub[b-8vtl5qz6pj] {
    margin: 0 0 0.85rem;
    font-size: 0.85rem;
}

.schwebe-add-btn[b-8vtl5qz6pj] {
    padding: 0.25rem 0.7rem;
    font-size: 0.8rem;
}

.schwebe-form[b-8vtl5qz6pj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    padding: 0.75rem;
    margin-bottom: 1rem;
    background: var(--background);
    border: 1px solid var(--border);
}

.schwebe-form .form-select[b-8vtl5qz6pj],
.schwebe-form .form-input[b-8vtl5qz6pj] {
    width: auto;
    flex: 0 1 auto;
}

.schwebe-bez[b-8vtl5qz6pj] { flex: 1 1 240px; min-width: 200px; }
.schwebe-jahr[b-8vtl5qz6pj] { width: 7rem; }
.schwebe-betrag[b-8vtl5qz6pj] { width: 9rem; }
.schwebe-notiz[b-8vtl5qz6pj] { flex: 1 1 180px; min-width: 150px; }

.col-akt[b-8vtl5qz6pj] { width: 14rem; text-align: right; white-space: nowrap; }

.btn-link[b-8vtl5qz6pj] {
    background: none;
    border: none;
    padding: 0 0.35rem;
    cursor: pointer;
    color: var(--primary);
    font-size: 0.85rem;
}

.btn-link:hover[b-8vtl5qz6pj] { text-decoration: underline; }
.btn-link.btn-del[b-8vtl5qz6pj] { color: var(--muted-foreground); }

.vorgang-zu td[b-8vtl5qz6pj] {
    color: var(--muted-foreground);
}

.vorgang-row[b-8vtl5qz6pj] {
    cursor: pointer;
}

.vorgang-row:hover > td[b-8vtl5qz6pj] {
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

.col-del[b-8vtl5qz6pj] {
    width: 3rem;
    text-align: center;
}

.icon-btn[b-8vtl5qz6pj] {
    background: none;
    border: none;
    padding: 0.15rem;
    cursor: pointer;
    color: var(--muted-foreground);
    display: inline-flex;
    align-items: center;
}

.icon-btn:hover[b-8vtl5qz6pj] {
    color: #b91c1c;
}

.modal-footer-split[b-8vtl5qz6pj] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
}

.modal-footer-right[b-8vtl5qz6pj] {
    display: flex;
    gap: 0.6rem;
}

/* Topf-Zuordnung in der Bewegungstabelle */
.col-topf[b-8vtl5qz6pj] { width: 12rem; }

.topf-select[b-8vtl5qz6pj] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.82rem;
    padding: 0.1rem 0.3rem;
    border: 1px solid var(--border);
    background: var(--card);
}

/* Topf-Formular (Anordnung + Groessen) */
.topf-form[b-8vtl5qz6pj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 0.75rem;
    align-items: flex-end;
    padding: 0.85rem;
    margin-bottom: 1rem;
    background: var(--background);
    border: 1px solid var(--border);
}

.topf-form label[b-8vtl5qz6pj],
.topf-form-v label[b-8vtl5qz6pj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.topf-form .form-input[b-8vtl5qz6pj],
.topf-form .form-select[b-8vtl5qz6pj],
.topf-form-v .form-input[b-8vtl5qz6pj],
.topf-form-v .form-select[b-8vtl5qz6pj] {
    width: 100%;
}

.tf-grow[b-8vtl5qz6pj] { flex: 1 1 220px; min-width: 180px; }
.tf-konto[b-8vtl5qz6pj] { flex: 0 0 13rem; }
.tf-jahr[b-8vtl5qz6pj] { flex: 0 0 6rem; }
.tf-betrag[b-8vtl5qz6pj] { flex: 0 0 10rem; }
.tf-btn[b-8vtl5qz6pj] { flex: 0 0 auto; }

/* Topf-Formular im Modal (vertikal) */
.topf-form-v[b-8vtl5qz6pj] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.topf-form-v .tf-row[b-8vtl5qz6pj] {
    display: flex;
    gap: 0.75rem;
}

.topf-form-v .tf-row > label[b-8vtl5qz6pj] {
    flex: 1;
}

/* Buchungsliste im Vorgang-Modal */
.topf-buchungen[b-8vtl5qz6pj] {
    border: 1px solid var(--border);
    background: var(--muted);
    padding: 0.5rem 0.6rem;
}

.topf-buchungen-list[b-8vtl5qz6pj] {
    list-style: none;
    margin: 0.4rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    max-height: 12rem;
    overflow-y: auto;
    font-size: 0.82rem;
}

.topf-buchungen-list li[b-8vtl5qz6pj] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
}

.tb-datum[b-8vtl5qz6pj] {
    flex: none;
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
}

.tb-text[b-8vtl5qz6pj] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topf-buchungen-list .col-num[b-8vtl5qz6pj] {
    flex: none;
}

/* Auswahl-Checkbox + Neu-Knopf in der Bewegungstabelle */
.col-check[b-8vtl5qz6pj] {
    width: 1.8rem;
    text-align: center;
}

.bew-selected > td[b-8vtl5qz6pj] {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
}

.topf-cell[b-8vtl5qz6pj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.topf-neu[b-8vtl5qz6pj] {
    flex: none;
    font-size: 0.8rem;
}

/* Ablauf in der Einleitung: Befunde, Posten, Toepfe */
.schwebe-ablauf[b-8vtl5qz6pj] {
    margin: 0 0 0.5rem;
    padding-left: 1.2rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.schwebe-ablauf li + li[b-8vtl5qz6pj] {
    margin-top: 0.25rem;
}

/* Topf-Aktion im aufgeklappten Posten */
.schwebe-detail-topf[b-8vtl5qz6pj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card);
    font-size: 0.8125rem;
}

/* Posten mit falscher Hoehe ohne Topf */
.schwebe-topf-vorschlag[b-8vtl5qz6pj] {
    margin: 0 0 0.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    border-left: 3px solid #e0a800;
    background: color-mix(in srgb, #e0a800 8%, var(--card));
}

.schwebe-topf-vorschlag ul[b-8vtl5qz6pj] {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

.schwebe-topf-vorschlag li + li[b-8vtl5qz6pj] {
    margin-top: 0.3rem;
}

/* Kopf der Betragsspalten rechtsbündig wie die Beträge */
.schwebe-table th.col-num[b-8vtl5qz6pj] {
    text-align: right;
}

/* Eigenen SO-Beleg zu einer Auflösung ohne Beleg anlegen */
.schwebe-so[b-8vtl5qz6pj] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem 0.75rem;
    padding: 0.25rem 0 0.5rem;
}

.schwebe-so label[b-8vtl5qz6pj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1 28rem;
}
/* /Components/Pages/SchwebeTopfSeite.razor.rz.scp.css */
.st[b-pe035v68n5] {
    max-width: 1280px;
}

.st-ab-kopf[b-pe035v68n5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.st-nav[b-pe035v68n5] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-right: 0.75rem;
}

.st-nav-zahl[b-pe035v68n5] {
    min-width: 4.5rem;
    text-align: center;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}

.st-karte[b-pe035v68n5] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}

.st-schritt[b-pe035v68n5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
}

.st-nr[b-pe035v68n5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--primary);
    color: var(--primary-foreground, #fff);
    font-size: 0.75rem;
    font-weight: 600;
}

.st-titel[b-pe035v68n5] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.st-untertitel[b-pe035v68n5] {
    margin: 1.1rem 0 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--muted-foreground);
}

.st-untertitel.st-oben[b-pe035v68n5] {
    margin-top: 0;
}

.st-klein[b-pe035v68n5] {
    font-size: 0.75rem;
}

.st-erklaerung[b-pe035v68n5] {
    margin: 0 0 0.75rem;
    max-width: 56rem;
}

.st-angaben[b-pe035v68n5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
}

.st-feld[b-pe035v68n5] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.st-feld.st-breit[b-pe035v68n5] {
    flex: 1 1 18rem;
}

.st-jahr[b-pe035v68n5] {
    width: 6rem;
}

.st-aktionen[b-pe035v68n5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.st-satz[b-pe035v68n5] {
    font-size: 1rem;
    margin: 0.25rem 0 0.75rem;
}

.st-kpis[b-pe035v68n5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: 0.75rem;
    margin-bottom: 0.4rem;
}

.st-kpi[b-pe035v68n5] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-variant-numeric: tabular-nums;
}

.st-soll th[b-pe035v68n5] {
    text-align: left;
    font-weight: normal;
    padding: 0.2rem 1.5rem 0.2rem 0;
}

.st-soll td[b-pe035v68n5] {
    padding: 0.2rem 1rem 0.2rem 0;
}

.st-soll-eingabe[b-pe035v68n5] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 0.6rem;
}

.st-buchungen[b-pe035v68n5] {
    font-size: 0.8125rem;
}

/* Summen und Salden je Konto: eigene Karte, volle Breite */
.st-salden[b-pe035v68n5] {
    font-size: 0.8125rem;
}

/* .fc-table th richtet links aus und schlägt .fc-num: Zahlenköpfe hier rechts über die Beträge */
.st-salden th.fc-num[b-pe035v68n5] {
    text-align: right;
}

.st-salden .st-summe td[b-pe035v68n5] {
    font-weight: var(--font-weight-medium);
    border-top: 2px solid var(--border);
    border-bottom: none;
}

.st-nowrap[b-pe035v68n5] {
    white-space: nowrap;
}

/* Stift neben der Nummer: Buchung im Werkzeug "Buchung ändern" öffnen */
.st-aendern[b-pe035v68n5] {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 0.25rem;
    opacity: 0.55;
}

.st-aendern:hover[b-pe035v68n5] {
    opacity: 1;
}

.st-legende[b-pe035v68n5] {
    margin: 0.5rem 0 0;
}

.st-suche[b-pe035v68n5] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.st-suche .form-input[b-pe035v68n5] {
    max-width: 28rem;
}


.st-warn[b-pe035v68n5],
.st-fehler[b-pe035v68n5] {
    margin: 0.5rem 0;
    padding: 0.45rem 0.75rem;
    font-size: 0.8125rem;
    border-left: 3px solid #e0a800;
    background: color-mix(in srgb, #e0a800 8%, var(--card));
}

.st-fehler[b-pe035v68n5] {
    border-left-color: var(--destructive);
    background: color-mix(in srgb, var(--destructive) 8%, var(--card));
}

.st-hinweis[b-pe035v68n5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin: 0.6rem 0 0;
    padding: 0.4rem 0.75rem;
    font-size: 0.8125rem;
    border-left: 3px solid var(--primary);
    background: color-mix(in srgb, var(--primary) 6%, var(--card));
}

.st-bescheid-eingabe[b-pe035v68n5] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.4rem;
}

.st-anteil[b-pe035v68n5] {
    display: block;
    margin-left: auto;
    white-space: nowrap;
}

.st-betrag[b-pe035v68n5] {
    position: relative;
}

/* Kleines Popover unter "von …": Verteilung der Buchung auf die Töpfe. */
.st-pop[b-pe035v68n5] {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 20;
    min-width: 16rem;
    padding: 0.5rem 0.75rem 0.5rem;
    background: var(--card, var(--background));
    border: 1px solid var(--border);
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    text-align: left;
    font-size: 0.8125rem;
    white-space: nowrap;
}

.st-pop table[b-pe035v68n5] {
    width: 100%;
    border-collapse: collapse;
}

.st-pop td[b-pe035v68n5] {
    padding: 0.15rem 0.25rem;
}

.st-pop .st-pop-summe td[b-pe035v68n5] {
    border-top: 1px solid var(--border);
    font-weight: var(--font-weight-medium);
}

.st-pop-zu[b-pe035v68n5] {
    float: right;
    margin: -0.25rem -0.4rem 0 0.5rem;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--muted-foreground);
    font-size: 1rem;
    line-height: 1;
}

.st-anteil-eingabe[b-pe035v68n5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.st-soll-aktion[b-pe035v68n5] {
    width: 2rem;
    padding-left: 0.25rem;
}

.st-pop-hinter[b-pe035v68n5] {
    position: fixed;
    inset: 0;
    z-index: 19;
}
/* /Components/Pages/So/SoAenderungsplan.razor.rz.scp.css */
.sop-neu[b-nwhomcpgpn] {
    font-weight: 600;
}

.sop-alt[b-nwhomcpgpn] {
    color: var(--muted-foreground);
    text-decoration: line-through;
}

.sop-fehler[b-nwhomcpgpn] { color: #991b1b; margin: 0.5rem 0; }
.sop-aktionen[b-nwhomcpgpn] { display: flex; gap: 0.5rem; }
/* /Components/Pages/So/SoDateien.razor.rz.scp.css */
.sodt-kopf[b-vxhlk5b885] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.sodt-kopf .action-bar-title[b-vxhlk5b885] {
    margin-right: 0.5rem;
}

/* Die Auswahl fuellt ihre Spalte und waechst nicht mit dem laengsten Eintrag ueber sie hinaus. */
.sodt-wahl[b-vxhlk5b885] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    text-overflow: ellipsis;
}

/* Dateiname (anzeigen bzw. lokal oeffnen) und Symbol "lokal oeffnen" in einer Zeile. */
.sodt-datei[b-vxhlk5b885] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.sodt-name[b-vxhlk5b885] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

/* Mindestbreite: Bei schmalem Inhaltsbereich (z. B. neben der Beleg-Seitenleiste) scrollt die Tabelle waagerecht,
   statt die Spalten unlesbar zu stauchen. */
.sodt-scroll[b-vxhlk5b885] {
    overflow-x: auto;
}

.sodt-tabelle[b-vxhlk5b885] {
    min-width: 72rem;
}
/* /Components/Pages/So/SoRegisterSeite.razor.rz.scp.css */
.sor-nr[b-6wvl70swp2] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.sor-ablage[b-6wvl70swp2] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

label.sor-check[b-6wvl70swp2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.sor-fehler[b-6wvl70swp2] {
    margin: 0.5rem 0 0;
    color: var(--destructive, #991b1b);
}

/* Hinweis am Datum: Eintrag passt nicht zur Nummernfolge. */
.sor-folge[b-6wvl70swp2] {
    margin-left: 0.35rem;
}

.sor-folge-wege[b-6wvl70swp2] {
    margin: 0 0 0.75rem 1.1rem;
    padding: 0;
}

.sor-folge-wege li[b-6wvl70swp2] {
    margin-bottom: 0.35rem;
}

/* Dateinamen angleichen: je Datei alter Name mit Grund, darunter der neue Name zum Bearbeiten. */
.sor-dn-liste[b-6wvl70swp2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sor-dn-alt[b-6wvl70swp2] {
    font-size: 0.8125rem;
    word-break: break-all;
    margin-bottom: 0.3rem;
}

.sor-dn-neu[b-6wvl70swp2] {
    display: flex;
    gap: 0.5rem;
}

.sor-dn-neu .form-input[b-6wvl70swp2] {
    flex: 1;
}
/* /Components/Pages/So/SoZuordnung.razor.rz.scp.css */
.soz-hinweis[b-om4lrv3rj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
}

/* Sammelzuordnung der markierten Buchungen */
.soz-sammel[b-om4lrv3rj3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    padding: 0.6rem 1rem;
    margin-bottom: 0.75rem;
    border-left: 3px solid var(--primary);
}

.soz-sammel-wahl[b-om4lrv3rj3] {
    width: 20rem;
}

.soz-sammel-ziel[b-om4lrv3rj3] {
    font-size: 0.8125rem;
    min-width: 0;
}

.soz-sammel-knoepfe[b-om4lrv3rj3] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
}
/* /Components/Pages/SteuernErgebnis.razor.rz.scp.css */
/* Schmaler als container-wide: die Tabellen haben wenige Spalten, nur die Belegfaecher brauchen Breite. */
.es[b-3oaifr6gvd] {
    max-width: 1280px;
}

.es-hinweis[b-3oaifr6gvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

.es-zeile[b-3oaifr6gvd] {
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
}

.es-klein[b-3oaifr6gvd] {
    font-size: 0.75rem;
}

.es-block[b-3oaifr6gvd] {
    display: block;
}

.es-tab[b-3oaifr6gvd] {
    font-size: 0.8125rem;
}

.es-schmal[b-3oaifr6gvd] {
    max-width: 28rem;
}

.es-summe td[b-3oaifr6gvd] {
    font-weight: 600;
    border-top: 1px solid var(--border);
}

.es-scroll[b-3oaifr6gvd] {
    overflow-x: auto;
}

.es-angaben[b-3oaifr6gvd],
.es-zwei[b-3oaifr6gvd] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.es-zwei[b-3oaifr6gvd] {
    grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}

h4[b-3oaifr6gvd] {
    margin: 0.25rem 0 0.4rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.es-form[b-3oaifr6gvd] {
    width: 100%;
    font-size: 0.8125rem;
    border-collapse: collapse;
}

.es-form td[b-3oaifr6gvd] {
    padding: 0.2rem 0.4rem 0.2rem 0;
    vertical-align: middle;
}

.es-form td:last-child[b-3oaifr6gvd] {
    width: 10rem;
}

.es-form .form-input[b-3oaifr6gvd] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    text-align: right;
}

.es-form textarea.form-input[b-3oaifr6gvd] {
    height: auto;
    text-align: left;
}

.es-check[b-3oaifr6gvd] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8125rem;
    margin-bottom: 0.4rem;
}

.es-aktionen[b-3oaifr6gvd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.es-betrag[b-3oaifr6gvd] {
    width: 8.5rem;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    text-align: right;
}

.es-fehler[b-3oaifr6gvd] {
    margin: 0.5rem 0 0;
    color: var(--destructive, #b91c1c);
    font-size: 0.8125rem;
}

.es-ausblick[b-3oaifr6gvd] {
    max-width: 52rem;
}

.es-ausblick th.fc-num[b-3oaifr6gvd] {
    text-align: right;
}

.es-ausblick .es-jahr[b-3oaifr6gvd],
.es-ausblick th:last-child[b-3oaifr6gvd] {
    font-weight: 600;
    border-left: 1px solid var(--border);
}

.es-vorschlag[b-3oaifr6gvd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.es-aufklapper[b-3oaifr6gvd] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.es-details > td[b-3oaifr6gvd] {
    padding: 0.25rem 0 0.75rem;
}

.es-herleitung[b-3oaifr6gvd] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
    margin-bottom: 0.35rem;
}

.es-buchungen[b-3oaifr6gvd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.es-buchungen th[b-3oaifr6gvd] {
    text-align: left;
    font-weight: 600;
    color: var(--muted-foreground);
    border-bottom: 1px solid var(--border);
    padding: 0.2rem 0.4rem;
}

.es-buchungen td[b-3oaifr6gvd] {
    padding: 0.2rem 0.4rem;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.es-buchungen td:nth-child(4)[b-3oaifr6gvd] {
    white-space: normal;
}

.es-vorschlag.gleich[b-3oaifr6gvd] {
    color: var(--muted-foreground);
}

.es-vz-hinweis[b-3oaifr6gvd] {
    margin: 0.5rem 0 0;
}

/* Angaben: Vorauszahlungen und Gewerbe-/Koerperschaftsteuer brauchen Platz fuer die aufgeklappten Buchungen. */
@media (min-width: 1100px) {
    .es-angaben[b-3oaifr6gvd] {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    }
}

.es-abschnitt[b-3oaifr6gvd] {
    margin-top: 1.25rem;
}

.es-tantieme[b-3oaifr6gvd] {
    margin-top: 0.5rem;
}

.es-tantieme th[b-3oaifr6gvd] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--muted-foreground);
    text-align: left;
}

.es-tantieme th.fc-num[b-3oaifr6gvd] {
    text-align: right;
}

.es-plus[b-3oaifr6gvd] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0.25rem 0 0.5rem;
}

/* Erklaerender Text links in der Aktionsleiste, Knoepfe rechts. */
.es-aktionen-text[b-3oaifr6gvd] {
    margin-right: auto;
    max-width: 32rem;
}

/* Vorschlag direkt hinter dem Eingabefeld: die letzte Spalte nimmt den Rest, die Feldspalte bleibt so schmal wie das Feld. */
.es-form td:has(> .es-vorschlag)[b-3oaifr6gvd] {
    width: 100%;
    padding-left: 0.5rem;
}

.es-form td:first-child[b-3oaifr6gvd] {
    min-width: 10rem;
}

/* Ergebnisabhaengige Steuern und Beitraege: Teile untereinander in der Reihenfolge der Rechnung. */
.es-stapel h4[b-3oaifr6gvd] {
    margin: 1.25rem 0 0.4rem;
}

.es-stapel h4:first-child[b-3oaifr6gvd] {
    margin-top: 0;
}

.es-iteration[b-3oaifr6gvd] {
    margin: 0 0 1rem;
}

.es-stapel .es-tab[b-3oaifr6gvd] {
    width: 100%;
}

/* Mini-Tabelle der Buchungen: die Mindestbreite der Feldbeschriftung gilt hier nicht; Datum und Beleg so schmal wie noetig. */
.es-form .es-buchungen td:first-child[b-3oaifr6gvd] {
    min-width: 0;
    width: 1%;
}

.es-buchungen th[b-3oaifr6gvd] {
    white-space: nowrap;
}

.es-buchungen td:nth-child(2)[b-3oaifr6gvd],
.es-buchungen td:nth-child(3)[b-3oaifr6gvd],
.es-buchungen td:nth-child(5)[b-3oaifr6gvd] {
    width: 1%;
}

.es-buchungen .link-btn[b-3oaifr6gvd] {
    font-size: inherit;
    padding: 0;
}

.es-beleg-hinweis[b-3oaifr6gvd] {
    color: var(--destructive);
}

/* Angaben: Spalten nach verfuegbarem Platz (der Beleg-Betrachter rechts verengt die Seite), nicht nach Fensterbreite. */
.es-angaben[b-3oaifr6gvd] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr));
}

.es-bescheide[b-3oaifr6gvd] {
    margin-top: 0.5rem;
}

.es-aendern[b-3oaifr6gvd] {
    margin-left: 0.3rem;
    color: var(--muted-foreground);
    vertical-align: middle;
}

.es-aendern:hover[b-3oaifr6gvd] {
    color: var(--primary);
}

.es-buchungen td.es-aendern-zelle[b-3oaifr6gvd] {
    width: 1%;
    padding-left: 0;
    text-align: right;
}

/* Belege der Abschlussbuchungen: je Position eine Zeile. */
.es-untertitel[b-3oaifr6gvd] {
    margin: 1.25rem 0 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.es-belege[b-3oaifr6gvd] {
    font-size: 0.8125rem;
}

.es-beleg-aktion[b-3oaifr6gvd] {
    width: 1%;
    white-space: nowrap;
    text-align: right;
}

/* Vertragstext der Tantieme unter dem Empfänger. */
.es-vertrag td[b-3oaifr6gvd] {
    padding-top: 0;
}

.es-vertrag textarea[b-3oaifr6gvd] {
    width: 100%;
    min-height: 4.5rem;
    font-size: 0.8125rem;
    resize: vertical;
}

/* Werte setzen statt berechnen: je Position ein Schalter, Betrag und Quelle nur bei gesetzten Zeilen. */
.es-setzen[b-3oaifr6gvd] {
    margin-bottom: 1.25rem;
}


.es-setzen-tab[b-3oaifr6gvd] {
    width: 100%;
    font-size: 0.8125rem;
    border-collapse: collapse;
}

.es-setzen-tab th[b-3oaifr6gvd] {
    text-align: left;
    font-weight: 600;
    color: var(--muted-foreground);
    font-size: 0.75rem;
    padding: 0 0.75rem 0.4rem 0;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.es-setzen-tab th.fc-num[b-3oaifr6gvd] {
    text-align: right;
}

.es-setzen-tab td[b-3oaifr6gvd] {
    padding: 0.3rem 0.75rem 0.3rem 0;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
    height: 2.5rem;
}

.es-setzen-tab td:nth-child(2)[b-3oaifr6gvd] {
    width: 100%;
}

.es-setzen-tab td:nth-child(3)[b-3oaifr6gvd],
.es-setzen-tab td:nth-child(4)[b-3oaifr6gvd] {
    width: 10rem;
    white-space: nowrap;
}

/* Gesetzte Position: Quelle in einer eigenen Zeile darunter, ueber die volle Breite. */
.es-setzen-tab tr.es-mit-quelle td[b-3oaifr6gvd] {
    border-bottom: none;
}

.es-setzen-tab tr.es-quelle td[b-3oaifr6gvd] {
    height: auto;
    padding-top: 0;
    padding-bottom: 0.5rem;
    white-space: normal;
}

/* GewSt-Zerlegung: je Gemeinde eine eingerueckte Zeile unter der Position. */
.es-setzen-tab tr.es-unterzeile td[b-3oaifr6gvd] {
    height: 2.1rem;
    border-bottom: none;
}

.es-setzen-tab tr.es-unterzeile td:nth-child(2)[b-3oaifr6gvd] {
    padding-left: 1rem;
}

.es-anteil[b-3oaifr6gvd] {
    margin-left: 0.5rem;
}

.es-setzen-tab td.es-einzeilig[b-3oaifr6gvd] {
    white-space: nowrap;
}

.es-setzen-tab tr.es-unterzeile:has(+ tr:not(.es-unterzeile)) td[b-3oaifr6gvd] {
    border-bottom: 1px solid var(--border);
}

.es-quelle-feld[b-3oaifr6gvd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.es-quelle-feld .es-klein[b-3oaifr6gvd] {
    white-space: nowrap;
}

.es-quelle-feld .link-btn[b-3oaifr6gvd] {
    white-space: nowrap;
}

.es-setzen-tab td:last-child[b-3oaifr6gvd] {
    white-space: nowrap;
    padding-right: 0;
}

.es-setzen-tab .form-input[b-3oaifr6gvd] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
}

.es-setzen-schalter[b-3oaifr6gvd] {
    width: 3rem;
}

.es-setzen-tab tr.es-gesetzt td[b-3oaifr6gvd] {
    background: var(--accent);
}

.es-setzen-vorjahr[b-3oaifr6gvd] {
    margin-top: 1rem;
}

.es-setzen-vorjahr p[b-3oaifr6gvd] {
    margin: 0.25rem 0 0 2.85rem;
}

/* Zahlenspalten: Ueberschrift buendig mit den Zahlen. */
.es-tab th.fc-num[b-3oaifr6gvd] {
    text-align: right;
}

/* Ergebniskarte: links Positionen (gerechnet oder gesetzt), rechts der Rechenweg. Umbruch nach der Breite der Karte,
   nicht des Fensters - zwei Spalten erst, wenn beide genug Platz haben. */
.es-ergebnis-huelle[b-3oaifr6gvd] {
    container-type: inline-size;
}

.es-ergebnis-raster[b-3oaifr6gvd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem 2.5rem;
    align-items: start;
}

@container (min-width: 68rem) {
    .es-ergebnis-raster[b-3oaifr6gvd] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

.es-spaltentitel[b-3oaifr6gvd] {
    margin: 0 0 0.5rem;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid var(--border);
    font-size: 0.9375rem;
    font-weight: 600;
}

.es-spaltentitel span[b-3oaifr6gvd] {
    margin-left: 0.4rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--muted-foreground);
}

.es-ergebnis-raster .es-setzen[b-3oaifr6gvd] {
    margin-bottom: 0;
}

.es-rechnung .es-stapel h4[b-3oaifr6gvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 1rem;
    margin: 1rem 0 0.25rem;
    font-size: 0.8125rem;
}

.es-rechnung .es-stapel h4:first-child[b-3oaifr6gvd] {
    margin-top: 0.5rem;
}

.es-kennzahl[b-3oaifr6gvd] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--muted-foreground);
}

.es-hinweistext[b-3oaifr6gvd] {
    margin: 1rem 0 0;
    line-height: 1.45;
}

/* Innenabstand am Rand, damit die Hinterlegung gesetzter Zeilen links und rechts ueber den Inhalt hinausreicht. */
.es-setzen-tab th:first-child[b-3oaifr6gvd],
.es-setzen-tab td:first-child[b-3oaifr6gvd] {
    padding-left: 0.6rem;
}

.es-setzen-tab th:last-child[b-3oaifr6gvd],
.es-setzen-tab td:last-child[b-3oaifr6gvd] {
    padding-right: 0.6rem;
}

/* Belege und Bescheide: flache Zeilen, Belegfaecher aufgeklappt ueber die volle Breite darunter. */
.es-bescheide-tab td[b-3oaifr6gvd] {
    vertical-align: middle;
}

.es-bescheide-tab td:first-child[b-3oaifr6gvd] {
    white-space: nowrap;
}

.es-bescheide-tab td:first-child .es-aufklapper span[b-3oaifr6gvd] {
    font-weight: 500;
}

.es-bescheide-tab tr.es-offen > td[b-3oaifr6gvd] {
    border-bottom: none;
    background: var(--secondary);
}

.es-belegzahl[b-3oaifr6gvd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
    white-space: nowrap;
    cursor: pointer;
}

.es-belegzahl b[b-3oaifr6gvd] {
    color: var(--foreground);
    font-weight: 600;
}

.es-belegzahl:hover[b-3oaifr6gvd] {
    color: var(--primary);
}

.es-beleg-detail > td[b-3oaifr6gvd] {
    padding: 0.25rem 0.75rem 0.9rem 1.6rem;
    background: var(--secondary);
}

/* Die Belegliste richtet sich nach der Tabellenbreite, statt sie mit langen Dateinamen zu verbreitern. */
.es-beleg-huelle[b-3oaifr6gvd] {
    width: 0;
    min-width: 100%;
}

.es-belegzahl b.es-so-veraltet[b-3oaifr6gvd] {
    color: #854d0e;
}

/* Status oben: Badge mit Satz, darunter knapp was gesetzt ist und Hinweise der Rechnung. */
.es-status[b-3oaifr6gvd] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

.es-status-zeile[b-3oaifr6gvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.es-status-details[b-3oaifr6gvd] {
    list-style: none;
    margin: 0.6rem 0 0;
    padding: 0.55rem 0 0;
    border-top: 1px solid var(--border);
    display: grid;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.es-status-label[b-3oaifr6gvd] {
    display: inline-block;
    min-width: 4.5rem;
    margin-right: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--foreground);
}

.es-belegzahl .es-so[b-3oaifr6gvd] {
    color: #047857;
    font-weight: 600;
}

.es-belegzahl .es-so-veraltet[b-3oaifr6gvd] {
    color: #854d0e;
    font-weight: 600;
}

/* Gebuchte Zeile: Beleg (Link ins Journal) und Buchungsdatum links, Betrag rechtsbuendig. */
.es-gebucht[b-3oaifr6gvd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.es-gebucht-betrag[b-3oaifr6gvd] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Components/Pages/SteuerStammdatenEinstellung.razor.rz.scp.css */
.st-hinweis[b-9casympx3j] {
    margin: 0;
    max-width: 52rem;
}

.st-karte[b-9casympx3j] {
    padding: 1rem 1.25rem 1.25rem;
}

.st-kopf[b-9casympx3j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.st-klein[b-9casympx3j] {
    margin: 0 0 0.6rem;
    font-size: 0.8125rem;
}

.st-tab[b-9casympx3j] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.st-abstand[b-9casympx3j] {
    margin-top: 1rem;
}

.st-tab th[b-9casympx3j] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
}

.st-tab td[b-9casympx3j] {
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.st-tab .form-input[b-9casympx3j],
.st-tab .form-select[b-9casympx3j] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.w-ab[b-9casympx3j] { width: 7rem; }
.w-satz[b-9casympx3j] { width: 9rem; }
.w-x[b-9casympx3j] { width: 2.5rem; }
.w-pos[b-9casympx3j] { width: 11rem; }
.w-bezug[b-9casympx3j] { width: 13rem; }
.w-art[b-9casympx3j] { width: 9rem; }
.w-konto[b-9casympx3j] { width: 6rem; }

.st-aktionen[b-9casympx3j] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.6rem;
}

.st-leiste[b-9casympx3j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.st-luecke[b-9casympx3j] {
    flex: 1;
}

.st-fehler[b-9casympx3j] {
    color: var(--destructive, #b91c1c);
    font-size: 0.8125rem;
}
/* /Components/Pages/Tokens.razor.rz.scp.css */
.tokens-page[b-7becnmv8fq] {
    max-width: 1200px;
}

.tokens-section[b-7becnmv8fq] {
    margin-bottom: 2.5rem;
}

.tokens-section-title[b-7becnmv8fq] {
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border);
}

.swatch-grid[b-7becnmv8fq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.swatch[b-7becnmv8fq] {
    border: 1px solid var(--border);
    background: var(--card);
}

.swatch-fill[b-7becnmv8fq] {
    padding: 1.5rem 0.75rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
}

.swatch-meta[b-7becnmv8fq] {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    background: var(--background);
}

.swatch-meta code[b-7becnmv8fq] {
    font-family: monospace;
}

.badge-row[b-7becnmv8fq] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.typo-stack > *[b-7becnmv8fq] {
    margin: 0 0 0.5rem 0;
}

.shadow-grid[b-7becnmv8fq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
    padding: 0.5rem;
}

.shadow-demo[b-7becnmv8fq] {
    padding: 1.5rem 1rem;
    background: var(--card);
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.6;
}

.shadow-demo code[b-7becnmv8fq] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.spacing-stack[b-7becnmv8fq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.spacing-row[b-7becnmv8fq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.spacing-bar[b-7becnmv8fq] {
    height: 12px;
    background: var(--primary);
}

.icon-grid[b-7becnmv8fq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.5rem;
}

.icon-tile[b-7becnmv8fq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--border);
    background: var(--card);
    font-size: 0.75rem;
}

.icon-tile code[b-7becnmv8fq] {
    font-family: monospace;
    color: var(--muted-foreground);
}
/* /Components/Pages/Tools.razor.rz.scp.css */
.tools-intro[b-3epcsw377l] {
    margin: 0 0 1.25rem;
}

.tools-grid[b-3epcsw377l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 0.75rem;
}
/* /Components/Pages/UstAbstimmungTool.razor.rz.scp.css */
.ust[b-k59fz3crbc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ust-formel[b-k59fz3crbc] {
    font-variant-numeric: tabular-nums;
}

.ust-erkl[b-k59fz3crbc] {
    font-size: 0.75rem;
}

.ust-summe td[b-k59fz3crbc] {
    font-weight: var(--font-weight-medium);
    border-top: 2px solid var(--border);
}

.ust-leer td[b-k59fz3crbc] {
    color: var(--muted-foreground);
}

.ust-form[b-k59fz3crbc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(10rem, 1fr));
    gap: 0.75rem;
}

.ust-form label[b-k59fz3crbc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.ust-form-breit[b-k59fz3crbc] {
    grid-column: 1 / -1;
}

.ust-form-aktionen[b-k59fz3crbc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.ust-quelle[b-k59fz3crbc] {
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

.fc-num[b-k59fz3crbc] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ust-fz span + span[b-k59fz3crbc]::before {
    content: " · ";
    color: var(--muted-foreground);
}

.ust-belege[b-k59fz3crbc] {
    white-space: nowrap;
}

.ust-belege > * + *[b-k59fz3crbc] {
    margin-left: 0.4rem;
}

.ust-scroll[b-k59fz3crbc] {
    overflow-x: auto;
}

.ust-monate th[b-k59fz3crbc] {
    white-space: normal;
    vertical-align: bottom;
}

.ust-monate .badge[b-k59fz3crbc] {
    white-space: normal;
    line-height: 1.25;
}

.ust-eingabe[b-k59fz3crbc] {
    width: 9rem;
    margin-left: auto;
}

.ust-davon[b-k59fz3crbc] {
    padding-left: 1.5rem !important;
}

.ust-form-aktionen label[b-k59fz3crbc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--muted-foreground);
}

.ust-bemerkung[b-k59fz3crbc] {
    flex: 1;
}

.ust-bemerkung .form-input[b-k59fz3crbc] {
    flex: 1;
}

.ust-herleitung[b-k59fz3crbc] {
    margin-bottom: 1rem;
}

.ust-herleitung th:first-child[b-k59fz3crbc] {
    width: 55%;
}

.ust-zwischensumme td[b-k59fz3crbc] {
    font-weight: var(--font-weight-medium);
}

.ust-rechnungen > td[b-k59fz3crbc] {
    padding: 0.25rem 0 0.75rem 2.5rem !important;
    background: var(--muted, #f7f7f7);
}

.ust-rechnungen .fc-table[b-k59fz3crbc] {
    font-size: 0.8rem;
}

tr.clickable[b-k59fz3crbc] {
    cursor: pointer;
}

tr.clickable:hover > td[b-k59fz3crbc] {
    background: var(--muted, #f7f7f7);
}

tr.clickable > td:first-child[b-k59fz3crbc]  svg {
    display: inline-block;
    vertical-align: -0.2em;
    margin-right: 0.3rem;
}

.ust-form-aktionen label[b-k59fz3crbc] {
    white-space: nowrap;
}

/* Belege der Jahreserklaerung unter dem Formular. */
.ust-belege[b-k59fz3crbc] {
    margin-top: 1rem;
}
/* /Components/Pages/VerbuchungsdatumCheck.razor.rz.scp.css */
.vdat-scroll[b-s340kqu67k] {
    overflow-x: auto;
}

.vdat-nw[b-s340kqu67k] {
    white-space: nowrap;
}

.vdat-nw[b-s340kqu67k]  svg {
    vertical-align: -0.2em;
    margin-right: 0.3rem;
}

tr.clickable[b-s340kqu67k] {
    cursor: pointer;
}

tr.clickable:hover > td[b-s340kqu67k],
tr.vdat-offen > td[b-s340kqu67k] {
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

.vdat-detail > td[b-s340kqu67k] {
    background: var(--muted);
    padding: 0.6rem 0.85rem;
}

.vdat-buchungen[b-s340kqu67k] {
    background: var(--card, #fff);
}

.vdat-buchungen th[b-s340kqu67k],
.vdat-buchungen td[b-s340kqu67k] {
    white-space: nowrap;
}

.vdat-buchungen th:nth-child(8)[b-s340kqu67k],
.vdat-buchungen td:nth-child(8)[b-s340kqu67k] {
    white-space: normal;
    width: 100%;
}

.vdat-erklaerung[b-s340kqu67k] {
    margin: 0 0 0.75rem;
}

.vdat[b-s340kqu67k]  .badge {
    margin-right: 0.25rem;
    white-space: normal;
    border-radius: 0.75rem;
}

/* In der Buchungstabelle bleiben die Badges einzeilig. */
.vdat-buchungen td .badge[b-s340kqu67k] {
    white-space: nowrap;
}
/* /Components/Pages/Vorgaenge.razor.rz.scp.css */
/* Arbeitsansicht ueber die volle Hoehe: Liste | Vorgang | (Beleg auf Wunsch). Die content-area hat 2rem Rand - den nimmt
   die Ansicht per negativem Margin zurueck (links bleibt 1rem Abstand zur Sidebar); jede Spalte scrollt fuer sich,
   die Seite selbst nicht. */
.vg-ansicht[b-6pyqnh1be2] {
    display: flex;
    gap: 0;
    margin: -2rem -2rem -2rem -1rem;
    height: calc(100% + 4rem);
    overflow: hidden;
    background: var(--background);
    font-size: 0.875rem;
    line-height: 1.4;
}

/* Griff zum Ziehen der Spaltenbreite - wie der Griff der Sidebar: 4px breit auf der Spaltengrenze, beim Ueberfahren blau. */
.spalten-griff[b-6pyqnh1be2] {
    flex: none;
    position: relative;
    z-index: 5;
    width: 4px;
    margin: 0 -2px;
    cursor: col-resize;
    transition: background-color 0.15s ease;
}

.spalten-griff:hover[b-6pyqnh1be2] {
    background-color: rgba(12, 93, 166, 0.5);
}

/* ================= Liste ================= */
.vg-liste[b-6pyqnh1be2] {
    flex: none;
    min-width: 300px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
    background: var(--card);
}

.vg-liste-kopf[b-6pyqnh1be2] {
    flex-shrink: 0;
    padding: 0.75rem 0.875rem 0.5rem;
    border-bottom: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.vg-suchfeld[b-6pyqnh1be2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 2.25rem;
    padding: 0 0.625rem;
    border: 1px solid var(--border);
    background: var(--input-background);
    color: var(--muted-foreground);
}

.vg-suchfeld:focus-within[b-6pyqnh1be2] {
    border-color: var(--ring);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 20%, transparent);
}

.vg-suche[b-6pyqnh1be2] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: none;
    font: inherit;
    color: var(--foreground);
}

.vg-filterzeile[b-6pyqnh1be2] {
    display: flex;
    gap: 0.5rem;
}

.vg-filter[b-6pyqnh1be2] {
    flex: 1;
    min-width: 0;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.vg-chips[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.vg-chip[b-6pyqnh1be2] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.125rem 0.25rem 0.125rem 0.625rem;
    border: 1px solid #e7d9a8;
    border-radius: 9999px;
    background: #fffbeb;
    color: #854d0e;
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
}

.vg-chip:hover[b-6pyqnh1be2] {
    background: #fef3c7;
}

.vg-chip-zahl[b-6pyqnh1be2] {
    min-width: 1.25rem;
    padding: 0 0.375rem;
    border-radius: 9999px;
    background: #fde68a;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.vg-chip-aktiv[b-6pyqnh1be2],
.vg-chip-aktiv:hover[b-6pyqnh1be2] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--primary-foreground);
}

.vg-chip-aktiv .vg-chip-zahl[b-6pyqnh1be2] {
    background: rgba(255, 255, 255, 0.25);
}

.vg-zaehler[b-6pyqnh1be2] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-link[b-6pyqnh1be2] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--primary);
    cursor: pointer;
}

.vg-link:hover[b-6pyqnh1be2] {
    text-decoration: underline;
}

.vg-zeilen[b-6pyqnh1be2] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    outline: none;
}

.vg-zeilen:focus-visible .vg-zeile-aktiv[b-6pyqnh1be2] {
    box-shadow: inset 0 0 0 1px var(--primary);
}

.vg-gruppe[b-6pyqnh1be2] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 0.875rem;
    border-bottom: 1px solid var(--border);
    background: var(--muted);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.vg-zeile[b-6pyqnh1be2] {
    padding: 0.5rem 0.875rem 0.5rem calc(0.875rem - 3px);
    border-bottom: 1px solid var(--border);
    border-left: 3px solid transparent;
    cursor: pointer;
}

.vg-zeile:hover[b-6pyqnh1be2] {
    background: var(--secondary);
}

.vg-zeile-aktiv[b-6pyqnh1be2],
.vg-zeile-aktiv:hover[b-6pyqnh1be2] {
    background: var(--accent);
    border-left-color: var(--primary);
}

.vg-z1[b-6pyqnh1be2],
.vg-z2[b-6pyqnh1be2] {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
}

.vg-nr[b-6pyqnh1be2],
.vg-datum[b-6pyqnh1be2] {
    flex: 0 0 4.25rem;
    font-variant-numeric: tabular-nums;
}

.vg-nr[b-6pyqnh1be2] {
    font-weight: 600;
}

.vg-nr-leer[b-6pyqnh1be2] {
    font-weight: 400;
    color: var(--muted-foreground);
}

.vg-bez[b-6pyqnh1be2] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vg-betrag[b-6pyqnh1be2] {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.vg-z2[b-6pyqnh1be2] {
    margin-top: 0.125rem;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-meta[b-6pyqnh1be2] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vg-warn[b-6pyqnh1be2] {
    color: #92400e;
    font-weight: 600;
}

.vg-marke[b-6pyqnh1be2] {
    flex: none;
    padding: 0 0.4rem;
    border-radius: 9999px;
    background: #fef9c3;
    color: #854d0e;
    font-size: 0.6875rem;
    font-weight: 500;
    white-space: nowrap;
}

.vg-leer[b-6pyqnh1be2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--muted-foreground);
}

.vg-leer-detail[b-6pyqnh1be2] {
    margin-top: 5rem;
}

/* Geruest beim Laden (Liste, Vorgang, Bankbewegungen) */
.vg-geruest[b-6pyqnh1be2] {
    padding: 1rem 1.25rem;
}

/* ================= Vorgang ================= */
.vg-detail[b-6pyqnh1be2] {
    container: vorgang / inline-size;
    flex: 1 1 0;
    min-width: 440px;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.vg-alt[b-6pyqnh1be2] {
    opacity: 0.55;
}

.vg-kopf[b-6pyqnh1be2] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border);
    background: var(--card);
}

.vg-kopf-links[b-6pyqnh1be2] {
    flex: 1;
    min-width: 0;
}

.vg-kopf-art[b-6pyqnh1be2] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--primary);
}

.vg-nurlesend[b-6pyqnh1be2] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: var(--muted-foreground);
}

.vg-kopf-titel[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 0.75rem;
    margin: 0.125rem 0 0.375rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
}

.vg-kopf-nr[b-6pyqnh1be2] {
    font-variant-numeric: tabular-nums;
    color: var(--primary);
}

.vg-kopf-nr.vg-nr-leer[b-6pyqnh1be2] {
    color: var(--muted-foreground);
}

.vg-kopf-meta[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.vg-kopf-meta strong[b-6pyqnh1be2] {
    font-weight: 500;
    color: var(--foreground);
}

.vg-mono[b-6pyqnh1be2] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.vg-kopf-rechts[b-6pyqnh1be2] {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.375rem;
}

.vg-kopf-betrag[b-6pyqnh1be2] {
    font-size: 1.5rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    white-space: nowrap;
}

.vg-scroll[b-6pyqnh1be2] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 1.25rem 1.5rem 2rem;
}

/* Positionen links, Dokumente/Bank/Kostenstellen rechts daneben; wird es eng (Beleg offen, schmales Fenster), untereinander. */
.vg-inhalt[b-6pyqnh1be2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 28%);
    gap: 1.25rem;
    align-items: start;
}

.vg-inhalt-schmal[b-6pyqnh1be2] {
    grid-template-columns: minmax(0, 1fr);
}

/* Massgeblich ist die Breite des Vorgangsbereichs, nicht die des Fensters (Sidebar und Liste sind verschieden breit):
   Unter 1300px rutschen Dokumente, Bankbewegungen und Kostenstellen unter die Buchungen, damit die Tabelle die volle
   Breite bekommt. */
@container vorgang (max-width: 1300px) {
    .vg-inhalt[b-6pyqnh1be2] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Darunter teilen sich Dokumente und Bankbewegungen die Zeile haelftig. (Selektor mit Elternteil, damit die
       Regel die spaeter stehende Grundregel fuer .vg-rand schlaegt.) */
    .vg-inhalt > .vg-rand[b-6pyqnh1be2] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: start;
    }
}

/* Sehr schmal (z. B. mit offenem Beleg): wieder untereinander. */
@container vorgang (max-width: 720px) {
    .vg-inhalt > .vg-rand[b-6pyqnh1be2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.vg-haupt[b-6pyqnh1be2],
.vg-rand[b-6pyqnh1be2] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.vg-hinweise[b-6pyqnh1be2] {
    padding: 0.75rem 1rem;
    border: 1px solid #f0dc9a;
    border-left: 4px solid #d97706;
    background: #fffbeb;
    color: #713f12;
}

.vg-hinweise h3[b-6pyqnh1be2] {
    margin: 0 0 0.25rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.vg-hinweise ul[b-6pyqnh1be2] {
    margin: 0;
    padding-left: 1.125rem;
}

.vg-hinweise li + li[b-6pyqnh1be2] {
    margin-top: 0.125rem;
}

.vg-box[b-6pyqnh1be2] {
    background: var(--card);
    border: 1px solid var(--border);
    padding: 0.875rem 1rem 1rem;
}

.vg-box-titel[b-6pyqnh1be2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.625rem;
    font-size: 0.9375rem;
    font-weight: 600;
}

.vg-box-zahl[b-6pyqnh1be2] {
    padding: 0 0.4rem;
    border-radius: 9999px;
    background: var(--muted);
    color: var(--muted-foreground);
    font-size: 0.75rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.vg-box-leer[b-6pyqnh1be2] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

/* ---- Buchungen ---- */
.vg-tab[b-6pyqnh1be2] {
    width: 100%;
    border-collapse: collapse;
}

.vg-tab th[b-6pyqnh1be2] {
    padding: 0.375rem 0.625rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.vg-tab td[b-6pyqnh1be2] {
    padding: 0.5rem 0.625rem;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}

.vg-tab tbody tr:hover td[b-6pyqnh1be2] {
    background: var(--secondary);
}

.vg-tab tfoot td[b-6pyqnh1be2] {
    border-bottom: 0;
    padding-top: 0.625rem;
    font-weight: 600;
}

.vg-tab tfoot td:nth-child(2)[b-6pyqnh1be2] {
    font-weight: 400;
    color: var(--muted-foreground);
}

.c-idx[b-6pyqnh1be2] {
    width: 2.5rem;
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
}

/* Nur die Nummer; die Bezeichnung steht in der Einblendung (KontoNr). */
.c-kto[b-6pyqnh1be2] {
    width: 5rem;
}

/* Die Bezeichnung ist die wichtigste Spalte: Sie bekommt den Rest und darf nie unter diese Breite fallen. */
.vg-tab th.c-bez[b-6pyqnh1be2] {
    min-width: 16rem;
    width: 45%;
}

.c-ust[b-6pyqnh1be2] {
    width: 4rem;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.c-op[b-6pyqnh1be2] {
    width: 3rem;
}

.c-num[b-6pyqnh1be2] {
    width: 7.5rem;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.vg-tab th.c-num[b-6pyqnh1be2] {
    text-align: right;
}

/* Schmaler Vorgangsbereich (Beleg offen, kleines Fenster): Die festen Spaltenbreiten passen nicht mehr in die Karte.
   Erst ruecken die Spalten zusammen, darunter entfallen die errechneten Spalten Netto und USt-Betrag - der gebuchte
   Betrag bleibt stehen. */
@container vorgang (max-width: 1000px) {
    .vg-tab th[b-6pyqnh1be2],
    .vg-tab td[b-6pyqnh1be2] {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }

    .vg-tab th.c-bez[b-6pyqnh1be2] {
        min-width: 9rem;
        width: auto;
    }

    .c-kto[b-6pyqnh1be2] {
        width: 7rem;
    }

    .c-ust[b-6pyqnh1be2],
    .c-op[b-6pyqnh1be2],
    .c-num[b-6pyqnh1be2] {
        width: 1%;
    }
}

@container vorgang (max-width: 840px) {
    .c-errechnet[b-6pyqnh1be2] {
        display: none;
    }

    .vg-b-marken .badge[b-6pyqnh1be2] {
        white-space: normal;
    }
}

/* Noch schmaler: Die Kontonamen entfallen in der Tabelle (stehen als Tooltip an der Nummer und im Bearbeiten-Bereich). */
@container vorgang (max-width: 700px) {
    .vg-tab th.c-bez[b-6pyqnh1be2] {
        min-width: 0;
    }

    .vg-b-bez[b-6pyqnh1be2] {
        overflow-wrap: anywhere;
    }

    .c-kto[b-6pyqnh1be2] {
        width: 1%;
    }

    .vg-tab td.c-kto > .vg-kto-name[b-6pyqnh1be2] {
        display: none;
    }
}

.vg-kto-nr[b-6pyqnh1be2] {
    display: block;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.vg-kto-name[b-6pyqnh1be2] {
    display: block;
    font-size: 0.75rem;
    color: var(--muted-foreground);
    /* Nur umbrechen, wenn ein Wort allein nicht passt - sonst schrumpft die Spalte und zerhackt Kontonamen mitten im Wort. */
    overflow-wrap: break-word;
}

.vg-b-marken[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.25rem;
}

.vg-anlage[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.5rem;
    margin-top: 0.375rem;
    padding: 0.375rem 0.625rem;
    background: var(--secondary);
    font-size: 0.8125rem;
}

.vg-anlage-art[b-6pyqnh1be2] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.vg-neg[b-6pyqnh1be2] {
    color: #b91c1c;
}

/* ---- Randspalte ---- */
.vg-dok[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.375rem 0.5rem;
    padding: 0.5rem 0.625rem;
    border: 1px solid var(--border);
    border-left: 3px solid var(--border);
    color: var(--muted-foreground);
}

.vg-dok + .vg-dok[b-6pyqnh1be2] {
    margin-top: 0.5rem;
}

.vg-dok-aktiv[b-6pyqnh1be2] {
    border-left-color: var(--primary);
    background: var(--accent);
}

.vg-dok-name[b-6pyqnh1be2] {
    flex: 1;
    min-width: 0;
    font-size: 0.8125rem;
    color: var(--foreground);
    overflow-wrap: anywhere;
}

.vg-dok-aktionen[b-6pyqnh1be2] {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.vg-dok-aktionen[b-6pyqnh1be2]  .action-btn {
    display: inline-flex;
}

.vg-bank[b-6pyqnh1be2] {
    display: grid;
    grid-template-columns: 5.25rem minmax(0, 1fr) auto;
    gap: 0 0.75rem;
    align-items: baseline;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--border);
    font-size: 0.8125rem;
}

.vg-bank:first-of-type[b-6pyqnh1be2] {
    padding-top: 0.125rem;
}

.vg-bank:last-child[b-6pyqnh1be2] {
    padding-bottom: 0;
    border-bottom: 0;
}

.vg-bank-datum[b-6pyqnh1be2] {
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
}

.vg-bank-partner[b-6pyqnh1be2] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.vg-bank-zweck[b-6pyqnh1be2] {
    margin-top: 0.125rem;
    overflow-wrap: anywhere;
}

.vg-bank-meta[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.75rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-bank-betrag[b-6pyqnh1be2] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vg-kst[b-6pyqnh1be2] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.25rem 0;
    font-size: 0.8125rem;
}

/* ================= Beleg ================= */
.vg-pdf[b-6pyqnh1be2] {
    flex: 0 1 auto;
    min-width: 320px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border);
}

.vg-pdf-kopf[b-6pyqnh1be2] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem 0.5rem 1rem;
    border-bottom: 1px solid var(--border);
    background: var(--card);
    font-size: 0.8125rem;
}

.vg-pdf-name[b-6pyqnh1be2] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vg-pdf[b-6pyqnh1be2]  .pdf-viewer {
    border: 0;
}

/* ================= Ergaenzungen ================= */
.vg-suche-x[b-6pyqnh1be2] {
    display: inline-flex;
    padding: 0;
    border: 0;
    background: none;
    color: var(--muted-foreground);
    cursor: pointer;
}

.vg-suche-x:hover[b-6pyqnh1be2] {
    color: var(--foreground);
}

/* Suchtreffer - das mark-Element entsteht im Code und traegt keinen Scope. */
.vg-zeile[b-6pyqnh1be2]  mark {
    padding: 0;
    background: #fde68a;
    color: inherit;
}

.vg-gruppe-info[b-6pyqnh1be2] {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

.vg-blaettern[b-6pyqnh1be2] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vg-blaettern[b-6pyqnh1be2]  .action-btn,
.vg-blaettern .action-btn[b-6pyqnh1be2] {
    display: inline-flex;
}

.vg-blaettern .action-btn:disabled[b-6pyqnh1be2] {
    opacity: 0.35;
    cursor: default;
}

.vg-b-kst[b-6pyqnh1be2] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-box-schmal[b-6pyqnh1be2] {
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.vg-box-schmal div + div[b-6pyqnh1be2] {
    margin-top: 0.125rem;
}

/* ================= Skizze: Buchung bearbeiten ================= */
.vg-pos[b-6pyqnh1be2] {
    cursor: pointer;
}

.vg-pos-offen td[b-6pyqnh1be2],
.vg-tab tbody tr.vg-pos-offen:hover td[b-6pyqnh1be2] {
    background: var(--accent);
    border-bottom-color: transparent;
}

.vg-tab tbody tr.vg-edit-zeile:hover td[b-6pyqnh1be2],
.vg-edit-zeile td[b-6pyqnh1be2] {
    padding: 0;
    background: none;
}

.vg-edit[b-6pyqnh1be2] {
    margin: 0 0 0.75rem;
    padding: 0.875rem 1rem 1rem;
    border: 1px solid var(--primary);
    border-top: 0;
    background: color-mix(in srgb, var(--accent) 35%, var(--card));
}

.vg-edit-kopf[b-6pyqnh1be2] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.75rem;
}

.vg-edit-skizze[b-6pyqnh1be2] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-edit-felder[b-6pyqnh1be2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: 0.625rem 0.875rem;
    align-items: start;
}

.vg-edit-felder label[b-6pyqnh1be2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-edit-felder .f-bez[b-6pyqnh1be2] {
    grid-column: span 2;
}

.vg-edit-felder .f-op[b-6pyqnh1be2] {
    padding-top: 1.35rem;
}

.vg-edit .form-input[b-6pyqnh1be2],
.vg-edit .form-select[b-6pyqnh1be2] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    background: var(--input-background);
}

.vg-rechts[b-6pyqnh1be2] {
    text-align: right;
}

.vg-edit-info[b-6pyqnh1be2] {
    margin: 0.625rem 0 0;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.vg-edit-bloecke[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

.vg-edit-block[b-6pyqnh1be2] {
    flex: 1 1 22rem;
    min-width: 0;
    padding: 0.625rem 0.75rem 0.75rem;
    border: 1px solid var(--border);
    background: var(--card);
}

.vg-edit-block-breit[b-6pyqnh1be2] {
    flex: 2 1 38rem;
}

.vg-edit-blocktitel[b-6pyqnh1be2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.vg-edit-leer[b-6pyqnh1be2] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.vg-edit-tab[b-6pyqnh1be2] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.vg-edit-tab th[b-6pyqnh1be2] {
    padding: 0 0.25rem 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
}

.vg-edit-tab td[b-6pyqnh1be2],
.vg-tab tbody tr:hover .vg-edit-tab td[b-6pyqnh1be2] {
    padding: 0.2rem 0.25rem;
    border: 0;
    background: none;
    vertical-align: middle;
}

.e-kst[b-6pyqnh1be2] { width: 7rem; }
.e-inv[b-6pyqnh1be2] { width: 6rem; }
.e-betrag[b-6pyqnh1be2] { width: 7.5rem; }
.e-nd[b-6pyqnh1be2] { width: 4.5rem; }
.e-kto[b-6pyqnh1be2] { width: 6.5rem; }
.e-x[b-6pyqnh1be2] { width: 2.25rem; }

.vg-edit-tab[b-6pyqnh1be2]  .action-btn,
.vg-edit-tab .action-btn[b-6pyqnh1be2] {
    display: inline-flex;
}

.vg-edit-aktionen[b-6pyqnh1be2] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

/* Loeschen steht links, Uebernehmen und Abbrechen rechts. */
.vg-edit-loeschen[b-6pyqnh1be2] {
    margin-right: auto;
}

.vg-edit-aktionen-rechts[b-6pyqnh1be2] {
    justify-content: flex-end;
}

.vg-ungespeichert[b-6pyqnh1be2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.625rem 1rem;
    border: 1px solid var(--primary);
    border-left-width: 4px;
    background: var(--accent);
}

/* ================= Schalter (statt Checkbox) ================= */
.vg-schalter[b-6pyqnh1be2],
.vg-edit-felder label.vg-schalter[b-6pyqnh1be2] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--foreground);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.vg-schalter input[b-6pyqnh1be2] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.vg-schalter-bahn[b-6pyqnh1be2] {
    position: relative;
    flex: none;
    width: 2.25rem;
    height: 1.25rem;
    border-radius: 9999px;
    background: #c9c9c9;
    transition: background-color 0.15s ease;
}

.vg-schalter-bahn[b-6pyqnh1be2]::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(1.25rem - 4px);
    height: calc(1.25rem - 4px);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s ease;
}

.vg-schalter input:checked + .vg-schalter-bahn[b-6pyqnh1be2] {
    background: var(--primary);
}

.vg-schalter input:checked + .vg-schalter-bahn[b-6pyqnh1be2]::after {
    transform: translateX(1rem);
}

.vg-schalter input:focus-visible + .vg-schalter-bahn[b-6pyqnh1be2] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 35%, transparent);
}

/* ================= Zahlungsbuchung: Bezug zur Bankbewegung ================= */
.vg-edit-bank[b-6pyqnh1be2] {
    margin-bottom: 0.875rem;
    padding: 0.625rem 0.875rem 0.75rem;
    border: 1px solid #b6d4ee;
    border-left: 4px solid var(--primary);
    background: var(--card);
    font-size: 0.8125rem;
}

.vg-edit-bank-titel[b-6pyqnh1be2] {
    margin-bottom: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--primary);
}

.vg-edit-bank-zeile[b-6pyqnh1be2] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    font-size: 0.9375rem;
}

.vg-edit-bank-betrag[b-6pyqnh1be2] {
    margin-left: auto;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vg-edit-bank-meta[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.25rem;
    margin-top: 0.375rem;
    color: var(--muted-foreground);
}

.vg-edit-bank-meta strong[b-6pyqnh1be2] {
    color: var(--foreground);
}

.vg-edit-bank-regel[b-6pyqnh1be2] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--border);
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-edit .form-input:disabled[b-6pyqnh1be2] {
    background: var(--muted);
    color: var(--muted-foreground);
    cursor: not-allowed;
}

/* ================= Zahlung zuordnen ================= */
.vg-titel-knopf[b-6pyqnh1be2] {
    margin-left: auto;
}

.vg-bankwahl-kopf[b-6pyqnh1be2] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.vg-bankwahl-kopf .vg-box-titel[b-6pyqnh1be2] {
    margin: 0;
    font-size: 1.0625rem;
}

.vg-bankwahl-kopf .btn[b-6pyqnh1be2] {
    margin-left: auto;
}

.vg-bankwahl[b-6pyqnh1be2] {
    font-size: 0.875rem;
    line-height: 1.4;
}

.vg-bankwahl-info[b-6pyqnh1be2] {
    margin: 0 0 0.875rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.vg-bankwahl-info strong[b-6pyqnh1be2] {
    color: var(--foreground);
}

.vg-bankwahl-filter[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.875rem;
}

.vg-bankwahl .form-input[b-6pyqnh1be2] {
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    background: var(--input-background);
}

.vg-umschalter[b-6pyqnh1be2] {
    display: inline-flex;
    border: 1px solid var(--border);
}

.vg-umschalter button[b-6pyqnh1be2] {
    height: 2rem;
    padding: 0 0.875rem;
    border: 0;
    background: var(--card);
    font: inherit;
    font-size: 0.8125rem;
    cursor: pointer;
}

.vg-umschalter button + button[b-6pyqnh1be2] {
    border-left: 1px solid var(--border);
}

.vg-umschalter button.aktiv[b-6pyqnh1be2] {
    background: var(--primary);
    color: var(--primary-foreground);
}

.vg-bank-ftext[b-6pyqnh1be2] { width: 18rem; }
.vg-bank-fbetrag[b-6pyqnh1be2] { width: 7.5rem; }
.vg-bank-fdatum[b-6pyqnh1be2] { width: 9.5rem; }

.vg-banktab td[b-6pyqnh1be2] {
    vertical-align: middle;
}

.vg-banktab[b-6pyqnh1be2]  mark,
.vg-banktab mark[b-6pyqnh1be2] {
    padding: 0;
    background: #fde68a;
    color: inherit;
}

.k-datum[b-6pyqnh1be2] { width: 6.5rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.k-konto[b-6pyqnh1be2] { width: 7rem; }
.k-grund[b-6pyqnh1be2] { width: 15rem; font-size: 0.75rem; color: var(--muted-foreground); }
.k-teil[b-6pyqnh1be2] { width: 9.5rem; }
.k-teil .form-input[b-6pyqnh1be2] { width: 100%; }
.k-aktion[b-6pyqnh1be2] { width: 6.5rem; text-align: right; }

.k-hinweis[b-6pyqnh1be2] {
    margin-top: 0.2rem;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.25;
}

.vg-edit-bank-warn[b-6pyqnh1be2] {
    margin-top: 0.5rem;
    padding: 0.3rem 0.6rem;
    background: #fef9c3;
    color: #854d0e;
    font-weight: 500;
}

/* ================= Bearbeiten: Kopf, Dokumente, Speichern ================= */
.vg-kopf-edit[b-6pyqnh1be2] {
    margin-left: 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

/* Kopfdaten in drei Themengruppen: was der Vorgang ist, wann er gilt, wie er verarbeitet wird. */
.vg-kopf-gruppen[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.875rem 1.5rem;
    margin-top: 0.625rem;
}

.vg-kopf-gruppe[b-6pyqnh1be2] {
    min-width: 0;
    padding-left: 0.875rem;
    border-left: 2px solid var(--border);
}

.vg-kopf-gruppe-titel[b-6pyqnh1be2] {
    margin-bottom: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.g-was[b-6pyqnh1be2] { flex: 3 1 30rem; }
.g-wann[b-6pyqnh1be2] { flex: 0 1 19rem; }
.g-wie[b-6pyqnh1be2] { flex: 2 1 26rem; }

.g-was .vg-edit-felder[b-6pyqnh1be2] { grid-template-columns: minmax(0, 1fr) 12rem; }
.g-wann .vg-edit-felder[b-6pyqnh1be2] { grid-template-columns: 1fr 1fr; }
.g-wie .vg-edit-felder[b-6pyqnh1be2] { grid-template-columns: 14rem minmax(0, 1fr); }

.vg-kopf-form .form-input[b-6pyqnh1be2],
.vg-kopf-form .form-select[b-6pyqnh1be2] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    background: var(--input-background);
}

.vg-edit-fehler[b-6pyqnh1be2] {
    margin-top: 0.75rem;
    padding: 0.4rem 0.75rem;
    border-left: 4px solid #dc2626;
    background: #fee2e2;
    color: #991b1b;
    font-size: 0.8125rem;
}

.vg-ungespeichert-knoepfe[b-6pyqnh1be2] {
    flex: none;
    display: flex;
    gap: 0.5rem;
}

.vg-dok-weg[b-6pyqnh1be2] {
    margin-left: auto;
}

.vg-dok-neu[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.vg-dok-neu .form-input[b-6pyqnh1be2] {
    flex: 1 1 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.vg-wechsel-text[b-6pyqnh1be2] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
}

/* ================= Anlagegut anlegen ================= */
.vg-anl-knoepfe[b-6pyqnh1be2] {
    display: flex;
    gap: 0.375rem;
}

.vg-anl-bilanz[b-6pyqnh1be2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem 1.25rem;
    margin-bottom: 0.625rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.vg-anl-bilanz strong[b-6pyqnh1be2] {
    color: var(--foreground);
    font-variant-numeric: tabular-nums;
}

.vg-anl[b-6pyqnh1be2] {
    padding: 0.625rem 0.75rem 0.75rem;
    border: 1px solid var(--border);
    border-left: 3px solid var(--primary);
}

.vg-anl + .vg-anl[b-6pyqnh1be2] {
    margin-top: 0.625rem;
}

.vg-anl-kopf[b-6pyqnh1be2] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
}

.vg-anl-kopf .action-btn[b-6pyqnh1be2],
.vg-anl-kopf[b-6pyqnh1be2]  .action-btn {
    display: inline-flex;
    margin-left: auto;
}

.vg-anl .vg-edit-felder[b-6pyqnh1be2] {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
}

.vg-anl-vorschau[b-6pyqnh1be2] {
    margin-top: 0.625rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--border);
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

/* ================= Export-Vorschau ================= */
.vg-export-art[b-6pyqnh1be2] {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--muted-foreground);
}

.x-datum[b-6pyqnh1be2] { width: 6.5rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.x-beleg[b-6pyqnh1be2] { width: 6.5rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.x-st[b-6pyqnh1be2] { width: 5.5rem; font-variant-numeric: tabular-nums; }
.x-periode[b-6pyqnh1be2] { width: 5rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.x-nr[b-6pyqnh1be2] { width: 4rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.x-abgleich[b-6pyqnh1be2] { width: 1%; white-space: nowrap; }

/* Die Vorschau zeigt den Importsatz vollstaendig: Im schmalen Bereich ruecken die Spalten zusammen, und was dann noch
   nicht passt, rollt innerhalb der Karte statt aus ihr herauszuragen. */
.vg-tab-rollen[b-6pyqnh1be2] {
    overflow-x: auto;
}

@container vorgang (max-width: 1000px) {
    .x-datum[b-6pyqnh1be2],
    .x-beleg[b-6pyqnh1be2],
    .x-st[b-6pyqnh1be2],
    .x-periode[b-6pyqnh1be2] {
        width: 1%;
    }
}

.vg-export-hinweis[b-6pyqnh1be2] {
    margin: 0.625rem 0 0;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.vg-box-titel-klappbar[b-6pyqnh1be2] {
    cursor: pointer;
    user-select: none;
}

.vg-box-zu[b-6pyqnh1be2] {
    padding-bottom: 0.875rem;
}

.vg-box-zu .vg-box-titel[b-6pyqnh1be2] {
    margin-bottom: 0;
    color: var(--muted-foreground);
}

/* ================= Buchung bearbeiten: Felder in Themengruppen ================= */
.vg-buchung-gruppen[b-6pyqnh1be2] {
    margin-top: 0;
}

/* Zeile 1: was gebucht wird (volle Breite). Zeile 2: Kontierung und zeitliche Zuordnung nebeneinander. */
.b-was[b-6pyqnh1be2] { flex: 1 1 100%; }
.b-konten[b-6pyqnh1be2] { flex: 1 1 34rem; }
.b-wann[b-6pyqnh1be2] { flex: 0 1 19rem; }

.b-was .vg-edit-felder[b-6pyqnh1be2] { grid-template-columns: minmax(12rem, 1fr) 9rem 8rem; }
.b-konten .vg-edit-felder[b-6pyqnh1be2] { grid-template-columns: minmax(9rem, 15rem) minmax(9rem, 15rem) max-content; }
.b-wann .vg-edit-felder[b-6pyqnh1be2] { grid-template-columns: 1fr 1fr; }

/* Treffer der Suche ueber ein Konto des Vorgangs */
.vg-konto-treffer[b-6pyqnh1be2] {
    flex: 0 1 auto;
    min-width: 0;
    padding: 0 0.4rem;
    background: #fde68a;
    color: var(--foreground);
    font-size: 0.6875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/WarenkontenEinstellung.razor.rz.scp.css */
.wk-hinweis[b-1h7in2ph6b] {
    margin: 0 0 1rem;
    max-width: 52rem;
}

.wk-karte[b-1h7in2ph6b] {
    padding: 1rem 1.25rem 1.25rem;
}

.wk-kopf[b-1h7in2ph6b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.wk-rechts[b-1h7in2ph6b] {
    margin-left: auto;
}

.wk-tab[b-1h7in2ph6b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.wk-tab th[b-1h7in2ph6b] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
}

.wk-tab td[b-1h7in2ph6b] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.w-art[b-1h7in2ph6b] { width: 13rem; }
.w-nr[b-1h7in2ph6b] { width: 8rem; }
.w-x[b-1h7in2ph6b] { width: 2.5rem; }

.wk-tab .form-input[b-1h7in2ph6b],
.wk-tab .form-select[b-1h7in2ph6b] {
    width: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.wk-konten[b-1h7in2ph6b] {
    color: var(--muted-foreground);
}

.wk-tab[b-1h7in2ph6b]  .action-btn,
.wk-tab .action-btn[b-1h7in2ph6b] {
    display: inline-flex;
}

.wk-fehler[b-1h7in2ph6b] {
    margin: 0.75rem 0 0;
    padding: 0.4rem 0.75rem;
    border-left: 4px solid #dc2626;
    background: #fee2e2;
    color: #991b1b;
    font-size: 0.8125rem;
}

.wk-aktionen[b-1h7in2ph6b] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.wk-luecke[b-1h7in2ph6b] {
    flex: 1;
}
/* /Components/Shared/AnlageAusErDialog.razor.rz.scp.css */
.ael[b-gd1pejahsq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 0.9rem;
}

.ael-head[b-gd1pejahsq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem;
    color: var(--muted-foreground, #6b7280);
}

.ael-head strong[b-gd1pejahsq] {
    color: var(--foreground, inherit);
    font-variant-numeric: tabular-nums;
}

.ael-text[b-gd1pejahsq] {
    flex-basis: 100%;
    margin-top: 0.15rem;
    color: var(--foreground, inherit);
}

/* Rechnungs-Referenz (read-only) */
.ael-ref[b-gd1pejahsq] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.75rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--border, #e5e7eb) 30%, transparent);
}

.ael-ref-title[b-gd1pejahsq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    font-weight: 500;
}

.ael-doc[b-gd1pejahsq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 6px;
    background: var(--card, #fff);
    text-decoration: none;
    color: inherit;
    font-weight: 400;
}

.ael-doc:hover[b-gd1pejahsq] {
    border-color: var(--primary, #0C5DA6);
}

.ael-doc span[b-gd1pejahsq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ael-ref-table[b-gd1pejahsq] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.ael-ref-table th[b-gd1pejahsq] {
    text-align: left;
    font-weight: 500;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-foreground, #6b7280);
    padding: 0 0.5rem 0.25rem 0;
}

.ael-ref-table td[b-gd1pejahsq] {
    padding: 0.2rem 0.5rem 0.2rem 0;
}

.ael-ref-table .fc-num[b-gd1pejahsq] {
    text-align: right;
    white-space: nowrap;
}

.ael-form-title[b-gd1pejahsq] {
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-foreground, #6b7280);
    font-weight: 500;
}

.ael-table[b-gd1pejahsq] {
    width: 100%;
    border-collapse: collapse;
}

.ael-table th[b-gd1pejahsq] {
    text-align: left;
    font-weight: 500;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-foreground, #6b7280);
    padding: 0 0.4rem 0.35rem 0;
}

.ael-table td[b-gd1pejahsq] {
    padding: 0.2rem 0.4rem 0.2rem 0;
    vertical-align: top;
}

.ael-table .form-input[b-gd1pejahsq] {
    width: 100%;
}

.ael-w-ahk[b-gd1pejahsq] { width: 7rem; }
.ael-w-nd[b-gd1pejahsq] { width: 5rem; }
.ael-w-dat[b-gd1pejahsq] { width: 9rem; }
.ael-w-konto[b-gd1pejahsq] { width: 5.5rem; }
.ael-w-x[b-gd1pejahsq] { width: 2rem; }

.ael-del[b-gd1pejahsq] {
    display: inline-flex;
    padding: 0.35rem;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--muted-foreground, #6b7280);
    cursor: pointer;
}

.ael-del:hover[b-gd1pejahsq] {
    color: #991b1b;
    background: color-mix(in srgb, #991b1b 10%, transparent);
}

.ael-tools[b-gd1pejahsq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ael-summe[b-gd1pejahsq] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-variant-numeric: tabular-nums;
}

.ael-summe-ok[b-gd1pejahsq] {
    color: #15803d;
}

.ael-summe-warn[b-gd1pejahsq] {
    color: #854d0e;
}

.ael-fehler[b-gd1pejahsq] {
    margin: 0;
    color: #991b1b;
}

.ael-footer[b-gd1pejahsq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    border-top: 1px solid var(--border, #e5e7eb);
    padding-top: 0.85rem;
}
/* /Components/Shared/Belegliste.razor.rz.scp.css */
.bl[b-odgg4vxw7h] {
    display: grid;
    gap: 1rem 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    font-size: 0.8125rem;
}

.bl-fach[b-odgg4vxw7h] {
    min-width: 0;
}

.bl-kopf[b-odgg4vxw7h] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.35rem;
}

.bl-label[b-odgg4vxw7h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--muted-foreground);
}

.bl-zahl[b-odgg4vxw7h] {
    font-size: 0.6875rem;
    font-weight: 600;
    min-width: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    text-align: center;
    background: var(--muted);
    color: var(--muted-foreground);
}

.bl-plus[b-odgg4vxw7h] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
}

.bl-plus:hover[b-odgg4vxw7h] {
    background: var(--accent);
}

.bl-liste[b-odgg4vxw7h] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
}

/* Dezenter Link unter der Liste: ausgeblendeten Erzeugen-Platzhalter wieder einblenden. */
.bl-einblenden[b-odgg4vxw7h] {
    margin-top: 0.3rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--muted-foreground);
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
}

.bl-einblenden:hover[b-odgg4vxw7h] {
    color: var(--primary);
    text-decoration: underline;
}

.bl-leer[b-odgg4vxw7h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    min-height: 2.95rem;
    padding: 0.45rem 0.6rem;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: transparent;
    color: var(--muted-foreground);
    font: inherit;
    font-size: 0.78rem;
    cursor: pointer;
}

.bl-leer:hover[b-odgg4vxw7h] {
    border-color: var(--primary);
    color: var(--primary);
}
/* /Components/Shared/BetragInput.razor.rz.scp.css */
.betrag-input[b-1arm5axpqi] {
    width: 100%;
    min-width: 7rem;
    vertical-align: middle;
}

.betrag-input > .form-input[b-1arm5axpqi] {
    font-variant-numeric: tabular-nums;
}

.betrag-klein[b-1arm5axpqi] {
    height: 2rem;
}

.betrag-klein > .form-input[b-1arm5axpqi] {
    padding: 0 0.5rem;
    font-size: 0.8125rem;
}

.betrag-klein > .unit[b-1arm5axpqi] {
    padding: 0 0.4rem;
    font-size: 0.75rem;
}
/* /Components/Shared/Card.razor.rz.scp.css */
.fc-card[b-xwgxag2lek] {
    display: flex;
    flex-direction: column;
}

.fc-card-header[b-xwgxag2lek] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--border);
    font-weight: var(--font-weight-medium);
}

.fc-card-header-spacer[b-xwgxag2lek] {
    flex: 1;
}

.fc-card-body[b-xwgxag2lek] {
    padding: 1.25rem;
}
/* /Components/Shared/DokumentAnzeigeHost.razor.rz.scp.css */
/* Schmales Fenster: Dialog ueber der Seite. */
.dok-seite-hintergrund[b-6uxp3qz1ve] {
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.4);
}

.dok-seite[b-6uxp3qz1ve] {
    position: fixed;
    inset: 3rem 2rem;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--card, #fff);
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dok-seite-kopf[b-6uxp3qz1ve] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
    flex-shrink: 0;
}

.dok-seite-titel[b-6uxp3qz1ve] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dok-seite-inhalt[b-6uxp3qz1ve] {
    flex: 1 1 0;
    min-height: 0;
}

.dok-seite-fuss[b-6uxp3qz1ve] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
    flex-shrink: 0;
}

.dok-seite-pfadzeile[b-6uxp3qz1ve] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.dok-seite-pfad[b-6uxp3qz1ve] {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
}

/* Griff zum Ziehen der Breite (js/dok-seite.js) - nur als Seitenleiste. */
.dok-seite-griff[b-6uxp3qz1ve] {
    display: none;
}

/* Breites Fenster: Seitenleiste rechts neben dem Inhalt (Breite --dok-seite-breite, Schwelle wie in app.css).
   Liegt ueber dem Hintergrund eines offenen Dialogs, damit Beleg und Dialog nebeneinander bedienbar sind. */
@media (min-width: 1600px) {
    .dok-seite-hintergrund[b-6uxp3qz1ve] {
        display: none;
    }

    .dok-seite[b-6uxp3qz1ve] {
        position: relative;
        inset: auto;
        flex: 0 0 var(--dok-seite-breite);
        width: var(--dok-seite-breite);
        border-radius: 0;
        border-left: 1px solid var(--border, #e5e7eb);
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.14);
    }

    .dok-seite-griff[b-6uxp3qz1ve] {
        display: block;
        position: absolute;
        top: 0;
        left: -2px;
        width: 6px;
        height: 100%;
        cursor: col-resize;
        z-index: 1;
        transition: background-color 0.15s ease;
    }

    .dok-seite-griff:hover[b-6uxp3qz1ve] {
        background-color: rgba(12, 93, 166, 0.5);
    }
}
/* /Components/Shared/DokumentErfassenDialog.razor.rz.scp.css */
.dok-form[b-4j8u60z74s] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.dok-form label[b-4j8u60z74s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.dok-kopie[b-4j8u60z74s] {
    color: #b45309;
}

.dok-fehler[b-4j8u60z74s] {
    margin: 0.75rem 0 0;
    color: #b91c1c;
    font-size: 0.85rem;
}

/* ----- SO-Eintrag suchen ----- */
.dok-feld[b-4j8u60z74s] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.dok-so-wahl[b-4j8u60z74s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--border);
    background: var(--secondary);
    font-size: 0.875rem;
    color: var(--foreground);
}

.dok-so-wahl[b-4j8u60z74s]  .action-btn,
.dok-so-wahl .action-btn[b-4j8u60z74s] {
    display: inline-flex;
    margin-left: auto;
}

.dok-so-text[b-4j8u60z74s] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dok-so-liste[b-4j8u60z74s] {
    border: 1px solid var(--border);
    border-top: 0;
    margin-top: -0.3rem;
    background: var(--card);
    max-height: 17rem;
    overflow-y: auto;
}

.dok-so-zeile[b-4j8u60z74s] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    width: 100%;
    padding: 0.35rem 0.6rem;
    border: 0;
    border-bottom: 1px solid var(--border);
    background: none;
    font: inherit;
    font-size: 0.8125rem;
    text-align: left;
    color: var(--foreground);
    cursor: pointer;
}

.dok-so-zeile:hover[b-4j8u60z74s],
.dok-so-aktiv[b-4j8u60z74s] {
    background: var(--accent);
}

.dok-so-nr[b-4j8u60z74s] {
    flex: none;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.dok-so-datum[b-4j8u60z74s] {
    flex: none;
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
}

.dok-so-leer[b-4j8u60z74s] {
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
}

.dok-so-vorschlag[b-4j8u60z74s] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 0.8125rem;
    color: var(--primary);
    cursor: pointer;
}

.dok-so-vorschlag:hover[b-4j8u60z74s] {
    text-decoration: underline;
}

/* ----- Datei waehlen oder hineinziehen ----- */
.dok-datei[b-4j8u60z74s] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: -0.25rem;
    padding: 0.55rem 0.75rem;
    border: 1px dashed #b8b8b8;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
    cursor: pointer;
}

.dok-datei:hover[b-4j8u60z74s] {
    border-color: var(--primary);
    color: var(--primary);
    background: var(--accent);
}

/* Das unsichtbare Dateifeld liegt ueber der ganzen Flaeche - so funktionieren Klick und Ablegen gleichermassen. */
.dok-datei[b-4j8u60z74s]  .dok-datei-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
/* /Components/Shared/EingangsrechnungDetails.razor.rz.scp.css */
.er-block[b-4s5r9ddonq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 0.9rem;
}

/* ---- Kopf (Info links, PDF-Beleg rechts) ---- */
.er-head[b-4s5r9ddonq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem 1rem;
}

.er-head-info[b-4s5r9ddonq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.er-title[b-4s5r9ddonq] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.er-nr[b-4s5r9ddonq] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.er-bez[b-4s5r9ddonq] {
    font-weight: 500;
}

.er-meta[b-4s5r9ddonq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--muted-foreground, #6b7280);
    font-size: 0.82rem;
}

/* ---- Positionen ---- */
.er-pos[b-4s5r9ddonq] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.er-pos th[b-4s5r9ddonq] {
    text-align: left;
    font-weight: 500;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-foreground, #6b7280);
    padding: 0 0 0.4rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.er-pos td[b-4s5r9ddonq] {
    padding: 0.45rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 55%, transparent);
    vertical-align: top;
}

.er-pos tbody tr:last-child td[b-4s5r9ddonq] {
    border-bottom: none;
}

.er-pos th + th[b-4s5r9ddonq],
.er-pos td + td[b-4s5r9ddonq] {
    padding-left: 1.25rem;
}

.er-pos .er-num[b-4s5r9ddonq] {
    text-align: right;
    white-space: nowrap;
}

.er-pos .er-konto[b-4s5r9ddonq] {
    color: var(--muted-foreground, #6b7280);
}

.er-pos-bez[b-4s5r9ddonq] {
    width: 100%;
}

/* Anlagegueter aus dem FinCenter (Anlagegutbuchungen zum Vorgang). */
.er-ag[b-4s5r9ddonq] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.er-ag-title[b-4s5r9ddonq] {
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-foreground, #6b7280);
    font-weight: 500;
}

.er-ag-link[b-4s5r9ddonq] {
    color: inherit;
    text-decoration: none;
    font-variant-numeric: tabular-nums;
}

.er-ag-link:hover[b-4s5r9ddonq] {
    color: var(--primary, #0C5DA6);
    text-decoration: underline;
}

/* Zahlungs-/Banktransfer-Position: dezent gedaempft + Tag. */
.er-pos-bank td[b-4s5r9ddonq] {
    color: var(--muted-foreground, #6b7280);
}

.er-tag[b-4s5r9ddonq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: 0.5rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--muted-foreground, #6b7280) 12%, transparent);
    color: var(--muted-foreground, #6b7280);
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
}

.er-tag[b-4s5r9ddonq]  .icon-sm {
    width: 12px;
    height: 12px;
}

/* ---- PDF-Beleg (Kachel aus app.css) ---- */
.er-belege[b-4s5r9ddonq] {
    margin: 0 0 0.75rem;
}

/* ---- Zahlung ---- */
.er-bank[b-4s5r9ddonq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--border, #e5e7eb) 30%, transparent);
}

.er-bank-main[b-4s5r9ddonq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.er-bank-label[b-4s5r9ddonq] {
    font-weight: 500;
}

.er-bank-amt[b-4s5r9ddonq] {
    margin-left: auto;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.er-bank-sub[b-4s5r9ddonq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.6rem;
    padding-left: 1.4rem;
    color: var(--muted-foreground, #6b7280);
    font-size: 0.82rem;
}

.er-bank-sub > span[b-4s5r9ddonq] {
    position: relative;
}

.er-bank-sub > span + span[b-4s5r9ddonq]::before {
    content: "·";
    margin-right: 0.6rem;
    color: var(--border, #cbd5e1);
}

.er-bank-zweck[b-4s5r9ddonq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30rem;
}

.er-bank-partner[b-4s5r9ddonq] {
    font-weight: 500;
    color: var(--foreground, inherit);
}
/* /Components/Shared/JournalAenderungsplan.razor.rz.scp.css */
.jap-teile[b-hl6valv0c8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1rem;
}

.jap-teil[b-hl6valv0c8] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.jap-liste[b-hl6valv0c8] {
    margin: 0;
    padding-left: 1.25rem;
    max-height: 14rem;
    overflow-y: auto;
}

.jap-aktionen[b-hl6valv0c8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.jap-erledigt[b-hl6valv0c8] {
    color: #166534;
}

.jap-abgelehnt[b-hl6valv0c8] {
    color: #991b1b;
}

.jap-hinweis[b-hl6valv0c8] {
    display: block;
}
/* /Components/Shared/KontoDrilldown.razor.rz.scp.css */
.kdet[b-vxawq13etv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.kdet-buchung[b-vxawq13etv] {
    color: var(--muted-foreground);
    font-size: 0.85em;
}

.kdet-text[b-vxawq13etv] {
    color: var(--muted-foreground);
    max-width: 320px;
}

.kdet-note[b-vxawq13etv] {
    margin: 0.75rem 0 0;
}

.kdet-zug[b-vxawq13etv] {
    padding: 0.6rem 0.85rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border);
    font-size: 0.9rem;
}

.kdet-zug-warn[b-vxawq13etv] {
    border-color: #854d0e;
    background: color-mix(in srgb, #854d0e 6%, transparent);
}

/* 9999-Zeilen werden nur noch per Badge markiert (kein Zeilen-Hintergrund). */

.kdet-fremd td[b-vxawq13etv] {
    background: color-mix(in srgb, #991b1b 8%, transparent);
}

/* Beleg/Inventar als Link-Button (oeffnet die ER-Details im Modal). */
.er-link[b-vxawq13etv] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0;
    background: none;
    border: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

.er-link:hover[b-vxawq13etv] {
    color: var(--primary, #0C5DA6);
    text-decoration: underline;
}

/* "+ Anlage"-Button am offenen Zugang. */
.er-anlage-btn[b-vxawq13etv] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-left: 0.35rem;
    padding: 0.05rem 0.4rem;
    background: none;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 6px;
    color: var(--primary, #0C5DA6);
    font-size: 0.78rem;
    cursor: pointer;
    vertical-align: middle;
}

.er-anlage-btn:hover[b-vxawq13etv] {
    background: color-mix(in srgb, var(--primary, #0C5DA6) 8%, transparent);
    border-color: var(--primary, #0C5DA6);
}

/* Inventar-Drilldown: mehrere Inventare je ER (native <details>). */
.inv-dd summary[b-vxawq13etv] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}

.inv-dd summary[b-vxawq13etv]::-webkit-details-marker {
    display: none;
}

/* Chevron: down = zu, up = offen (kein rotierendes Icon). */
.inv-dd summary[b-vxawq13etv]  .dd-i-open {
    display: none;
}

.inv-dd[open] summary[b-vxawq13etv]  .dd-i-closed {
    display: none;
}

.inv-dd[open] summary[b-vxawq13etv]  .dd-i-open {
    display: inline-block;
}

.inv-dd summary:hover[b-vxawq13etv] {
    color: var(--primary, #0C5DA6);
    text-decoration: underline;
}

.inv-dd[open] summary[b-vxawq13etv] {
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.inv-dd-list[b-vxawq13etv] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.inv-dd-list a[b-vxawq13etv] {
    color: inherit;
    text-decoration: none;
    font-variant-numeric: tabular-nums;
}

.inv-dd-list a:hover[b-vxawq13etv] {
    color: var(--primary, #0C5DA6);
    text-decoration: underline;
}
/* /Components/Shared/Ladegeruest.razor.rz.scp.css */
.lg[b-4hz4benftg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    pointer-events: none;
}

.lg-karte[b-4hz4benftg] {
    padding: 1rem 1.25rem;
}

.lg-text[b-4hz4benftg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.875rem;
}

/* Platzhalter gedaempft; die Ladezeile bleibt voll lesbar. */
.lg-kacheln[b-4hz4benftg],
.lg-zeilen[b-4hz4benftg],
.lg-tabelle[b-4hz4benftg],
.lg-sektion-kopf[b-4hz4benftg],
.lg-sektion-zeilen[b-4hz4benftg] {
    opacity: 0.6;
}

.lg-kacheln[b-4hz4benftg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.lg-kachel[b-4hz4benftg] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.lg-zeilen[b-4hz4benftg] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.lg-tabelle[b-4hz4benftg] {
    display: grid;
    gap: 0.85rem 1.25rem;
    align-items: center;
}

.lg-tabelle .lg-kopf[b-4hz4benftg] {
    width: 50%;
    height: 0.6rem;
    margin-bottom: 0.2rem;
}

.lg-tabelle .lg-num[b-4hz4benftg] {
    justify-self: end;
}

/* Form "karten": Karten wie die der Seite, Titelzeile mit Symbol, darunter Bezeichnung links und Betrag rechts. */
.lg-sektion[b-4hz4benftg] {
    padding: 0;
}

.lg-sektion-kopf[b-4hz4benftg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.lg-sektion-kopf .lg-symbol[b-4hz4benftg] {
    width: 1rem;
    height: 1rem;
    border-radius: 4px;
}

.lg-sektion-zeilen[b-4hz4benftg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 9rem);
    gap: 0.85rem 2rem;
    align-items: center;
    padding: 1rem 1.25rem 1.25rem;
}

.lg-sektion-zeilen .lg-num[b-4hz4benftg] {
    justify-self: end;
}
/* /Components/Shared/LexwareBewertung.razor.rz.scp.css */
.lxb[b-08cva8c61z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 0.9rem;
}

/* ---- Kennzahlen ---- */
.lxb-kennzahlen[b-08cva8c61z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 2rem;
}

.lxb-kpi[b-08cva8c61z] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.lxb-kpi-label[b-08cva8c61z] {
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-foreground, #6b7280);
}

.lxb-kpi-val[b-08cva8c61z] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* ---- Stammdaten-Meta ---- */
.lxb-meta[b-08cva8c61z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.85rem;
    color: var(--muted-foreground, #6b7280);
    font-size: 0.82rem;
}

.lxb-dim[b-08cva8c61z] {
    color: var(--muted-foreground, #6b7280);
}

/* ---- AfA-Plan ---- */
.lxb-plan[b-08cva8c61z] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.lxb-plan th[b-08cva8c61z] {
    text-align: left;
    font-weight: 500;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-foreground, #6b7280);
    padding: 0 0 0.4rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.lxb-plan td[b-08cva8c61z] {
    padding: 0.4rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 55%, transparent);
}

.lxb-plan tbody tr:last-child td[b-08cva8c61z] {
    border-bottom: none;
}

.lxb-plan th + th[b-08cva8c61z],
.lxb-plan td + td[b-08cva8c61z] {
    padding-left: 1.5rem;
}

.lxb-plan .lxb-num[b-08cva8c61z] {
    text-align: right;
    white-space: nowrap;
}

.lxb-plan th.lxb-num[b-08cva8c61z] {
    text-align: right;
}

/* aktuelles Jahr hervorheben, Planjahre dezent */
.lxb-cur td[b-08cva8c61z] {
    font-weight: 600;
    background: color-mix(in srgb, var(--accent, #2563eb) 6%, transparent);
}

.lxb-future td[b-08cva8c61z] {
    color: var(--muted-foreground, #6b7280);
}

.lxb-tag[b-08cva8c61z] {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.02rem 0.35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--muted-foreground, #6b7280) 12%, transparent);
    font-size: 0.68rem;
    vertical-align: middle;
}

.lxb-note[b-08cva8c61z] {
    margin: 0;
    font-size: 0.8rem;
}

/* ---- Monatswerte: Jahr dezent aufklappbar ---- */
.lxb-jahr[b-08cva8c61z] {
    cursor: pointer;
}

.lxb-jahr:hover td[b-08cva8c61z] {
    background: color-mix(in srgb, var(--muted-foreground, #6b7280) 7%, transparent);
}

.lxb-plan[b-08cva8c61z]  .lxb-pfeil {
    width: 0.85rem;
    height: 0.85rem;
    margin-right: 0.3rem;
    vertical-align: -0.1rem;
    color: var(--muted-foreground, #6b7280);
    opacity: 0.6;
}

.lxb-jahr:hover[b-08cva8c61z]  .lxb-pfeil {
    opacity: 1;
}

.lxb-monat td[b-08cva8c61z] {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: none;
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--muted-foreground, #6b7280);
}

.lxb-monat td:first-child[b-08cva8c61z] {
    padding-left: 1.15rem;
}

.lxb-quelle td[b-08cva8c61z] {
    font-size: 0.72rem;
    font-style: italic;
}
/* /Components/Shared/LexwareBuchungDetail.razor.rz.scp.css */
.lj-kto[b-3a8a6l3jzt] {
    font-variant-numeric: tabular-nums;
}

.lj-detail[b-3a8a6l3jzt] {
    padding: 0.875rem 1.25rem 1.125rem;
    border-left: 3px solid var(--primary);
    white-space: normal;
}

.lj-detail-kopf[b-3a8a6l3jzt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.lj-zu[b-3a8a6l3jzt] {
    margin-left: auto;
}

.lj-detail-inhalt[b-3a8a6l3jzt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 0.625rem 3rem;
    align-items: start;
}

.lj-detail-titel[b-3a8a6l3jzt] {
    margin: 1.125rem 0 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.lj-detail-text[b-3a8a6l3jzt] {
    margin: 0;
    font-size: 0.875rem;
}

.lj-satz[b-3a8a6l3jzt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    background: var(--card);
    border: 1px solid var(--border);
}

.lj-satz th[b-3a8a6l3jzt] {
    padding: 0.375rem 0.625rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.lj-satz td[b-3a8a6l3jzt] {
    padding: 0.4rem 0.625rem;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}

.lj-satz tbody tr:last-child td[b-3a8a6l3jzt] {
    border-bottom: 0;
}

.lj-satz tfoot td[b-3a8a6l3jzt] {
    border-top: 1px solid var(--border);
    border-bottom: 0;
    font-weight: 600;
}

.lj-satz .fc-num[b-3a8a6l3jzt] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
/* /Components/Shared/LexwareBuchungen.razor.rz.scp.css */
.lj-kopf[b-5vqly47efl] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.lj-kopf .action-bar-title[b-5vqly47efl] {
    margin-right: 0.5rem;
}

.lj-kto[b-5vqly47efl] {
    font-variant-numeric: tabular-nums;
}

/* ---- Details zur Buchung: eigene Zeile unter der gewaehlten Buchung ---- */
.lj-detail-zeile > td[b-5vqly47efl] {
    padding: 0;
    background: var(--secondary);
}

/* Bezeichnung des FinCenter-Vorgangs klein unter dem Buchungstext */
.lx-vorgang[b-5vqly47efl] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--muted-foreground);
}
/* /Components/Shared/LexwareKonten.razor.rz.scp.css */
.lk-kopf[b-vv67h7ywzt] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    min-width: 0;
    font-size: 0.875rem;
}

.lk-kopf .action-bar-title[b-vv67h7ywzt] {
    margin-right: 0.5rem;
}

.lk-kto[b-vv67h7ywzt] {
    font-variant-numeric: tabular-nums;
}
/* /Components/Shared/LookupInput.razor.rz.scp.css */
.lookup-input[b-jo3eq5jx6f] {
    position: relative;
    width: 100%;
}

[b-jo3eq5jx6f] .lookup-with-clear {
    padding-right: 1.75rem !important;
}

.lookup-clear-btn[b-jo3eq5jx6f] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--muted-foreground);
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease;
}

.lookup-clear-btn:hover[b-jo3eq5jx6f] {
    color: var(--destructive);
}

.lookup-dropdown[b-jo3eq5jx6f] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 2px;
    padding: 0.25rem;
    background-color: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
    z-index: 100;
}

.lookup-item[b-jo3eq5jx6f] {
    padding: 0.5rem 0.65rem;
    font-size: 0.8125rem;
    cursor: pointer;
    line-height: 1.35;
    overflow: hidden;
    border-left: 2px solid transparent;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

[b-jo3eq5jx6f] .lookup-item > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--font-weight-medium);
}

.lookup-item:hover[b-jo3eq5jx6f],
.lookup-item-active[b-jo3eq5jx6f] {
    background-color: color-mix(in srgb, var(--primary) 9%, transparent);
    border-left-color: var(--primary);
}

[b-jo3eq5jx6f] .lookup-meta {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--muted-foreground);
    margin-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/Modal.razor.rz.scp.css */
.modal-backdrop[b-gw2adr9m6y] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4rem 1.5rem 1.5rem;
    background: rgba(0, 0, 0, 0.4);
    overflow-y: auto;
}

.modal-panel[b-gw2adr9m6y] {
    width: 100%;
    max-width: 560px;
    background: var(--card, #fff);
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 6rem);
}

.modal-wide[b-gw2adr9m6y] {
    max-width: 820px;
}

.modal-xl[b-gw2adr9m6y] {
    max-width: min(1500px, calc(100vw - 4rem));
    height: calc(100vh - 6rem);
}

.modal-xl .modal-body[b-gw2adr9m6y] {
    flex: 1;
    min-height: 0;
}

.modal-header[b-gw2adr9m6y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.modal-title[b-gw2adr9m6y] {
    font-weight: 600;
    flex: 1;
}

.modal-close[b-gw2adr9m6y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--muted-foreground, #6b7280);
    cursor: pointer;
}

.modal-close:hover[b-gw2adr9m6y] {
    background: color-mix(in srgb, var(--muted-foreground, #6b7280) 12%, transparent);
    color: inherit;
}

.modal-body[b-gw2adr9m6y] {
    padding: 1.25rem;
    overflow-y: auto;
}

.modal-footer[b-gw2adr9m6y] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid var(--border, #e5e7eb);
}
/* /Components/Shared/NichtGeprueft.razor.rz.scp.css */
.nicht-geprueft[b-28bsdtq0dt] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    margin-bottom: 0.75rem;
    background-color: #fef9c3;
    color: #854d0e;
    font-size: 0.875rem;
    border-radius: var(--radius);
}

.nicht-geprueft[b-28bsdtq0dt]  svg {
    flex-shrink: 0;
    margin-top: 0.15rem;
}
/* /Components/Shared/OffenlegungEingabe.razor.rz.scp.css */
.ol[b-ro75o3ccj2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
}

.ol-felder[b-ro75o3ccj2] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem 0.9rem;
}

.ol-felder label[b-ro75o3ccj2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.ol-felder .form-input[b-ro75o3ccj2] {
    height: 2rem;
    width: 10rem;
}

.ol-felder .ol-beleg[b-ro75o3ccj2] {
    width: 9rem;
}

/* Vorschläge aus Lexware: eigener Abschnitt mit gestrichelten Kacheln - Auswahl, noch nicht hinterlegt. */
.ol-vorschlaege[b-ro75o3ccj2] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 40rem;
}

.ol-vorschlaege-kopf[b-ro75o3ccj2] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 0.75rem;
}

.ol-vorschlaege-titel[b-ro75o3ccj2] {
    font-weight: 600;
    color: var(--foreground);
}

.ol-umschalten[b-ro75o3ccj2] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--primary);
    cursor: pointer;
}

.ol-fehler[b-ro75o3ccj2] {
    margin: 0;
    color: var(--destructive);
}
/* /Components/Shared/PdfViewer.razor.rz.scp.css */
.pdf-viewer[b-9gnog364vk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background-color: var(--background);
    border: 1px solid var(--border);
}

.pdf-toolbar[b-9gnog364vk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--border);
    background-color: var(--card);
    flex-shrink: 0;
}

.pdf-page-info[b-9gnog364vk] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.pdf-toolbar-spacer[b-9gnog364vk] {
    flex: 1;
}

.pdf-container[b-9gnog364vk] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem;
    background-color: #808080;
    scrollbar-gutter: stable;
}

/* Space+Drag Pan-Modus */
.pdf-container.pan-ready[b-9gnog364vk],
.pdf-container.pan-ready *[b-9gnog364vk] {
    cursor: grab;
    user-select: none;
}

.pdf-container.pan-active[b-9gnog364vk],
.pdf-container.pan-active *[b-9gnog364vk] {
    cursor: grabbing !important;
    user-select: none;
}

.pdf-placeholder[b-9gnog364vk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    height: 100%;
    color: var(--muted-foreground);
    font-size: 0.875rem;
}

[b-9gnog364vk] .pdf-loading,
[b-9gnog364vk] .pdf-error {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #ffffff;
    font-size: 0.875rem;
}

[b-9gnog364vk] .pdf-error {
    color: var(--destructive);
    background-color: var(--card);
    border-radius: var(--radius);
    margin: 1rem;
}

[b-9gnog364vk] .pdf-page-wrapper {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    overflow: hidden;
    margin: 0 auto 0.5rem;
}

[b-9gnog364vk] .pdf-page-wrapper canvas {
    display: block;
}

/* PDF.js textLayer - Positionierung und Selektion */
[b-9gnog364vk] .textLayer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.25;
    line-height: 1.0;
}

[b-9gnog364vk] .textLayer span,
[b-9gnog364vk] .textLayer br {
    color: transparent;
    position: absolute;
    white-space: pre;
    transform-origin: 0% 0%;
    cursor: text;
}

[b-9gnog364vk] .textLayer ::selection {
    background: rgba(12, 93, 166, 0.6);
}
/* /Components/Shared/StatCard.razor.rz.scp.css */
.stat-card[b-wyp64awvch] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: var(--card);
    border: 1px solid var(--border);
    text-decoration: none;
    color: var(--foreground);
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

a.stat-card:hover[b-wyp64awvch] {
    background: var(--secondary);
    border-color: var(--primary);
}

.stat-card-top[b-wyp64awvch] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--muted-foreground);
    font-size: 0.85rem;
}

.stat-card-value[b-wyp64awvch] {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.1;
}

.stat-card-hint[b-wyp64awvch] {
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.stat-ok .stat-card-value[b-wyp64awvch] {
    color: #166534;
}

.stat-warn .stat-card-value[b-wyp64awvch] {
    color: #854d0e;
}

.stat-bad .stat-card-value[b-wyp64awvch] {
    color: #991b1b;
}
/* /Components/Shared/TabellenGeruest.razor.rz.scp.css */
.tg-text td[b-7fwfvaurn5] {
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 0;
}

.tg-lade[b-7fwfvaurn5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.875rem;
}

/* Platzhalterzeilen gedaempft, ohne Hover und Klick; Hoehe wie eine echte Zeile. */
.tg-zeile[b-7fwfvaurn5] {
    opacity: 0.6;
    pointer-events: none;
}

.tg-zeile td[b-7fwfvaurn5] {
    height: 2.6rem;
    vertical-align: middle;
}

.tg-zeile .skel[b-7fwfvaurn5] {
    display: block;
    max-width: 100%;
}
/* /Components/Shared/Tile.razor.rz.scp.css */
.tile[b-5dpnvf72by] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: var(--card);
    border: 1px solid var(--border);
    text-decoration: none;
    color: var(--foreground);
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

a.tile:hover[b-5dpnvf72by] {
    background: var(--secondary);
    border-color: var(--primary);
}

.tile-disabled[b-5dpnvf72by] {
    opacity: 0.85;
}

.tile-head[b-5dpnvf72by] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-weight: var(--font-weight-medium);
}

.tile-title[b-5dpnvf72by] {
    flex: 0 1 auto;
    white-space: nowrap;
}

.tile-badge[b-5dpnvf72by] {
    margin-left: auto;
}

.tile-desc[b-5dpnvf72by] {
    font-size: 0.82rem;
    color: var(--muted-foreground);
    line-height: 1.45;
}
/* /Components/So/SoEintragDialog.razor.rz.scp.css */
.sod-form[b-8yv2d5xllm] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.sod-form label[b-8yv2d5xllm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--muted-foreground);
}

.sod-row[b-8yv2d5xllm] {
    display: flex;
    gap: 0.75rem;
}

.sod-row > label[b-8yv2d5xllm] {
    flex: 1;
}

.sod-form label.sod-check[b-8yv2d5xllm] {
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: inherit;
}

.sod-assist[b-8yv2d5xllm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.sod-buchungen[b-8yv2d5xllm] {
    font-size: 0.85rem;
}

.sod-buchungen ul[b-8yv2d5xllm] {
    margin: 0.25rem 0 0;
    padding-left: 1.1rem;
}

.sod-hinweis[b-8yv2d5xllm] {
    margin: 0;
}

.sod-fehler[b-8yv2d5xllm] {
    margin: 0;
    color: var(--destructive, #991b1b);
}

.sod-verknuepft[b-8yv2d5xllm] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
}

.sod-verknuepft p[b-8yv2d5xllm] {
    margin: 0;
}

/* Feste Spalten: die Tabelle passt immer in den Dialog, der Text wird gekuerzt statt quer zu scrollen. */
.sod-tabelle[b-8yv2d5xllm] {
    width: 100%;
    table-layout: fixed;
}

/* Buchung mit Text: Trennlinie erst unter der Textzeile */
.sod-hat-text td[b-8yv2d5xllm] {
    border-bottom: none;
    padding-bottom: 0.1rem;
}

.sod-textzeile td[b-8yv2d5xllm] {
    padding-top: 0;
    font-size: 0.85rem;
}

.sod-aktion[b-8yv2d5xllm] {
    text-align: right;
}

.sod-datei[b-8yv2d5xllm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.sod-datei a[b-8yv2d5xllm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sod-datei .action-btn[b-8yv2d5xllm] {
    margin-left: auto;
}

.sod-drop[b-8yv2d5xllm] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px dashed var(--border);
    border-radius: 6px;
    color: var(--muted-foreground);
}

.sod-drop[b-8yv2d5xllm]  .sod-drop-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.sod-pfad[b-8yv2d5xllm] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.4rem;
}

.sod-pfad .form-input[b-8yv2d5xllm] {
    flex: 1;
    min-width: 0;
}

.sod-neu[b-8yv2d5xllm] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.sod-neu-aktionen[b-8yv2d5xllm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.sod-erlaeuterung[b-8yv2d5xllm] {
    width: 100%;
    min-height: 6rem;
    resize: vertical;
}

.sod-beleg[b-8yv2d5xllm] {
    align-items: center;
    gap: 0.5rem;
}

/* Dateien als Belegkacheln (Styles der Kachel global in app.css). */
.sod-belege[b-8yv2d5xllm] {
    list-style: none;
    margin: 0.4rem 0 0.5rem;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    font-size: 0.8125rem;
}

/* Dezenter Link: Buchungsbeleg-Platzhalter neben vorhandenen Dateien einblenden. */
.sod-einblenden[b-8yv2d5xllm] {
    align-self: flex-start;
    margin: 0 0 0.5rem;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 0.75rem;
    color: var(--muted-foreground);
    cursor: pointer;
}

.sod-einblenden:hover[b-8yv2d5xllm] {
    color: var(--primary);
    text-decoration: underline;
}

/* Nummer: vierstellig, kein volles Formularfeld. */
.sod-form .sod-nummer[b-8yv2d5xllm] {
    width: 9rem;
    align-self: flex-start;
}

/* Vergebene Nummer beim Bearbeiten: Bestaetigung "Dort einordnen" rechts der Nummer, darunter die Folgen als Warnung. */
.sod-nummer-zeile[b-8yv2d5xllm] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.sod-form label.sod-einordnen-check[b-8yv2d5xllm] {
    height: 2.4rem;
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
}

.sod-einordnen[b-8yv2d5xllm] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    padding: 0.6rem 0.85rem;
    border: 1px solid #fde68a;
    border-left: 3px solid #d97706;
    border-radius: 6px;
    background: #fffbeb;
    color: #78350f;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.sod-einordnen .icon-sm[b-8yv2d5xllm] {
    flex-shrink: 0;
    margin-top: 0.1rem;
    color: #d97706;
}

.sod-einordnen-text[b-8yv2d5xllm] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.sod-einordnen-folge[b-8yv2d5xllm] {
    color: #92400e;
}

/* Loeschen im Fuss: Knopf ganz links, die Bestaetigung nimmt den freien Platz vor den Knoepfen ein. */
.sod-loeschen-knopf[b-8yv2d5xllm] {
    margin-right: auto;
}

.sod-loeschen[b-8yv2d5xllm] {
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.8125rem;
}

.sod-loeschen label.sod-check[b-8yv2d5xllm] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
/* /Components/So/SoEintragWahl.razor.rz.scp.css */
.sow[b-t4w8yeu94x] {
    position: relative;
}

.sow-eingabe[b-t4w8yeu94x] {
    width: 100%;
    height: 30px;
    padding: 0.2rem 1.6rem 0.2rem 0.5rem;
    font-size: 0.8125rem;
}

.sow[b-t4w8yeu94x]  .sow-pfeil {
    position: absolute;
    right: 0.45rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted-foreground);
    pointer-events: none;
}

/* Breiter als die Spalte, rechtsbuendig, damit Bezeichnungen lesbar bleiben */
.sow-liste[b-t4w8yeu94x] {
    position: absolute;
    right: 0;
    top: calc(100% + 2px);
    z-index: 60;
    width: min(38rem, 90vw);
    max-height: 22rem;
    overflow-y: auto;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

.sow-zeile[b-t4w8yeu94x] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    width: 100%;
    padding: 0.4rem 0.7rem;
    border: 0;
    border-bottom: 1px solid var(--border);
    background: none;
    font: inherit;
    font-size: 0.8125rem;
    color: var(--foreground);
    text-align: left;
    cursor: pointer;
}

.sow-zeile:last-child[b-t4w8yeu94x] {
    border-bottom: 0;
}

.sow-aktiv[b-t4w8yeu94x] {
    background: var(--accent);
}

.sow-nr[b-t4w8yeu94x] {
    flex: none;
    width: 4.2rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.sow-datum[b-t4w8yeu94x] {
    flex: none;
    width: 5.6rem;
    color: var(--muted-foreground);
    font-variant-numeric: tabular-nums;
}

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

.sow-leer[b-t4w8yeu94x] {
    padding: 0.5rem 0.7rem;
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}