@import url('./einrichtung.css');
@import url('./postfach-design.css');
/* MH Zentrale · gemeinsamer Arbeitsplatz.
   Last in the host cascade. No routing, display/permission or business-raster
   changes. Agent internals live in ki-agenten/style.css, print stays separate. */
@media screen {
body:is(.z,.k,.arbeit-seite,.vb-page) {
  --mh-paper:#fff; --mh-canvas:#f8f9fa; --mh-line:#e4e6e9;
  --mh-ink:#202124; --mh-muted:#63676f; --mh-accent:#6440e8;
  --mh-font:'Instrument',ui-sans-serif,-apple-system,'Segoe UI',sans-serif;
  --k-grund:var(--mh-canvas); --k-tief:#f1f2f4; --k-flaeche:var(--mh-paper);
  --k-tinte:var(--mh-ink); --k-tinte-2:#4c5057; --k-tinte-3:var(--mh-muted);
  --k-blass:#767b83; --k-linie:var(--mh-line); --k-linie-2:#edf0f2;
  --k-linie-stark:#ccd0d6; --k-akzent:var(--mh-accent); --k-akzent-tief:#5431cd;
  --k-akzent-hauch:#f0ecfc; --k-schrift:var(--mh-font);
  --z-buehne:var(--mh-canvas); --z-blatt:var(--mh-paper); --z-vertief:#f5f6f7;
  --z-haar:var(--mh-line); --z-haar-kopf:#d6d9de; --z-halt:#f8f9fb;
  --z-wahl:#f0ecfc; --z-tat:var(--mh-accent); --z-schrift:var(--mh-font);
  --z-t-titel:600 30px/1.25 var(--mh-font); --z-ls-titel:-.035em;
  --z-t-buch:600 17px/1.4 var(--mh-font); --z-t-kolumne:500 12px/1.5 var(--mh-font);
  --z-ls-kolumne:0; --z-t-zeile:500 15px/1.5 var(--mh-font);
  --z-t-unter:400 13px/1.5 var(--mh-font); --z-t-lauf:400 13px/1.5 var(--mh-font);
  --z-t-verb:550 13px/1.5 var(--mh-font); --z-h-knopf:44px;
  --z-blattkante:none; --z-r-blatt:16px; --z-fokus:0 0 0 3px #6440e822;
  --z-still:var(--mh-muted); --z-still-flaeche:#f1f2f4; --z-chip-flaeche:#eff0f2;
  font-family:var(--mh-font); color:var(--mh-ink); background:var(--mh-canvas);
}

/* Navigation is quieter than the work. The active destination stays explicit. */
body.z.z-navigation-kompakt { --z-leiste:224px; }
body.z .z-haupt { background:var(--mh-canvas); }
body.z.z-navigation-kompakt .z-seite { background:#fdfdfd; padding:20px 12px 12px; border-color:var(--mh-line); }
body.z .z-firma { gap:11px; }
body.z .z-firma b { font-size:14px; line-height:1.4; letter-spacing:-.015em; }
body.z .z-firma span { color:var(--mh-muted); font-size:11px; line-height:1.5; }
body.z .z-firma em { width:36px; height:36px; border-radius:12px; font-size:13px; }
body.z.z-navigation-kompakt .z-reiter-band { padding-top:8px; }
body.z.z-navigation-kompakt .z-reiter { min-height:44px; padding:11px 14px; margin:4px 0; font-size:14px; border-radius:10px; color:#545860; }
body.z.z-navigation-kompakt .z-reiter:hover { background:#f1f2f4; color:var(--mh-ink); }
body.z.z-navigation-kompakt .z-reiter.an { background:#eeeafa; color:#5431cd; }
body.z .z-reiter svg { stroke-width:1.65; }
body.z .z-reiter em { font-size:11px; min-width:22px; padding:2px 7px; border-radius:7px; }
body.z .z-fuss { color:var(--mh-muted); }
body.z .z-arbeitskopf { min-height:60px; padding:8px 32px; background:#fff; border-color:var(--mh-line); }
body.z .z-nav-pfad { font-size:12px; color:var(--mh-muted); }
body.z.z-navigation-kompakt .z-global-search .z-suchzeile { background:#f7f8f9; border-color:transparent; border-radius:12px; }
body.z.z-navigation-kompakt .z-global-search .z-suchzeile:focus-within { background:#fff; border-color:#c6b7f6; }
body.z .z-kopf { min-height:104px; padding:22px 32px; background:#fff; border-color:var(--mh-line); }
body.z .z-kopf h1 { font:var(--z-t-titel); letter-spacing:var(--z-ls-titel); }
body.z .z-lauf { margin-top:7px; font-size:13px; color:var(--mh-muted); }
body.z .z-frage { background:#f3f4f6; color:var(--mh-muted); }
body.z .z-bereich-navigation { padding:0 32px; background:#fff; gap:20px; }
body.z .z-bereich-reiter { gap:8px 24px; }
body.z .z-bereich-reiter button { min-height:50px; font-size:13px; color:var(--mh-muted); }
body.z .z-bereich-reiter button[aria-current] { color:var(--mh-ink); }
body.z .z-bereich-reiter button[aria-current]::after { background:var(--mh-ink); height:2px; }
body.z .z-nav-mehr select { background:#f7f8f9; font-size:12px; border-radius:10px; }
body.z #inhalt { padding:28px 32px 40px; }
body.z .z-buehne.z-arbeitsraum { max-width:1560px; }

/* Shared controls, including module-generated forms. */
body.z .z-knopf { min-height:44px; border-radius:11px; padding:10px 16px; font-size:13px; font-weight:550; box-shadow:none; }
body.z .z-knopf:not(.still):not(.gefahr) { background:var(--mh-accent); box-shadow:none; }
body.z .z-knopf.still { border:1px solid var(--mh-line); background:#fff; color:var(--mh-ink); box-shadow:none; }
body.z .z-knopf:not(:disabled):hover { filter:brightness(.97); }
body.z :is(.z-feldzeile input,.z-feldzeile select,.z-feldzeile textarea,.z-listenfilter input,.z-kontakte-werkzeug input,.z-kontakte-werkzeug select) {
  min-height:46px; border:1px solid #d9dce1; border-radius:10px; background:#fff;
  font:400 14px/1.5 var(--mh-font); color:var(--mh-ink); padding:11px 13px; box-shadow:none;
}
body.z :is(input,textarea)::placeholder { color:#777b82; opacity:1; }
body.z :is(.z-feldzeile>span,.z-kontakte-werkzeug label>span,.z-listenfilter label) { font-size:12px; font-weight:550; color:#4c5057; letter-spacing:0; text-transform:none; }
body.z :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--mh-accent); outline-offset:3px; }
body.z .z-listenfilter { margin:0 0 22px; gap:16px; align-items:end; }
body.z .z-listenfilter input { margin-top:7px; width:100%; }
body.z .z-filter-info { font-size:12px; color:var(--mh-muted); padding-bottom:12px; }
body.z .z-buch { margin-bottom:26px; }
body.z #bereich .z-buch-titel { font:600 17px/1.4 var(--mh-font); margin-bottom:12px; color:var(--mh-ink); letter-spacing:-.015em; text-transform:none; }
body.z #bereich .z-blatt { border:1px solid var(--mh-line); border-radius:16px; background:#fff; box-shadow:none; }
body.z #bereich .z-spalten { min-height:44px; padding:12px 20px; background:#f7f8f9; color:#60656d; font-size:11px; font-weight:550; text-transform:none; letter-spacing:0; }
body.z #bereich .z-blatt>.z-zeile { min-height:82px; padding:18px 20px; border-color:#eceef0; }
body.z #bereich .z-blatt .z-zeile:hover { background:#fafbfc; }
body.z #bereich .z-sache b { font-size:15px; line-height:1.45; font-weight:600; color:var(--mh-ink); }
body.z #bereich .z-sache small { font-size:12px; line-height:1.6; color:var(--mh-muted); margin-top:4px; }
body.z #bereich .z-kennung { font-size:11px; color:var(--mh-muted); }
body.z .z-wann { font-size:12px; line-height:1.5; }
body.z :is(.z-schritt button,.z-kunde-dossier,.z-textknopf) { min-height:44px; font-size:13px; font-weight:550; border-radius:9px; }
body.z .z-schritt button { padding:8px 12px; }
body.z .z-schritt button:hover { background:var(--z-wahl); }
body.z .z-chip { border-radius:7px; padding:4px 8px; font-size:11px; line-height:1.5; }
body.z #bereich .z-abschluss { min-height:48px; padding:14px 20px; background:#fcfcfd; border-color:var(--mh-line); }
body.z .z-abschluss .links .was { font-size:12px; color:var(--mh-muted); }
body.z .z-abschluss .summe { font-size:16px; }
body.z .z-beispiel-marke { background:#f3f4f6; color:#666b73; border-radius:4px; }
body.z :is(.z-leer,.z-aufgabe-leer,.kal-leer) { padding:40px 28px; border:1px solid var(--mh-line); border-radius:16px; background:#fff; }
body.z :is(.z-leer,.z-aufgabe-leer,.kal-leer) :is(h2,h3,b) { font-size:21px; line-height:1.35; letter-spacing:-.02em; }
body.z :is(.z-leer,.z-aufgabe-leer,.kal-leer) p { font-size:14px; line-height:1.65; max-width:60ch; color:var(--mh-muted); }

/* Cockpit: a short welcome and one connected operational summary. */
body.z .z-heute-begruessung { padding:0 0 24px; margin-bottom:0; background:none; border:0; border-radius:0; align-items:center; }
body.z .z-heute-begruessung .z-ueberzeile { font-size:12px; letter-spacing:0; text-transform:none; color:var(--mh-muted); margin-bottom:8px; }
body.z .z-heute-begruessung h2 { font-size:30px; line-height:1.25; letter-spacing:-.04em; color:var(--mh-ink); }
body.z .z-heute-begruessung p:not(.z-ueberzeile) { font-size:13px; color:var(--mh-muted); }
body.z .z-heute-datum { background:#fff; border:1px solid var(--mh-line); border-radius:10px; padding:10px 13px; font-size:12px; }
body.z .z-heute-zahlen { gap:0; border:1px solid var(--mh-line); border-radius:16px; overflow:hidden; background:#fff; }
body.z .z-heute-zahlen>button { position:relative; border:0; border-radius:0; background:#fff; padding:22px 24px; box-shadow:none; gap:8px; }
body.z .z-heute-zahlen>button+button { border-left:1px solid var(--mh-line); }
body.z .z-heute-zahlen>button:hover { background:#fafbfc; }
body.z .z-heute-zahlen>button b { color:var(--mh-ink); font-size:34px; font-weight:550; letter-spacing:-.04em; }
body.z .z-heute-zahlen>button span { font-size:14px; color:var(--mh-ink); }
body.z .z-heute-zahlen>button small { font-size:12px; color:var(--mh-muted); }
body.z .z-heute-aktionen { margin:18px 0 28px; }
body.z .z-heute-aktionen .z-buch-titel { font-size:12px; color:var(--mh-muted); }
body.z .z-heute-aktionen .z-schnell button { min-height:44px; padding:10px 14px; font-size:12px; border-radius:10px; background:#fff; border-color:var(--mh-line); }
body.z .z-heute-raster { gap:24px; }
body.z .z-heute-einrichtung { border-color:var(--mh-line); border-radius:14px; }

/* Customers, sites and case boards share readable identity rows. */
body.z .z-kontakte-eyebrow { font-size:17px; letter-spacing:-.015em; text-transform:none; color:var(--mh-ink); }
body.z .z-kontakte-kopf p { font-size:13px; color:var(--mh-muted); }
body.z .z-kontakte-werkzeug { border:0; border-radius:0; background:none; padding:0; gap:16px; margin:22px 0; }
body.z #bereich .z-blatt.z-kundenliste { gap:0; border:1px solid var(--mh-line); border-radius:16px; overflow:hidden; }
body.z #bereich .z-blatt.z-kundenliste>.z-kundenkarte { padding:22px 22px 0; margin:0; border:0; border-bottom:1px solid var(--mh-line); border-radius:0; box-shadow:none; gap:16px 24px; }
body.z #bereich .z-blatt.z-kundenliste>.z-kundenkarte:hover { background:#fafbfc; box-shadow:none; }
body.z .z-kunde-initial { width:42px; height:42px; flex-basis:42px; border-radius:14px; font-size:16px; background:#f1eefb; }
body.z .z-kunde-fakten dt { font-size:11px; color:var(--mh-muted); margin-bottom:6px; }
body.z .z-kunde-fakten dd { font-size:13px; line-height:1.5; }
body.z .z-kunde-fuss { min-height:56px; background:transparent; padding:6px 0; }
body.z #bereich .z-kundenliste>.z-abschluss { border:0; border-radius:0; }
body.z #bereich .z-ort-liste { background:none; border:0; }
body.z #bereich .z-ort-liste>.z-zeile { border-color:var(--mh-line); border-radius:14px; box-shadow:none; padding:20px; margin:10px 0; }
body.z #bereich .z-ort-identitaet b { color:var(--mh-ink); font-size:16px; }
body.z .z-ort-vorschaubild { background:#f3f4f6; border-color:var(--mh-line); }
body.z .z-bahn { background:#f1f3f5; border-radius:14px; padding:14px; }
body.z .z-bahn-kopf { color:var(--mh-ink); font-size:13px; padding:4px 2px 14px; }
body.z .z-karte { border:1px solid var(--mh-line); border-radius:11px; padding:18px; background:#fff; box-shadow:none; }
body.z .z-karte:hover { border-color:#c8cbd2; box-shadow:0 2px 5px #20212407; }

/* Tasks, money and planning retain their calculations and exact grids. */
body.z .z-aufgaben { max-width:none; }
body.z .z-aufgabe-uebersicht { padding:22px 24px; gap:24px; border:1px solid var(--mh-line); border-radius:16px; background:#fff; }
body.z .z-aufgabe-uebersicht span { font-size:13px; }
body.z .z-aufgabe-uebersicht strong { font-size:30px; font-weight:550; }
body.z .z-aufgabe { border-color:var(--mh-line); padding:18px 20px; border-radius:14px; }
body.z .z-aufgabe-status { background:#f3f4f6; color:#565b63; border-radius:10px; }
body.z .z-aufgabe-filter button[aria-pressed=true] { color:var(--mh-ink); background:#e9ebef; }
body.z .z-finanzstand { gap:0; border:1px solid var(--mh-line); border-radius:16px; background:#fff; overflow:hidden; margin:0 0 24px; }
body.z .z-finanzstand>div { border:0; border-radius:0; background:none; padding:22px; gap:10px; }
body.z .z-finanzstand>div+div { border-left:1px solid var(--mh-line); }
body.z .z-finanzstand strong { font-size:28px; font-weight:550; letter-spacing:-.04em; }
body.z .z-finanzstand :is(span,small) { font-size:12px; color:var(--mh-muted); }
body.z .z-filterleiste { gap:8px; margin-bottom:20px; }
body.z .z-filterleiste .z-knopf { min-height:40px; border-radius:999px; padding:8px 15px; }
body.z .z-filterleiste .z-knopf[aria-pressed=true] { background:#eceef1; border-color:#d8dce1; color:var(--mh-ink); }
body.z #bereich .z-finanz-kurzstand { border:1px solid var(--mh-line); border-radius:16px; padding:22px 0; background:#fff; margin-bottom:24px; }
body.z .z-finanz-kurzstand>div,body.z .z-finanz-kurzstand>div:first-child { padding:0 24px; }
body.z .z-finanz-kurzstand>div { border-color:var(--mh-line); }
body.z .z-finanz-kurzstand span { font-size:12px; color:var(--mh-muted); }
body.z .z-finanz-kurzstand strong { font-size:28px; font-weight:550; letter-spacing:-.04em; }
body.z #bereich.z-finanzbereich .z-blatt { border-color:var(--mh-line); box-shadow:none; }
body.z #bereich .z-finanz-werkzeuge :is(input,select) { height:46px; border-color:#d9dce1; color:var(--mh-ink); }
body.z #bereich.z-finanzbereich .z-schritt button { min-height:44px; border-color:var(--mh-line); background:#fff; color:#5431cd; border-radius:10px; }
body.z .kal-eyebrow { font-size:12px; text-transform:none; letter-spacing:0; }
body.z .kal-zeitraum h2 { font-size:26px; }
body.z .kal-filter { background:#fff; border-color:var(--mh-line); padding:18px; }
body.z .kal-filter :is(select,input[type=date]) { background:#fff; border-color:#d9dce1; }
body.z .kal-ansichten { background:#eceef1; border-color:transparent; }
body.z .kal-ansichten button[aria-pressed=true] { background:#fff; color:var(--mh-ink); box-shadow:0 1px 4px #20212412; }
body.z .kal-tagkopf { background:#fafbfc; border-color:var(--mh-line); }
body.z .kal-eintrag { background:#fff; border-color:var(--mh-line); }
body.z .kal-titel { font-weight:550; }
body.z .kal-status { border-radius:6px; }
body.z .z-postfach-liste .z-zeile { padding:22px 20px; }
body.z .z-postfach-liste .z-sache b { font-size:15px; }
body.z .z-postfach-liste .z-nachricht-vorschau { font-size:13px; color:var(--mh-muted); }

/* Large centered records. Fields stay fields; no sidebar-sized editor. */
body.z .z-blende { background:#20212455; backdrop-filter:blur(5px); }
body.z .z-blende .z-tafel { border:1px solid #ffffff80; border-radius:22px; background:#fff; box-shadow:0 24px 100px #151b2833; }
body.z .z-tafel-kopf { padding:24px 28px; background:#fff; border-color:var(--mh-line); }
body.z .z-tafel-kopf h2 { font-size:24px; line-height:1.3; letter-spacing:-.035em; }
body.z .z-tafel-zu { width:44px; height:44px; border-radius:50%; background:#f2f3f5; color:#555a62; }
body.z .z-tafel-leib { padding:28px; }
body.z .z-tafel:has(.z-akte) .z-tafel-leib { background:#f8f9fa; }
body.z .z-formular { gap:22px; }
body.z .z-feldzeile small { font-size:12px; color:var(--mh-muted); }
body.z fieldset.z-branchenfelder { background:#f7f8f9; border-color:var(--mh-line); padding:20px; border-radius:14px; }
body.z .z-branchenfelder :is(legend,.z-feldzeile>span) { font-size:13px; }
body.z .z-formular-fuss { border-color:var(--mh-line); padding-top:22px; gap:10px; }
body.z .z-dossier-kopf h3 { font-size:28px; letter-spacing:-.04em; }
body.z .z-dossier-lage { background:#fff; border-color:var(--mh-line); border-radius:14px; }
body.z .z-dossier-lage span { font-size:12px; }
body.z .z-dossier-lage b { font-size:19px; }
body.z .z-akte-tabs { background:#eceef1; padding:4px; gap:4px; border-radius:12px; }
body.z .z-akte-tabs button { min-height:44px; border-radius:9px; padding:8px 14px; font-size:13px; }
body.z .z-akte-tabs button[aria-selected=true] { color:var(--mh-ink); box-shadow:0 1px 4px #20212410; }
body.z .z-akte section.z-dossier-gruppe { border-color:var(--mh-line); border-radius:14px; padding:22px; }
body.z .z-dossier-gruppe h3 { font-size:17px; line-height:1.4; letter-spacing:-.02em; border-bottom:0; margin-bottom:16px; }
body.z .z-dossier-gruppe .z-detail-zeile>span { font-size:12px; color:var(--mh-muted); }
body.z .z-dossier-gruppe .z-detail-zeile>div { font-size:14px; }
body.z .z-dossier-leer { font-size:13px; line-height:1.6; }

/* Industry-specific modules and the standalone team workspace. */
body.z .f-welt { --f-line:var(--mh-line); --f-soft:#f6f7f8; --f-purple:var(--mh-accent); color:var(--mh-ink); }
body.z .f-intro p { color:var(--mh-muted); font-size:14px; }
body.z :is(.f-system,.f-panel) { border-color:var(--mh-line); border-radius:16px; padding:24px; }
body.z .f-system p,body.z .f-zeile small { color:var(--mh-muted); }
body.z :is(.f-tabs button,.f-text) { min-height:44px; }
body.z .f-tabs button { border-radius:999px; }
body.z .f-tabs button.an { background:#eceef1; border-color:#d8dce1; color:var(--mh-ink); }
body.z .f-zeilen { border-color:var(--mh-line); }
body.z .f-zeile { padding:22px; border-color:var(--mh-line); }
body.z .f-form :is(input,select,textarea) { min-height:46px; border-color:#d9dce1; font-size:14px; }
body.z .f-leer { border-color:var(--mh-line); background:#fff; color:var(--mh-muted); }
:is(body.z,body.arbeit-seite) .arbeit { --arbeit-akzent:var(--mh-accent); --arbeit-tinte:var(--mh-ink); --arbeit-leise:var(--mh-muted); --arbeit-linie:var(--mh-line); font-family:var(--mh-font); background:var(--mh-canvas); }
:is(body.z,body.arbeit-seite) .arbeit-layout { border-color:var(--mh-line); border-radius:18px; box-shadow:none; }
:is(body.z,body.arbeit-seite) .arbeit-liste { background:#fafbfc; padding:22px 16px; }
:is(body.z,body.arbeit-seite) .arbeit-gespraech { padding:26px; }
:is(body.z,body.arbeit-seite) .arbeit button { border-radius:10px; }
:is(body.z,body.arbeit-seite) .arbeit .arbeit-ort { border-radius:12px; padding:16px; }
:is(body.z,body.arbeit-seite) .arbeit .arbeit-ort.ist-aktiv { background:#eeebf8; border-color:transparent; }
:is(body.z,body.arbeit-seite) .arbeit-meldung { border-color:var(--mh-line); border-radius:14px; padding:20px; }
:is(body.z,body.arbeit-seite) .arbeit-nachricht-text { font-size:15px; line-height:1.7; }
:is(body.z,body.arbeit-seite) .arbeit-composer { padding:20px; background:#f8f9fa; border:1px solid var(--mh-line); border-radius:18px; }
:is(body.z,body.arbeit-seite) .arbeit-composer textarea { border-color:#d9dce1; background:#fff; border-radius:12px; }
:is(body.z,body.arbeit-seite) .arbeit :is(input:not([type=checkbox]),select) { border-color:#d9dce1; }
:is(body.z,body.arbeit-seite) .arbeit :is(.arbeit-anlegen,.arbeit-team) { border-color:var(--mh-line); border-radius:16px; padding:24px; }
body.arbeit-seite { font-family:var(--mh-font); }
body.arbeit-seite .arbeit-markenleiste { min-height:72px; border-color:var(--mh-line); }

/* Access and onboarding use the same typography; authentication is untouched. */
body.k .an-karte { border:1px solid var(--mh-line); border-radius:24px; box-shadow:0 12px 48px #20212408; padding:40px 32px 32px; }
body.k .an-karte h2 { font-family:var(--mh-font); font-size:27px; }
body.k .an-form input { min-height:48px; border-radius:12px; }
body.k :is(.an-knopf,.k-oauth) { min-height:48px; border-radius:999px; }
body.k :is(.an-zu,.an-zurueck) { width:44px; height:44px; top:8px; }
body.k .k-knopf { min-height:46px; border-radius:12px; box-shadow:none; }
body.k .k-feld :is(input,select,textarea) { border-radius:10px; min-height:46px; }

/* Compact host chrome gives the agents more room, in every industry. */
body.z:has(#bereich.kia) .z-kopf { min-height:88px; padding-block:18px; }
body.z:has(#bereich.kia) #inhalt { padding:20px 24px 24px; }

/* The public system preview used to keep a 200px desktop rail on phones.
   Restore the same off-canvas navigation the signed-in product already uses. */
@media(max-width:700px) {
  body.z.z-demo { --z-leiste:0px; grid-template-columns:minmax(0,1fr); }
  body.z.z-demo .z-seite {
    position:fixed; inset:0 auto 0 0; top:0; z-index:50;
    width:min(340px,calc(100vw - 32px)); max-width:100%;
    height:100dvh; padding:12px 14px max(20px,env(safe-area-inset-bottom));
    overflow-y:auto; border-right:1px solid var(--mh-line); border-bottom:0;
    transform:translateX(-101%); visibility:hidden; transition:transform .22s ease,visibility 0s .22s;
    box-shadow:none;
  }
  body.z.z-demo.z-mobil-offen .z-seite {
    transform:translateX(0); visibility:visible; transition:transform .22s ease,visibility 0s;
    box-shadow:12px 0 40px #18132924;
  }
  body.z.z-demo .z-mobil-knopf { display:grid!important; }
  body.z.z-demo .z-mobil-leistenkopf { display:flex!important; }
  body.z.z-demo .z-mobil-grund { display:block!important; }
  body.z.z-demo .z-mobil-grund[hidden] { display:none!important; }
  body.z.z-demo .z-kopf { display:flex; align-items:center; min-height:76px; padding:12px 14px; }
  body.z.z-demo .z-kopf>.z-mobil-knopf { order:0; }
  body.z.z-demo .z-kopf>.z-kopf-links { order:1; grid-column:auto; flex:1; min-width:0; }
  body.z.z-demo .z-kopf>.z-werkzeuge { order:2; }
}

@media(max-width:1100px) {
  body.z :is(.z-arbeitskopf,.z-kopf,.z-bereich-navigation) { padding-inline:22px; }
  body.z #inhalt { padding:24px 22px 32px; }
  body.z .z-heute-zahlen>button { padding:20px 18px; }
  body.z .z-finanzstand { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.z .z-finanzstand>div:nth-child(3) { border-left:0; }
  body.z .z-finanzstand>div:nth-child(n+3) { border-top:1px solid var(--mh-line); }
}
@media(max-width:820px) {
  body.z .z-kopf { min-height:96px; padding:20px 18px; }
  body.z .z-kopf h1 { font-size:26px; }
  body.z #inhalt { padding:22px 18px 32px; }
  body.z .z-bereich-navigation { padding-inline:18px; }
  body.z .z-heute-begruessung h2 { font-size:26px; }
  body.z .z-heute-raster { grid-template-columns:1fr; }
  body.z .z-heute-zahlen>button { padding:18px; }
  body.z .z-heute-zahlen>button b { font-size:28px; }
  body.z .z-heute-zahlen>button small { font-size:11px; }
}
@media(max-width:540px) {
  body.z .z-kopf { padding:18px 16px; gap:12px; }
  body.z .z-arbeitskopf { padding-inline:16px; }
  body.z #inhalt { padding:20px 14px 28px; }
  body.z .z-bereich-navigation { padding-inline:16px; }
  body.z .z-bereich-reiter { gap:0 18px; }
  body.z .z-bereich-reiter button { font-size:12px; }
  body.z .z-werkzeuge { gap:8px; }
  body.z .z-knopf { padding:10px 13px; font-size:13px; }
  body.z .z-heute-begruessung { align-items:flex-start; gap:12px; }
  body.z .z-heute-begruessung h2 { font-size:25px; }
  body.z .z-heute-datum { font-size:11px; padding:8px; }
  body.z .z-heute-zahlen { grid-template-columns:1fr; }
  body.z .z-heute-zahlen>button { padding:18px 20px; }
  body.z .z-heute-zahlen>button+button { border-left:0; border-top:1px solid var(--mh-line); }
  body.z .z-heute-zahlen>button small { font-size:12px; }
  body.z .z-aufgabe-uebersicht { padding:18px; gap:12px; }
  body.z .z-aufgabe-uebersicht span { font-size:12px; }
  body.z .z-aufgabe { padding:14px 12px; }
  body.z .z-finanzstand>div { padding:18px 14px; }
  body.z .z-finanzstand strong { font-size:25px; }
  body.z #bereich .z-finanz-kurzstand { padding:18px 0; }
  body.z .z-finanz-kurzstand>div,body.z .z-finanz-kurzstand>div:first-child { padding:0 12px; }
  body.z .z-finanz-kurzstand strong { font-size:21px; }
  body.z .z-finanz-kurzstand span { font-size:11px; }
  body.z .z-filter-info { font-size:11px; }
  body.z #bereich .z-blatt.z-kundenliste>.z-kundenkarte { padding:18px 16px 0; }
  body.z .z-blende { padding:10px; }
  body.z .z-tafel-kopf { padding:18px 20px; }
  body.z .z-tafel-kopf h2 { font-size:22px; }
  body.z .z-tafel-leib { padding:20px; }
  body.z :is(.z-feldzeile input,.z-feldzeile select,.z-feldzeile textarea,.z-kontakte-werkzeug input,.z-kontakte-werkzeug select) { font-size:16px; }
  body.z .z-akte section.z-dossier-gruppe { padding:18px; }
  :is(body.z,body.arbeit-seite) .arbeit-gespraech { padding:16px; }
  :is(body.z,body.arbeit-seite) .arbeit-composer { padding:16px; }
  body.z:has(#bereich.kia) #inhalt { padding:12px 10px 16px; }
  body.k .an-karte { padding:38px 24px 26px; }
}
@media(prefers-reduced-motion:reduce) {
  body:is(.z,.k,.arbeit-seite) :is(button,a,input,select,textarea) { transition:none; }
}
}