/* Warntexte: Das Gelb des Themas hat auf Weiß nur einen Kontrast von 1,4:1. */
.k-text-warning {
    color: var(--zh-warnung-text) !important;
}

/* Statusmarken: immer Symbol und Text, Kontrast mindestens 4,5:1. */
.zh-status {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .1rem .5rem;
    border-radius: 999px;
    font-size: var(--zh-klein);
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    background: var(--zh-flaeche-leise);
    color: var(--zh-text);
}
.zh-status-info { background: var(--zh-info-flaeche); color: var(--zh-info-text); }
.zh-status-erfolg { background: var(--zh-erfolg-flaeche); color: var(--zh-erfolg-text); }
.zh-status-warnung { background: var(--zh-warnung-flaeche); color: var(--zh-warnung-text); }
.zh-status-fehler { background: var(--zh-fehler-flaeche); color: var(--zh-fehler-text); }

.zh-stand-kompakt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: .0625rem;
    border-radius: .25rem;
    background: transparent;
}
.zh-legende {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .5rem;
}

/* Menü: Einträge ohne Adresse und Symbol sind Gruppen-Überschriften. */
.p-nav-sidebar .k-treeview-item-content:not(:has(svg)) {
    pointer-events: none;
    margin-top: .75rem;
}
/* Der Name der Firma steht vollständig da. */
.p-nav-sidebar .k-font-size-lg {
    font-size: 1rem;
}
.p-nav-sidebar .k-treeview-leaf:not(:has(svg)) {
    color: #E2CCE9;
    font-size: var(--zh-klein);
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: none !important;
    box-shadow: none !important;
}

