/* One material language for the branch-independent shell and every renderer.
   Hierarchy, not extra decoration: focused work, quiet chrome, firm feedback. */
@media screen {
body:is(.z,.k,.arbeit-seite,.vb-page) {
 --mh-canvas:#f5f6f8;--mh-ink:#242529;--mh-muted:#626570;--mh-accent:#6342de;
 --mh-line:#dfe2e8;--z-t-titel:600 31px/1.2 var(--mh-font);
 font-variant-numeric:tabular-nums;
}
body.z.z-navigation-kompakt .z-seite { background:#f8f9fb; padding:22px 13px 12px; border-right-color:#e1e4eb; }
body.z.z-navigation-kompakt { --z-leiste:242px; }
body.z.z-navigation-kompakt .z-profil { padding:0 4px 20px; }
body.z.z-navigation-kompakt .z-firma { padding:8px 4px; }
body.z.z-navigation-kompakt .z-reiter { border:1px solid transparent; border-radius:11px; min-height:43px; padding:10px 13px; margin:2px 0; font-weight:500; color:#656b78; transition:background .12s,color .12s,box-shadow .12s; }
body.z.z-navigation-kompakt .z-reiter.an { color:#4e35ac; background:#fff; border-color:#e7e2f2; box-shadow:0 1px 3px #35314d05,0 3px 10px #35314d04; font-weight:600; }
body.z.z-navigation-kompakt .z-reiter.an svg { color:#7355cf; }
body.z.z-navigation-kompakt .z-reiter:hover:not(.an) { background:#eeeff3; }
body.z.z-navigation-kompakt.mh-has-setup .z-seite { overflow:hidden; display:flex;flex-direction:column; }
body.z.z-navigation-kompakt.mh-has-setup .z-reiter-band { flex:1;min-height:80px;overflow-y:auto;scrollbar-width:thin;padding-bottom:18px; }
body.z.z-navigation-kompakt.mh-has-setup .z-fuss { margin-top:0;flex:none;border:0;padding-top:7px;display:grid;gap:9px; }
body.z.mh-has-setup .z-tour-link { padding:7px 11px; font-size:11px;color:#888e9b; }
body.z.mh-has-setup .z-heute-einrichtung {display:none}
body.z .z-arbeitskopf {min-height:56px;padding:7px 30px;background:#fbfcfd;border-color:#e7e9ee;}
body.z .z-kopf {min-height:94px;padding:21px 30px;background:#fbfcfd;}
body.z .z-kopf h1 {font-size:30px;letter-spacing:-.045em;color:#25272e;}
body.z .z-bereich-navigation {background:#fbfcfd;padding:0 30px}
body.z .z-bereich-reiter {gap:10px 23px}
body.z .z-bereich-reiter button {min-height:46px;white-space:nowrap}
body.z .z-bereich-reiter button[aria-current] {color:#4e35ac}
body.z .z-bereich-reiter button[aria-current]::after {background:#7355cf}
body.z #inhalt {padding:26px 30px 36px}
body.z .z-buehne.z-arbeitsraum {max-width:1680px}
body.z .z-knopf:not(.still):not(.gefahr) {background:#292a30;color:#fff;border:1px solid #292a30;box-shadow:0 3px 8px #23252a0c}
body.z .z-knopf:not(:disabled):active {transform:translateY(1px);box-shadow:none}
body.z .z-knopf.still:hover {background:#f5f5f8;border-color:#cbd0da}
body.z :is(.z-blatt,.z-kontakte-werkzeug,.z-akte section.z-dossier-gruppe,.z-kal-filter) {box-shadow:0 3px 10px #24252903;border-color:#e1e4eb}
body.z .z-spalten {background:#f9fafc;color:#818897;border-bottom-color:#e3e7ee;min-height:44px}
body.z .z-spalten>span {font-size:11px;letter-spacing:0;font-weight:500}
body.z .z-zeile {border-bottom-color:#edf0f5;transition:background .1s}
body.z .z-zeile:hover {background:#f9f8fd}
body.z .z-zeile .z-sache>b {color:#343842;font-size:14px;letter-spacing:-.015em}
body.z .z-zeile .z-sache>small {color:#87909e;font-size:12px;margin-top:5px}
body.z .z-schritt button {color:#6746c1;font-weight:550;font-size:12px}
body.z .z-abschluss {background:#fbfcfd;border-color:#e8ebf1;padding-block:13px}
body.z .z-abschluss .summe {font-size:16px;letter-spacing:-.03em}
body.z .z-chip {border-radius:6px;font-weight:500;line-height:1.5}
body.z .z-listenfilter {margin-bottom:21px;gap:16px}
body.z .z-listenfilter label {font-size:11px;color:#8c93a0}
body.z .z-karte {border-radius:13px;box-shadow:0 3px 7px #24252904}
body.z .z-buch-titel {letter-spacing:-.025em}
body.z .z-heute-kopf {margin-bottom:30px}
body.z .z-heute-begruessung h2 {font-size:33px;letter-spacing:-.04em;line-height:1.2}
body.z .z-heute-begruessung .z-ueberzeile {display:none}
body.z .z-heute-zahlen {border:0;background:none;gap:14px;border-radius:0;overflow:visible}
body.z .z-heute-zahlen>button {border:1px solid #e2e5ed!important;border-radius:16px;background:#fff;padding:23px 25px;box-shadow:0 2px 6px #25252f03}
body.z .z-heute-zahlen>button:first-child {background:#393046;border-color:#393046!important;color:#fff}
body.z .z-heute-zahlen>button:first-child :is(b,span,small) {color:#fff}
body.z .z-heute-zahlen>button:first-child small {opacity:.62}
body.z .z-heute-zahlen>button b {font-size:38px;font-weight:550;letter-spacing:-.055em}
body.z .z-heute-zahlen>button small {color:#8b93a2}
body.z .z-heute-zahlen>button:active {transform:scale(.992)}
body.z .z-heute-aktionen {margin-top:20px}
body.z .z-finanz-kurzstand {border-radius:14px;background:#fff;border:1px solid #e1e4eb;padding:23px 0!important;box-shadow:0 3px 10px #24252903}
body.z .z-finanz-kurzstand strong {font-size:29px;letter-spacing:-.05em}
body.z #bereich .z-kundenkarte {border-bottom-color:#edf0f4}
body.z .z-kunden-avatar,body.z .z-ort-avatar {border-radius:13px;background:#ebe7f5;color:#6b568f}
body.z .z-kal-tagkopf {background:#fafbfc}
body.z .z-kal-tagkopf.heute {background:#f1edf9}
body.z .z-tafel {box-shadow:0 30px 100px #17182226,0 4px 20px #17182212;border-radius:23px;border:1px solid #ffffff88}
body.z .z-tafel-kopf {padding:23px 30px;background:#fff}
body.z .z-tafel-leib {padding:28px 30px;background:#fff}
body.z .z-blende.offen {backdrop-filter:blur(7px);background:#1e20334d}
body.z :is(input,textarea,select) {transition:border-color .14s,box-shadow .14s}
body.z :is(.z-formular-fuss,.mh-dialog-actions) {background:#fff}
body.z .z-aufgabe {background:#fff;border:1px solid #e6e9ef;border-radius:13px;margin:9px 0;padding:20px}
body.z .z-aufgabe-uebersicht {border:0;background:#fff;box-shadow:0 0 0 1px #e3e6ed;border-radius:15px}
body.z:has(.mh-mail) #inhalt {padding:18px 20px}
body.z:has(.mh-mail) .z-kopf {min-height:82px;padding-block:17px}
/* Setup is the same product, with room for one decision at a time. */
body.k.mh-creation .k-links {max-width:940px;margin:36px auto 60px;padding:40px 52px;border-radius:24px;box-shadow:0 1px 2px #24252903,0 0 0 1px #e3e6ed,0 20px 60px #24252906}
body.k.mh-creation .k-braue {font-size:12px;letter-spacing:0;text-transform:none;color:#7f8795;min-height:0}
body.k.mh-creation h1 {font-size:36px;line-height:1.15;letter-spacing:-.045em;margin:14px 0;color:#272b34}
body.k.mh-creation .k-unter {max-width:65ch;font-size:14px;line-height:1.75;color:#7b8392;margin-bottom:30px}
body.k.mh-creation [hidden] {display:none!important}
body.k.mh-creation .k-grunddaten {border:0;padding:0;margin:0}
body.k.mh-creation .k-grunddaten legend {font-size:18px;letter-spacing:-.02em}
body.k.mh-creation .k-daten-raster {gap:20px 22px}
body.k.mh-creation .k-daten-raster input {min-height:48px;border-radius:11px;border-color:#dfe3eb;background:#fcfcfd;box-shadow:0 1px 2px #24252902}
body.k.mh-creation .k-daten-raster input:focus {background:#fff;border-color:#8c76c5;box-shadow:0 0 0 3px #7355cf12}
body.k.mh-creation .k-knopf {background:#292a30;border-color:#292a30;color:white;border-radius:11px;box-shadow:0 3px 8px #2425290c}
body.k.mh-creation .k-kategorien {gap:12px}
body.k.mh-creation .k-kategorie {border:1px solid #e0e4ed;border-radius:13px;background:#fff;box-shadow:0 2px 5px #24252903;padding:23px}
body.k.mh-creation .k-kategorie:hover {background:#f8f6fd;border-color:#beb0dc}
body.k.mh-creation .k-kachel {border-radius:12px;border-color:#e0e4ed;padding:20px}
body.k.mh-creation .k-kachel.gewaehlt {background:#f3effb;border-color:#9379cc;box-shadow:0 0 0 1px #9379cc}
body.k .an-karte {border-radius:24px;box-shadow:0 0 0 1px #e0e4eb,0 20px 70px #24252912}
.mh-flow-nav {display:flex;gap:5px;border-bottom:1px solid #e6e9ef;padding-bottom:22px;margin-bottom:28px}
.mh-flow-nav button {display:flex;gap:10px;align-items:center;padding:5px 16px 5px 0;flex:1;border:0;background:none;font:500 12px/1.4 var(--mh-font);color:#747c8b;text-align:left}
.mh-flow-nav button span {display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#f1f2f5;color:#9099a7;font-size:11px;flex-shrink:0}
.mh-flow-nav button[aria-current] {color:#34313f;font-weight:600}.mh-flow-nav button[aria-current] span {background:#2a2a32;color:#fff}
.mh-flow-brand {display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:10px 0 24px;padding:19px;background:#f7f8fb;border:1px solid #e6e8ef;border-radius:14px}
.mh-flow-brand>[data-flow-logo] {width:58px;height:58px;border-radius:13px;background:#fff;border:1px solid #e0e4eb;display:grid;place-items:center;font-weight:600;color:#8a7aab;padding:5px;flex-shrink:0}
.mh-flow-brand>label {flex:1;min-width:180px;font-size:12px}
.mh-flow-brand strong {display:block;font-size:13px}.mh-flow-brand strong small {font-size:10px;font-weight:400;color:#9097a5;margin-left:6px}
.mh-flow-brand label>span {display:block;font-size:11px;color:#8a92a0;margin:4px 0 8px}
.mh-flow-brand input {max-width:100%;font-size:11px;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}
.mh-flow-brand input::file-selector-button {border:1px solid #d9deea;background:#fff;padding:6px 10px;border-radius:6px;font:inherit;color:#5c4c78;cursor:pointer;margin-right:7px}
.mh-flow-brand>p {width:100%;font-size:11px;color:#6d55a0;margin:0}
.mh-flow-actions {display:flex;gap:12px;justify-content:space-between;border-top:1px solid #e7e9f0;padding-top:24px;margin-top:26px}
.mh-flow-actions button {border:1px solid #dce1eb;background:#fff;padding:13px 20px;border-radius:11px;font:500 13px/1.5 var(--mh-font);cursor:pointer;color:#596272}
.mh-flow-actions [data-flow-next] {margin-left:auto;background:#292a30;color:#fff;border-color:#292a30}
.mh-flow-actions:has([data-flow-next][hidden]) {border:0;margin-top:0;padding-top:12px}
.mh-flow-company {display:flex;gap:15px;align-items:center;padding:24px;background:#f7f8fb;border:1px solid #e4e8f0;border-radius:15px}
.mh-flow-company>div {width:64px;height:64px;border-radius:13px;overflow:hidden;background:#fff;display:grid;place-items:center;padding:6px}
.mh-flow-company section {flex:1;min-width:0;padding:0}.mh-flow-company h2 {font-size:21px;letter-spacing:-.035em;margin:0}.mh-flow-company p {font-size:12px;color:#727a89;margin:7px 0 0}
.mh-flow-review {padding:0}
.mh-flow-company button {font:inherit;font-size:11px;border:0;background:none;color:#7057a0;cursor:pointer}
.mh-flow-review dl {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.mh-flow-review dt {font-size:11px;color:#8991a0;margin-bottom:10px}.mh-flow-review dd {font-size:14px;line-height:1.65;margin:0;color:#4b5463;overflow-wrap:anywhere}
.mh-flow-included {border-top:1px solid #e7ebf2;padding-top:22px}.mh-flow-included h3 {font-size:17px;letter-spacing:-.025em}.mh-flow-included p,.mh-flow-included li {font-size:12px;color:#818998;line-height:1.8}
.mh-flow-included ul {padding-left:20px}
.mh-flow-initial {font-size:20px;color:#857099}
@media(max-width:1000px) {
 body.z .z-heute-zahlen {gap:10px}
 body.z .z-heute-zahlen>button {padding:19px}
 body.z .z-heute-begruessung h2 {font-size:28px}
}
@media(max-width:700px) {
 body.z .z-kopf {padding:18px 20px;min-height:90px}
 body.z .z-kopf h1 {font-size:27px}
 body.z .z-arbeitskopf,body.z .z-bereich-navigation {padding-inline:20px}
 body.z #inhalt {padding:20px 16px}
 body.z.z-navigation-kompakt .z-seite {padding:16px 12px;width:min(300px,88vw)}
 body.z .z-heute-zahlen {grid-template-columns:1fr}
 body.z .z-heute-zahlen>button {border-radius:13px}
 body.z .z-tafel-kopf {padding:20px}
 body.z .z-tafel-leib {padding:20px}
 body.z:has(.mh-mail) #inhalt {padding:12px}
 body.k.mh-creation .k-links {padding:25px 22px;margin:20px auto;border-radius:18px}
 body.k.mh-creation .k-buehne {padding:0 12px}
 body.k.mh-creation h1 {font-size:29px}
 .mh-flow-nav button {font-size:10px;gap:6px;padding-right:5px}
 .mh-flow-nav button span {width:22px;height:22px}
 .mh-flow-company {padding:17px;flex-wrap:wrap}
 .mh-flow-review dl {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {
 body:is(.z,.k) *,body:is(.z,.k) *::before,body:is(.z,.k) *::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
}