/* Kopfzeile über jeder Seite, darunter die Seite in der restlichen Höhe. */
main {
    height: 100dvh !important;
}
.zh-rahmen {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.zh-kopfzeile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
    min-height: 3.25rem;
    padding: .375rem .75rem;
    border-bottom: 1px solid var(--kendo-color-border, #d7dbe0);
    background: var(--kendo-color-surface, #fff);
    flex-shrink: 0;
}
.zh-inhalt {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.zh-inhalt .k-h-screen {
    height: 100% !important;
}
.zh-menue-knopf {
    display: none;
}
/* Unter 1024 px liegt das Menü über der Seite, statt sie auf einen schmalen Streifen zu quetschen. */
@media (max-width: 1023.98px) {
    main {
        margin-left: 0 !important;
        width: 100vw !important;
    }
}
/* Menüknopf nur, solange das Menü zu ist; dann steht sonst der schwebende Knopf des Pakets im Bild. */
@supports selector(:has(a)) {
    body:has(.ptogglefab) .zh-menue-knopf {
        display: inline-flex;
    }
    .ptogglefab {
        display: none !important;
    }
}

.zh-seitenkopf-titel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .625rem;
    flex: 1 1 12rem;
    min-width: 0;
}
.zh-seitenkopf-titel h1 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.zh-seitenkopf-unterzeile {
    color: var(--kendo-color-subtle, #5b6472);
    font-size: .875rem;
}
.zh-seitenkopf-aktionen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

/* Suche */
.zh-suche-knopf {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.25rem;
    padding: .25rem .625rem;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .375rem;
    background: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-subtle, #5b6472);
    font: inherit;
    cursor: pointer;
}
.zh-suche-knopf:hover {
    background: var(--kendo-color-base-subtle, #f3f4f6);
}
.zh-suche-knopf kbd {
    padding: 0 .3rem;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .25rem;
    font: inherit;
    font-size: var(--zh-klein);
}
.zh-suche {
    width: min(40rem, calc(100vw - 2rem));
    max-height: min(32rem, calc(100dvh - 4rem));
    margin: 4rem auto auto;
    padding: 0;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .5rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .2);
}
.zh-suche::backdrop {
    background: rgba(0, 0, 0, .35);
}
.zh-suche-feld {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--kendo-color-border, #d7dbe0);
}
.zh-suche-eingabe {
    flex: 1;
    min-width: 0;
    min-height: 2.5rem;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    font-size: 1rem;
}
.zh-suche-liste {
    margin: 0;
    padding: .25rem;
    list-style: none;
    overflow-y: auto;
}
.zh-treffer {
    display: flex;
    align-items: center;
    gap: .625rem;
    min-height: 2.75rem;
    padding: .375rem .625rem;
    border-radius: .375rem;
    color: inherit;
    text-decoration: none;
}
.zh-treffer:hover,
.zh-treffer-aktiv {
    background: var(--kendo-color-base-subtle, #f3f4f6);
}
.zh-treffer-aktiv {
    outline: 2px solid var(--kendo-color-primary, #334155);
    outline-offset: -2px;
}
.zh-treffer-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}
.zh-treffer-text span,
.zh-treffer-art {
    color: var(--kendo-color-subtle, #5b6472);
    font-size: var(--zh-klein);
}
.zh-suche-hinweis {
    padding: .75rem 1rem;
    color: var(--kendo-color-subtle, #5b6472);
    font-size: .875rem;
}

/* Laden, leer, Fehler */
.zh-laden {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
}
.zh-ladefehler,
.zh-leer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 2rem 1rem;
    text-align: center;
}
.zh-ladefehler p,
.zh-leer p {
    margin: 0;
    max-width: 40rem;
}
.zh-leer-text {
    font-weight: 600;
}
.zh-leer-hinweis {
    color: var(--kendo-color-subtle, #5f6b7a);
}

/* Während eine neue Zeile entsteht, ist die Liste nicht mehr leer. */
.k-grid:has(.k-grid-edit-row) .k-grid-norecords {
    display: none;
}

/* Meldung direkt am Feld */
.zh-feldfehler {
    margin-top: .25rem;
    color: var(--kendo-color-error-on-surface, #b42318);
    font-size: .875rem;
}

/* Lange Läufe */
.zh-fortschritt {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: .5rem 0;
    max-width: 32rem;
}

/* Rückgängig statt Rückfrage */
.zh-rueckgaengig {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .25rem .75rem;
    margin-bottom: .5rem;
    padding: .25rem .75rem;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .5rem;
    background: var(--kendo-color-surface, #f8f9fa);
}

/* Kundenakte: Stand über den Tabs */
.zh-checkliste {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 1rem;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--kendo-color-border, #d7dbe0);
}
.zh-checkliste-punkte {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.zh-check {
    padding: .125rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
}
.zh-check:hover .zh-status,
.zh-check:focus-visible .zh-status {
    outline: 2px solid currentColor;
    outline-offset: 1px;
}
.zh-checkliste-weiter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
}
.zh-checkliste-text {
    color: var(--kendo-color-subtle, #5b6472);
    font-size: .875rem;
}
.zh-neukunde {
    margin: 0;
    padding: .5rem .75rem;
    color: var(--kendo-color-subtle, #5b6472);
    font-size: .875rem;
}
.zh-tab-kopf {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
}
.zh-tab-marke {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    height: 1rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
}
.zh-tab-offen {
    background: var(--zh-fehler-flaeche);
    color: var(--zh-fehler-text);
}
.zh-tab-ungespeichert {
    color: var(--zh-warnung-text);
}

/* Termin-Dialog */
.zh-termin-kopf {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
    margin-bottom: .75rem;
}
.zh-termin-budget {
    margin: .5rem 0;
    padding: .5rem .75rem;
    border-radius: .375rem;
    background: var(--kendo-color-base-subtle, #f3f4f6);
    font-size: .875rem;
}
/* Die Knöpfe bleiben im Bild, auch wenn der Inhalt des Dialogs rollt. */
.k-dialog-content:has(.zh-dialog-fuss),
.k-window-content:has(.zh-dialog-fuss) {
    padding-bottom: 0;
}
.zh-dialog-fuss {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: .75rem;
    padding: .625rem 0 .75rem;
    border-top: 1px solid var(--kendo-color-border, #d7dbe0);
    background: var(--kendo-color-surface-alt, #fff);
}
.zh-serie {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.zh-serie li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
}
.zh-serie-tag {
    min-width: 8rem;
}

/* Abrechnung: Monate, Lücken, Folgeschritte */
.zh-monat {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    max-width: 62rem;
    padding: 1rem;
}
.zh-monat h2 {
    margin: 0;
    font-size: var(--zh-grund);
    font-weight: 700;
}
.zh-monat h3 {
    margin: .5rem 0 0;
    font-size: 1rem;
    font-weight: 600;
}
.zh-monate {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 11rem));
    gap: .5rem;
}
.zh-monat-knopf {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    min-width: 10.5rem;
    padding: .5rem .75rem;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .5rem;
    background: var(--kendo-color-surface, #fff);
    font: inherit;
    cursor: pointer;
}
.zh-monat-knopf:hover {
    background: var(--kendo-color-base-subtle, #f3f4f6);
}
.zh-monat-knopf-aktiv {
    border-color: var(--kendo-color-primary, #334155);
    box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #334155);
}
.zh-monat-name {
    font-weight: 600;
}
.zh-folge-liste {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .5rem;
    margin: .375rem 0 0;
    padding: 0;
    list-style: none;
}
.zh-folge-schritt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .125rem;
    width: 100%;
    min-height: 2.75rem;
    padding: .5rem .75rem;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .5rem;
    background: var(--kendo-color-surface, #fff);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.zh-folge-schritt:hover {
    background: var(--kendo-color-base-subtle, #f3f4f6);
}
.zh-stichtag summary {
    color: var(--kendo-color-subtle, #5b6472);
    cursor: pointer;
}

/* Vertretung */
.zh-sammel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}
.zh-vertretung {
    align-items: flex-start;
}
.zh-vertretung-gewaehlt {
    background: var(--kendo-color-base-subtle, #f3f4f6);
    box-shadow: inset 3px 0 0 var(--kendo-color-primary, #334155);
}
.zh-vorschlaege {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .375rem;
}
.zh-vorschlag {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 2.75rem;
    padding: .25rem .625rem;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .375rem;
    background: var(--kendo-color-surface, #fff);
    color: inherit;
    font: inherit;
    font-size: .875rem;
    text-align: left;
    cursor: pointer;
}
.zh-vorschlag span {
    color: var(--kendo-color-subtle, #5b6472);
    font-size: var(--zh-klein);
}
.zh-vorschlag:hover:not(:disabled) {
    background: var(--kendo-color-base-subtle, #f3f4f6);
}
.zh-vorschlag-voll strong {
    font-weight: 400;
}

/* Arbeitsliste auf der Startseite */
.zh-arbeit {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 62rem;
    padding: 1rem;
}
.zh-arbeit h2 {
    margin: 0;
    font-size: var(--zh-grund);
    font-weight: 700;
}
.zh-arbeit-kopf {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    justify-content: space-between;
}
.zh-arbeit-zahlen {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    color: var(--kendo-color-subtle, #5b6472);
    font-size: .875rem;
}
.zh-punkte {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .5rem;
    background: var(--kendo-color-surface, #fff);
    overflow: hidden;
}
.zh-punkte > li + li {
    border-top: 1px solid var(--kendo-color-border, #d7dbe0);
}
.zh-punkt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
    min-height: 2.75rem;
    padding: .5rem .75rem;
    color: inherit;
    text-decoration: none;
}
.zh-punkt[href]:hover {
    background: var(--kendo-color-base-subtle, #f3f4f6);
}
.zh-punkt-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 16rem;
    min-width: 0;
}
.zh-punkt-titel {
    font-weight: 600;
}
.zh-punkt-detail {
    overflow-wrap: anywhere;
}
.zh-punkt-aktion {
    color: var(--kendo-color-primary, #334155);
    font-weight: 600;
    white-space: nowrap;
}
.zh-arbeit-gruppe {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}
.zh-arbeit-gruppe-kopf {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 .5rem;
}
.zh-arbeit-gruppe-kopf h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}
.zh-arbeit-gruppe-kopf span {
    color: var(--kendo-color-subtle, #5b6472);
    font-size: .875rem;
}
.zh-arbeit-leer {
    padding: 1rem;
    border: 1px solid var(--kendo-color-border, #d7dbe0);
    border-radius: .5rem;
    background: var(--kendo-color-surface, #fff);
}

/* Helfer im Web: eigener Tag über dem Stundenzettel. */
.zh-mein-tag {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    padding: .75rem 1rem 0;
}
.zh-mein-tag h2 {
    margin: 0;
    font-size: var(--zh-grund);
    font-weight: 700;
}

/* Schmales Fenster: Titel eine Zeile, Aktionen und Suche darunter. */
@media (max-width: 640px) {
    .zh-seitenkopf-titel {
        flex-basis: calc(100% - 6rem);
    }
    .zh-suche-knopf-text,
    .zh-suche-knopf kbd {
        display: none;
    }
    .zh-seitenkopf-aktionen {
        order: 5;
    }
}

/* Schmale Bildschirme: Dialoge, Fenster und Karten bleiben im Bild, Formulare werden einspaltig. */
.k-dialog,
.k-window {
    max-width: 100vw;
}

.k-card {
    max-width: 100%;
}

@media (max-width: 640px) {
    .k-form-layout > .k-form-field {
        grid-column: 1 / -1 !important;
    }
}

/* Arbeitszeit */

.k-grid .k-master-row.row-krankheit {
    background-color: var(--kendo-color-error-subtle);
}

.k-grid .k-master-row.row-urlaub {
    background-color: var(--kendo-color-info-subtle);
}

.k-grid .k-master-row.row-wochenende {
    background-color: var(--kendo-color-base-subtle);
}

/* ── Schulung nach § 45a SGB XI ─────────────────────────────────────────── */
.schulung { --schulung-lila: var(--zh-aubergine); --schulung-beere: var(--zh-beere); --schulung-hell: var(--zh-aubergine-hell); max-width: 1100px; }
.schulung h2 { color: var(--schulung-lila); margin: 0 0 .25rem; }
.schulung-kopf { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.schulung-erfolg { background: var(--zh-erfolg-flaeche); border-left: 4px solid var(--zh-erfolg); padding: .6rem .8rem; border-radius: 4px; }
.schulung-offen { margin: 0; padding-left: 1.1rem; }
.schulung-lektionen { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .6rem; }
.schulung-lektion { text-align: left; border: 1px solid var(--zh-rahmen); border-left: 4px solid var(--zh-rahmen-feld); border-radius: 6px; background: var(--zh-flaeche); padding: .6rem .8rem; cursor: pointer; display: flex; flex-direction: column; gap: .25rem; font: inherit; }
.schulung-lektion:hover { box-shadow: var(--zh-schatten); }
.schulung-lektion .titel { font-weight: 600; }
.schulung-lektion .info { font-size: var(--zh-klein); color: var(--zh-text-leise); }
.schulung-lektion.begonnen { border-left-color: var(--schulung-beere); }
.schulung-lektion.bestanden { border-left-color: var(--zh-erfolg); }
.schulung-lektion.bestanden .info { color: var(--zh-erfolg-text); }
.schulung-tabelle { width: 100%; border-collapse: collapse; font-size: var(--zh-klein); }
.schulung-tabelle th, .schulung-tabelle td { text-align: left; padding: .35rem .5rem; border-bottom: 1px solid var(--zh-rahmen); vertical-align: top; }
.schulung-text { line-height: 1.6; max-width: 760px; }
.schulung-text h3 { color: var(--schulung-lila); margin: 1.4rem 0 .4rem; }
.schulung-box { border-radius: 6px; padding: .7rem .9rem; margin: 1rem 0; }
.schulung-box > .kopf { font-weight: 700; margin-bottom: .3rem; }
.schulung-box.merke { background: var(--schulung-hell); border-left: 4px solid var(--schulung-lila); }
.schulung-box.achtung { background: var(--zh-beere-hell); border-left: 4px solid var(--schulung-beere); }
.schulung-box.fall { background: var(--zh-warnung-flaeche); border-left: 4px solid var(--zh-warnung); }
.schulung-box.check { background: var(--zh-info-flaeche); border-left: 4px solid var(--zh-info); }
.schulung-box.check label { display: flex; gap: .5rem; align-items: flex-start; margin: .2rem 0; }
.schulung-frage { border: 1px solid var(--zh-rahmen); border-radius: 6px; padding: .8rem; margin: .8rem 0; }
.schulung-frage.richtig { border-color: var(--zh-erfolg); background: var(--zh-erfolg-flaeche); }
.schulung-frage.falsch { border-color: var(--zh-fehler); background: var(--zh-fehler-flaeche); }
.schulung-frage .antwort { display: flex; gap: .5rem; align-items: flex-start; margin: .3rem 0; cursor: pointer; }
.schulung-frage .erklaerung { margin-top: .5rem; font-size: var(--zh-klein); }
.schulung-ergebnis { padding: .8rem 1rem; border-radius: 6px; font-weight: 600; margin: 1rem 0; }
.schulung-ergebnis.ok { background: var(--zh-erfolg-flaeche); color: var(--zh-erfolg-text); }
.schulung-ergebnis.nein { background: var(--zh-fehler-flaeche); color: var(--zh-fehler-text); }

/* App-Zugang: Download der App mit QR-Code, am Handy untereinander. */
.app-download { display: flex; gap: 1rem; align-items: center; margin-top: 1rem; flex-wrap: wrap; }
.app-download-text { display: flex; flex-direction: column; gap: .2rem; min-width: 0; flex: 1 1 14rem; }
.app-download-link { overflow-wrap: anywhere; }
.app-zugang-knoepfe { flex-wrap: wrap; }

/* Offene Anforderungen: abgelaufener Link fällt auf, mit Wort, nicht nur Farbe. */
.akte-frist-abgelaufen { color: var(--zh-warnung-text); font-weight: 600; }

/* Pflichtschritt Postfach für den Versand (PostfachPflicht): eigene Scrollfläche, am Handy mit 16 px Rand. */
.zh-einrichtung { height: 100%; overflow-y: auto; display: flex; justify-content: center; align-items: flex-start; padding: 2rem 1rem; box-sizing: border-box; }
.zh-einrichtung-karte { width: 100%; max-width: 46rem; background: var(--zh-flaeche); border: 1px solid var(--zh-rahmen); border-radius: var(--zh-radius); box-shadow: var(--zh-schatten); padding: 1.5rem; box-sizing: border-box; }
.zh-einrichtung-karte h1 { margin: 0 0 .5rem; font-size: 1.5rem; color: var(--zh-aubergine-tief); }
.zh-einrichtung-karte p { margin: 0 0 .75rem; line-height: 1.5; }
.zh-einrichtung-schritt { font-size: var(--zh-klein); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--zh-beere-dunkel); }
.zh-einrichtung-karte p.zh-einrichtung-hinweis { color: var(--zh-text-leise); margin-bottom: 1rem; }
@media (max-width: 599.98px) {
    .zh-einrichtung { padding: 1rem; }
    .zh-einrichtung-karte { padding: 1rem; }
}

/* Firma › Briefbogen: das Logo auf „Papier“, so wie es gedruckt wird */
.zh-logo-vorschau {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 12rem;
    min-height: 5rem;
    padding: .75rem 1rem;
    background: var(--zh-papier);
    border: 1px solid var(--zh-rahmen);
    border-radius: 4px;
    color: var(--zh-text-leise);
}
.zh-logo-vorschau img { display: block; max-width: 18rem; max-height: 5rem; }

/* Brief › Versenden: je Weg Titel, Erklärung und, wenn er gerade nicht geht, der Grund */
.zh-versandwege .k-radio-list-item { align-items: flex-start; padding-block: .375rem; }
.zh-versandweg { display: inline-flex; flex-direction: column; gap: .125rem; }

/* Brief › Gedruckt und gesendet: je Versuch Stand, Zeitpunkt und Grund eines Fehlschlags */
.zh-brief-versand { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; padding-block: .375rem; }
.zh-brief-versand + .zh-brief-versand { border-top: 1px solid var(--zh-rahmen); }
.zh-brief-versand .k-text-error { flex-basis: 100%; }
/* Vertrag auf Papier: Text aus der Vorlage nur zum Lesen, ohne leere Werkzeugleiste. */
.zh-nur-lesen .k-editor-toolbar { display: none; }

/* Lange E-Mail-Adressen in schmalen Spalten (Empfänger eines Serienbriefs) umbrechen statt abschneiden. */
.zh-umbruch { overflow-wrap: anywhere; }