/* Beispielbüro. Nur auf Startseite und Beispielbüro-Seite geladen.
   Alles mit „b-“ vorn gehört zur Demo. Papier, Werkstattgrün, Terrakotta, Messing;
   Stempel und Paketkarton sind die einzigen Spielereien – sie tragen Bedeutung. */
.b-app {
  --b-papier:#f4f1e9;
  --b-weiss:#fffcf6;
  --b-tinte:#1f2923;
  --b-leise:#56625a;
  --b-zart:#5f6961;
  --b-linie:#dcd8cc;
  --b-linie-stark:#c9c4b6;
  --b-gruen:#2f4a3c;
  --b-gruen-dunkel:#22342a;
  --b-gruen-hell:#e5ece4;
  --b-signal:#a8472c;
  --b-signal-hell:#f6e4dc;
  --b-messing:#b08d55;
  --b-messing-hell:#f5ecda;
  --b-blau:#2f5f7f;
  --b-blau-hell:#e2ecf2;
  --b-gelb:#946f16;
  --b-gelb-hell:#f6ecd2;
  --b-ok:#3f6e4f;
  --b-ok-hell:#e3eee5;
  --b-grau:#7a8079;
  --b-kraft:#caa978;
  --b-serif:Georgia,'Times New Roman',serif;
  --b-sans:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --b-mono:ui-monospace,'SF Mono','Cascadia Mono',Menlo,Consolas,monospace;
  --b-kurve:cubic-bezier(.22,1,.36,1);
  position:relative;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  height:clamp(660px,86vh,880px);
  background:var(--b-papier);
  color:var(--b-tinte);
  font:14.5px/1.5 var(--b-sans);
  border:1px solid #1f292326;
  border-radius:12px;
  overflow:clip;
  box-shadow:0 1px 0 #fff inset,0 40px 80px -40px #1c2b2366,0 12px 30px -18px #1c2b2340;
  text-align:left;
  -webkit-font-smoothing:antialiased
}
/* Grundregeln mit :where() ohne Gewicht: Seitenweite Regeln (graue Absätze, Serifen-Überschriften)
   kommen nicht durch, und jede Regel weiter unten gewinnt trotzdem. */
:where(.b-app) *,:where(.b-app) *:before,:where(.b-app) *:after { box-sizing:border-box }
:where(.b-app) :is(p,li,dd,dt,small,blockquote) { color:inherit }
:where(.b-app) :is(h3,h4,h5) { font-family:inherit;font-size:inherit;font-weight:700;letter-spacing:normal;line-height:1.3;color:inherit }
:where(.b-app) em { color:inherit }
:where(.b-app) :is(button,input,textarea) { font:inherit;color:inherit }
:where(.b-app) button { cursor:pointer }
:where(.b-app) button:disabled { cursor:not-allowed }
:where(.b-app) :is(h3,h4,h5,p,ul,ol,dl,dd,blockquote,pre,figure,fieldset) { margin:0 }
:where(.b-app) :is(ul,ol) { padding:0;list-style:none }
:where(.b-app) :focus-visible { outline:2.5px solid var(--b-signal);outline-offset:2px }
.b-app [hidden] { display:none!important }
.b-i { width:18px;height:18px;flex-shrink:0 }
.b-i-klein { width:13px;height:13px;vertical-align:-2px;margin-right:4px }
.b-sr { position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap }
.b-mono { font-family:var(--b-mono);font-size:.92em;letter-spacing:-.01em }
.b-klein { font-size:12.5px;color:var(--b-leise);line-height:1.5 }
.b-amber { color:var(--b-gelb);font-weight:600 }

/* ── Fensterleiste ───────────────────────────────────────── */
.b-titel {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:46px;
  padding:6px 12px 6px 16px;
  background:linear-gradient(#fbf9f3,#f1ede3);
  border-bottom:1px solid var(--b-linie)
}
.b-punkte { display:flex;gap:6px }
.b-punkte i { width:10px;height:10px;border-radius:50%;background:#d8d2c3;box-shadow:inset 0 0 0 1px #0000000d }
.b-titeltext { min-width:0;font-size:12.5px;letter-spacing:.02em;color:var(--b-leise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.b-titeltext b { color:var(--b-tinte);font-weight:650 }
.b-runde-mini {
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:auto;
  padding:5px 10px;
  border:1px solid var(--b-linie);
  border-radius:99px;
  background:var(--b-weiss);
  font-size:12px;
  font-weight:600;
  color:var(--b-gruen);
  white-space:nowrap
}
.b-runde-mini i { width:64px;height:5px;border-radius:9px;background:#e6e1d5;overflow:hidden }
.b-runde-mini b { display:block;height:100%;background:var(--b-ok);border-radius:9px;transition:width .6s var(--b-kurve) }
.b-werkzeuge { display:flex;gap:6px;margin-left:auto }
.b-runde-mini:not([hidden]) + .b-werkzeuge { margin-left:0 }
.b-werkzeug {
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:32px;
  padding:0 11px;
  border:1px solid var(--b-linie);
  border-radius:8px;
  background:var(--b-weiss);
  font-size:12.5px;
  font-weight:600;
  color:var(--b-tinte)
}
.b-werkzeug:hover { border-color:var(--b-linie-stark);background:#fff }
.b-werkzeug .b-i { width:16px;height:16px }
.b-nur-icon { width:32px;padding:0;justify-content:center }
.b-hinweisschalter[aria-pressed="true"] { background:var(--b-messing-hell);border-color:#e0ceac;color:#6d5220 }

/* ── Rumpf und Navigation ────────────────────────────────── */
.b-rumpf { display:grid;grid-template-columns:212px minmax(0,1fr);min-height:0 }
.b-app[data-phase="start"] .b-rumpf,.b-app[data-phase="nacht"] .b-rumpf { grid-template-columns:minmax(0,1fr) }
.b-app[data-phase="start"] .b-nav,.b-app[data-phase="nacht"] .b-nav { display:none }
.b-nav {
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:14px 12px;
  background:radial-gradient(ellipse at 0 0,#3c5a4a,transparent 70%),var(--b-gruen-dunkel);
  color:#e9efe8;
  min-height:0;
  overflow:auto
}
.b-marke {
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 4px 14px;
  color:#fbf8ef;
  text-decoration:none
}
.b-marke span { font:600 22px/1 var(--b-serif);letter-spacing:-.04em;color:#e6c98f }
.b-navpunkt {
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:40px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:none;
  color:#d6e0d6;
  font-size:14px;
  font-weight:550;
  text-align:left
}
.b-navpunkt .b-i { color:#a9bba9 }
.b-navpunkt:hover { background:#ffffff12;color:#fff }
.b-navpunkt[aria-current="page"] { background:#f4f1e9;color:var(--b-gruen-dunkel);box-shadow:0 6px 14px -8px #000 }
.b-navpunkt[aria-current="page"] .b-i { color:var(--b-signal) }
.b-navpunkt small:not(:empty) {
  margin-left:auto;
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:99px;
  background:var(--b-signal);
  color:#fff;
  font-size:11.5px;
  font-weight:700;
  line-height:21px;
  text-align:center
}
.b-nav-mehr { display:none }
.b-nav-fuss { margin-top:auto;padding-top:16px;display:grid;gap:4px }
.b-stempel-klein {
  display:grid;
  justify-items:center;
  gap:2px;
  margin:0 4px 8px;
  padding:9px 8px 8px;
  border:1.5px solid #d9b98066;
  border-radius:6px;
  color:#e6cf9f;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  transform:rotate(-2deg)
}
.b-stempel-klein b { font:400 30px/1 var(--b-serif);letter-spacing:0;color:#f3dfb3 }
.b-navklein {
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:0;
  border-radius:7px;
  background:none;
  color:#c2cfc2;
  font-size:12.5px;
  text-align:left
}
.b-navklein:hover { background:#ffffff10;color:#fff }
.b-navklein .b-i { width:15px;height:15px }
.b-mehr,.b-mehr .b-mehr-werkstatt { display:none }
.b-inhalt {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:auto;
  padding:26px 30px 40px;
  scroll-padding-top:20px;
  outline:none
}
.b-inhalt.b-wechsel > * { animation:b-ein .45s var(--b-kurve) both }
.b-inhalt.b-wechsel > *:nth-child(2) { animation-delay:.04s }
.b-inhalt.b-wechsel > *:nth-child(3) { animation-delay:.08s }
@keyframes b-ein { from { opacity:0;transform:translateY(8px) } }

/* ── Kopf einer Ansicht ─────────────────────────────────── */
.b-kopf { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 20px;margin-bottom:22px }
.b-kopf h3 { font:400 31px/1.12 var(--b-serif);letter-spacing:-.025em;color:var(--b-tinte);outline:none }
.b-kicker { display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-leise) }
.b-kicker .b-i { width:15px;height:15px }
.b-kopftext { margin-top:7px;max-width:62ch;color:var(--b-leise);font-size:14.5px }
.b-tagsatz { margin-top:8px;max-width:70ch;color:var(--b-leise);font-size:14px }
.b-tagsatz b { color:var(--b-tinte);font-weight:700 }

/* ── Knöpfe ─────────────────────────────────────────────── */
.b-knopf {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:7px 14px;
  border:1px solid var(--b-linie-stark);
  border-radius:8px;
  background:var(--b-weiss);
  color:var(--b-tinte);
  font-size:13.5px;
  font-weight:650;
  line-height:1.25;
  text-decoration:none;
  overflow:hidden;
  transition:background .2s,border-color .2s,transform .3s var(--b-kurve),box-shadow .3s
}
.b-knopf:hover:not(:disabled) { border-color:#a9a293;background:#fff;transform:translateY(-1px);box-shadow:0 6px 14px -10px #1c2b23 }
.b-knopf:active:not(:disabled) { transform:translateY(0) }
.b-knopf:disabled { opacity:.45 }
.b-knopf .b-i { width:16px;height:16px }
.b-knopf small { font-weight:500;opacity:.75;font-size:12px }
.b-primaer { background:var(--b-gruen-dunkel);border-color:var(--b-gruen-dunkel);color:#fbf8ef }
.b-primaer:hover:not(:disabled) { background:#1a2821;border-color:#1a2821 }
.b-gross { min-height:48px;padding:10px 20px;font-size:15px;border-radius:10px }
.b-hell { background:#ffffff1a;border-color:#ffffff40;color:#fff }
.b-hell:hover:not(:disabled) { background:#ffffff2b;border-color:#ffffff66 }
.b-knopf.b-klein { min-height:32px;padding:5px 11px;font-size:12.5px }
.b-textknopf {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 4px;
  border:0;
  background:none;
  color:var(--b-gruen);
  font-size:13px;
  font-weight:650;
  text-decoration:underline;
  text-decoration-color:#2f4a3c55;
  text-underline-offset:3px
}
.b-textknopf:hover { color:var(--b-signal);text-decoration-color:currentColor }
.b-textknopf .b-i { width:15px;height:15px }
.b-knopf.b-kunde { border-color:#b8cddd;background:var(--b-blau-hell);color:#1f4560;font-weight:600;border-radius:16px 16px 16px 4px }
.b-knopf.b-kunde:hover:not(:disabled) { background:#d6e5ef;border-color:#95b5cb }
.b-aktionszeile { display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px }
.b-optionen { display:flex;flex-wrap:wrap;gap:8px;margin-top:12px }
.b-klickwelle { position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:currentColor;opacity:.25;pointer-events:none;animation:b-welle .6s ease-out forwards }
@keyframes b-welle { to { transform:scale(24);opacity:0 } }

/* ── Karten und Tafeln ──────────────────────────────────── */
.b-panel { padding:18px 18px 16px;border:1px solid var(--b-linie);border-radius:11px;background:var(--b-weiss);box-shadow:0 1px 0 #fff inset }
.b-panel + .b-panel { margin-top:12px }
.b-panel h4 { margin-bottom:10px;font-size:15.5px;font-weight:700;letter-spacing:-.01em }
.b-panel h5 { display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:10px;font-size:14px;font-weight:700 }
.b-panel h5 small { font-size:12px;font-weight:500;color:var(--b-leise) }
.b-leer { display:grid;gap:6px;justify-items:start;padding:22px;border:1.5px dashed var(--b-linie-stark);border-radius:11px;color:var(--b-leise) }
.b-leer b { color:var(--b-tinte);font-size:15px }

/* ── Start ──────────────────────────────────────────────── */
.b-start { display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px 34px;align-items:start;max-width:1080px;margin:0 auto;padding:22px 6px 10px }
.b-start h3 { font:400 clamp(30px,3.3vw,44px)/1.08 var(--b-serif);letter-spacing:-.03em;outline:none }
.b-start-text { margin-top:14px;max-width:62ch;font-size:16px;color:var(--b-leise) }
.b-branchen { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:26px 0 22px;padding:0;border:0 }
.b-branchen legend { grid-column:1/-1;margin-bottom:10px;padding:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--b-leise) }
.b-branche {
  display:grid;
  gap:5px;
  align-content:start;
  min-height:96px;
  padding:12px 11px 11px;
  border:1.5px solid var(--b-linie);
  border-radius:11px;
  background:var(--b-weiss);
  text-align:left;
  transition:border-color .2s,transform .3s var(--b-kurve),box-shadow .3s
}
.b-branche b { font-size:13.5px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;hyphens:manual }
.b-branche small { font-size:12px;line-height:1.4;color:var(--b-leise) }
.b-branche:hover { border-color:#b3ab98;transform:translateY(-2px) }
.b-branche[aria-pressed="true"] { border-color:var(--b-gruen);background:#fff;box-shadow:0 0 0 3px #2f4a3c1f,0 14px 24px -18px #1c2b23 }
.b-branche[aria-pressed="true"] b:after { content:' ✓';color:var(--b-ok) }
.b-start-aktionen { display:flex;flex-wrap:wrap;gap:10px }
.b-start-fuss { display:flex;align-items:center;gap:7px;margin-top:18px;font-size:12.5px;color:var(--b-leise) }
.b-start-fuss .b-i { width:15px;height:15px }
/* Vorschau der Morgenrunde: ein Zettel neben dem Start, damit klar ist, was kommt */
.b-start-tisch {
  position:relative;
  margin-top:34px;
  padding:26px 22px 18px;
  border-radius:3px;
  background:linear-gradient(#fffdf7,#faf5e9);
  box-shadow:0 1px 0 #fff inset,0 24px 40px -26px #1c2b2399,0 0 0 1px #e2dac8;
  transform:rotate(.7deg)
}
.b-start-tisch:before { content:'';position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e98a6c,var(--b-signal) 55%,#6f2a17);box-shadow:0 3px 5px #0004 }
.b-start-tisch-kopf { padding-bottom:10px;border-bottom:2px solid var(--b-tinte);font:400 19px/1.2 var(--b-serif);letter-spacing:-.01em }
.b-start-tisch ol { counter-reset:tisch }
.b-start-tisch li { position:relative;padding:8px 0 8px 28px;border-bottom:1px solid #ece4d3;font-size:13.5px;line-height:1.4 }
.b-start-tisch li:before { content:'';position:absolute;left:1px;top:10px;width:14px;height:14px;border:1.5px solid #b9ad93;border-radius:3px;background:#fff }
.b-start-tisch-fuss { margin-top:10px;font-size:12.5px;color:var(--b-leise) }

/* ── Nachtlauf ──────────────────────────────────────────── */
.b-app[data-phase="nacht"] .b-inhalt { background:radial-gradient(ellipse at 80% -10%,#3b5e7266,transparent 55%),radial-gradient(ellipse at 10% 110%,#2f4a3c,transparent 60%),#141d22;color:#e8edf0 }
.b-nacht { display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;height:100%;max-width:980px;margin:0 auto }
.b-nacht-kopf { display:flex;justify-content:space-between;align-items:flex-start;gap:16px }
.b-nacht-uhr span { display:block;font:400 clamp(48px,6vw,72px)/1 var(--b-serif);letter-spacing:-.04em;color:#f6ecd5;font-variant-numeric:tabular-nums }
.b-nacht-uhr small { display:block;margin-top:8px;font-size:14px;color:#b8c6cc }
.b-nacht-zahlen { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px }
.b-nacht-zahlen div { padding:10px 12px;border:1px solid #ffffff1f;border-radius:9px;background:#ffffff0a }
.b-nacht-zahlen dt { font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a9b8be }
.b-nacht-zahlen dd { margin-top:3px;font:400 26px/1 var(--b-serif);color:#fff;font-variant-numeric:tabular-nums }
.b-nacht-zahlen .b-null { border-color:#e6c98f66;background:#e6c98f14 }
.b-nacht-zahlen .b-null dd { color:#f3dcaa }
.b-hoch { animation:b-hoch .5s var(--b-kurve) }
@keyframes b-hoch { 40% { transform:translateY(-4px);color:#e6c98f } }
.b-schichtbuch { min-height:0;overflow:auto;padding:4px 2px;border-top:1px solid #ffffff1a;scroll-behavior:smooth }
.b-schichtbuch li { display:grid;grid-template-columns:52px 20px minmax(0,1fr);gap:10px;align-items:start;padding:7px 4px;border-bottom:1px solid #ffffff0f;font-size:13.5px;line-height:1.45;animation:b-zeile .45s var(--b-kurve) both }
.b-schichtbuch time { color:#9fb0b7;font-size:12.5px;padding-top:1px }
.b-schichtbuch .b-i { width:17px;height:17px;color:#9fb6c2 }
.b-schichtbuch .ist-abend { color:#c9d3d7 }
.b-schichtbuch .ist-lauf { color:#f2f5f6 }
.b-schichtbuch .ist-warn { color:#f3c27e }
.b-schichtbuch .ist-ende { color:#f6ecd5;font-weight:700 }
@keyframes b-zeile { from { opacity:0;transform:translateX(-8px) } }
.b-nacht-ende { display:flex;justify-content:flex-end }
.b-nacht-ende .b-primaer { background:#f4f1e9;border-color:#f4f1e9;color:var(--b-gruen-dunkel) }

/* ── Morgen ─────────────────────────────────────────────── */
.b-morgenkopf { align-items:flex-start }
.b-runde-karte { position:relative;flex-shrink:0 }
.b-runde-karte summary {
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 14px 8px 8px;
  border:1px solid var(--b-linie);
  border-radius:12px;
  background:var(--b-weiss);
  list-style:none;
  cursor:pointer
}
.b-runde-karte summary::-webkit-details-marker { display:none }
.b-runde-karte summary b { display:block;font-size:15px }
.b-runde-karte summary small { display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--b-leise) }
.b-ring { width:42px;height:42px;transform:rotate(-90deg) }
.b-ring circle { fill:none;stroke-width:5 }
.b-ring-grund { stroke:#e6e1d5 }
.b-ring-wert { stroke:var(--b-ok);stroke-linecap:round;transition:stroke-dashoffset .8s var(--b-kurve) }
.b-runde-karte ol {
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  z-index:5;
  width:min(360px,80vw);
  padding:10px;
  border:1px solid var(--b-linie);
  border-radius:12px;
  background:var(--b-weiss);
  box-shadow:0 24px 40px -24px #1c2b2399
}
.b-runde-karte li { display:flex;gap:9px;align-items:flex-start;padding:7px 6px;font-size:13.5px;color:var(--b-tinte) }
.b-runde-karte li .b-i { width:16px;height:16px;margin-top:2px;color:var(--b-zart) }
.b-runde-karte li.ist-fertig { color:var(--b-leise);text-decoration:line-through;text-decoration-color:#6b756d80 }
.b-runde-karte li.ist-fertig .b-i { color:var(--b-ok) }
.b-warnung {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
  padding:13px 14px;
  border:1px solid #e3c98c;
  border-left:4px solid #c9962e;
  border-radius:10px;
  background:#fbf3de
}
.b-warnung > .b-i { width:22px;height:22px;color:#a06f10 }
.b-warnung b { font-size:14px }
.b-warnung p { font-size:13px;color:#5d4c26;margin-top:2px }
.b-morgenraster { display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start }
.b-zuerst {
  margin-bottom:14px;
  padding:14px 14px 10px;
  border:1px solid #e4c9bd;
  border-left:4px solid var(--b-signal);
  border-radius:11px;
  background:#fdf6f2
}
.b-zuerst h4 { display:flex;align-items:center;gap:9px;margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7d3520 }
.b-rotpunkt { width:9px;height:9px;border-radius:50%;background:var(--b-signal);box-shadow:0 0 0 4px #a8472c26;animation:b-pochen 2.4s ease-in-out infinite }
@keyframes b-pochen { 50% { box-shadow:0 0 0 7px #a8472c10 } }
.b-zuerst ol { counter-reset:zuerst }
.b-zuerst li button {
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  width:100%;
  padding:9px 6px;
  border:0;
  border-top:1px solid #efd9ce;
  background:none;
  text-align:left;
  font-size:14px;
  line-height:1.45
}
.b-zuerst li:first-child button { border-top:0 }
.b-zuerst li button:before { counter-increment:zuerst;content:counter(zuerst);font:700 13px/1 var(--b-mono);color:var(--b-signal) }
.b-zuerst li button:hover { background:#f8e9e1 }
.b-zuerst li button .b-i { width:16px;height:16px;color:var(--b-signal) }
.b-plan { display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px }
.b-kachel { display:flex;flex-direction:column;padding:12px 12px 10px;border:1px solid var(--b-linie);border-radius:11px;background:var(--b-weiss) }
.b-kachel header { display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'emoji titel zahl' 'emoji wer zahl';column-gap:10px;align-items:center;margin-bottom:6px }
.b-kachel-emoji { grid-area:emoji;font-size:20px;line-height:1 }
.b-kachel h4 { grid-area:titel;font-size:14px;font-weight:700;line-height:1.25 }
.b-wer { grid-area:wer;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--b-zart) }
.b-zahl { grid-area:zahl;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:var(--b-gruen-dunkel);color:#fff;font-size:12.5px;font-weight:700;line-height:26px;text-align:center }
.b-kachel-fragen .b-zahl { background:var(--b-signal) }
.b-kachel-zeilen { display:grid }
.b-planzeile {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px 6px;
  border:0;
  border-top:1px solid #efebe1;
  background:none;
  text-align:left
}
.b-planzeile:first-child { border-top:0 }
.b-planzeile:hover { background:#f6f2e8;border-radius:7px }
.b-planzeile b { display:block;font-size:13.5px;font-weight:650;line-height:1.3 }
.b-planzeile small { display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--b-leise) }
.b-planzeile > .b-i { width:15px;height:15px;color:var(--b-zart) }
.b-planzeile.ist-gesperrt small { color:#80662e }
.b-alle { justify-self:start;margin:2px 0 4px }
.b-kachel-hilfe { margin-top:auto;padding-top:8px;font-size:12px;line-height:1.45;color:var(--b-zart);border-top:1px dashed var(--b-linie) }
.b-morgen-seite { display:grid;gap:12px }
.b-nachtbilanz {
  position:relative;
  padding:16px 16px 14px;
  border-radius:12px;
  background:radial-gradient(ellipse at 100% 0,#3b5e7240,transparent 60%),#1d2a2e;
  color:#e7edef;
  overflow:hidden
}
.b-nachtbilanz h4 { display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;color:#f6ecd5 }
.b-nachtbilanz h4 .b-i { color:#e6c98f }
.b-nachtbilanz li { padding:7px 0;border-top:1px solid #ffffff14 }
.b-nachtbilanz li b { display:block;font-size:13.5px;color:#fff }
.b-nachtbilanz li small { display:block;font-size:12px;line-height:1.45;color:#b4c3c8 }
.b-stempel {
  display:inline-block;
  margin:12px 0 10px;
  padding:6px 10px;
  border:2px solid #e6c98fcc;
  border-radius:5px;
  color:#f0d9a8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  transform:rotate(-2.5deg)
}
.b-stempel b { margin-left:4px;font:400 20px/1 var(--b-serif);letter-spacing:0;vertical-align:-2px }
.b-nachtbilanz .b-knopf { display:flex;width:100%;background:#ffffff14;border-color:#ffffff33;color:#fff }
.b-nachtbilanz .b-knopf:hover:not(:disabled) { background:#ffffff24;border-color:#ffffff55 }
.b-unveraendert { padding:14px;border:1px solid var(--b-linie);border-radius:11px;background:#f9f6ef }
.b-unveraendert h4 { margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--b-leise) }
.b-unveraendert button { display:grid;width:100%;padding:8px 4px;border:0;border-top:1px solid #ebe6da;background:none;text-align:left }
.b-unveraendert button:hover { background:#f2ede1 }
.b-unveraendert button b { font-size:13.5px }
.b-unveraendert button small { font-size:12.5px;color:var(--b-leise) }
.b-unveraendert .b-klein { margin-top:6px }
.b-geschafft {
  margin-bottom:16px;
  padding:20px 22px;
  border:1px solid #bcd3c1;
  border-radius:12px;
  background:linear-gradient(135deg,#e6efe6,#f4f1e9)
}
.b-geschafft h4 { font:400 23px/1.2 var(--b-serif);letter-spacing:-.02em;max-width:34ch }
.b-geschafft p:not(.b-kicker) { margin-top:8px;max-width:62ch;color:var(--b-leise) }

/* ── Listen mit Detail (Freigaben, Aufträge) ─────────────── */
.b-zweispalt { display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;align-items:start }
.b-liste { display:grid;gap:14px;position:sticky;top:0 }
.b-listengruppe h4 { display:flex;align-items:center;gap:8px;margin:0 0 6px 4px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--b-leise) }
.b-listengruppe h4 span { padding:1px 7px;border-radius:99px;background:#e9e4d8;font-size:11px;letter-spacing:0;color:var(--b-tinte) }
.b-listenzeile {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  margin-bottom:5px;
  padding:10px 11px;
  border:1px solid var(--b-linie);
  border-radius:10px;
  background:var(--b-weiss);
  text-align:left;
  transition:border-color .2s,box-shadow .2s
}
.b-listenzeile:hover { border-color:var(--b-linie-stark) }
.b-listenzeile.ist-aktiv { border-color:var(--b-gruen);box-shadow:0 0 0 3px #2f4a3c1a }
.b-listenzeile > .b-i { color:var(--b-leise) }
.b-listenzeile b { display:block;font-size:13.5px;line-height:1.3 }
.b-listenzeile b em { font-style:normal;font-weight:500;color:var(--b-zart);font-family:var(--b-mono);font-size:12px }
.b-listenzeile small { display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--b-leise);overflow:hidden;text-overflow:ellipsis }
.b-listenzeile.ist-gesperrt { background:#faf5e9;border-style:dashed }
.b-listenzeile i { font-style:normal }
.b-marke-geaendert { padding:2px 7px;border-radius:99px;background:var(--b-messing-hell);color:#6d5220;font-size:11px;font-weight:700 }
.b-marke-gruen { padding:2px 7px;border-radius:99px;background:var(--b-ok-hell);color:var(--b-ok);font-size:11px;font-weight:700;font-family:var(--b-mono) }
.b-auftrag { border-left-width:4px }
.b-rand-rot { border-left-color:var(--b-signal) }
.b-rand-blau { border-left-color:var(--b-blau) }
.b-rand-gelb { border-left-color:#c79a2e }
.b-rand-gruen { border-left-color:var(--b-ok) }
.b-rand-grau { border-left-color:#b9bcb5 }
.b-zurueck { display:none }
.b-avatar {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#e7e1d2;
  color:#4d4535;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  flex-shrink:0
}
.b-avatar-1 { background:#dfe8e1;color:#2f4a3c }
.b-avatar-2 { background:#e5e6ef;color:#3a4266 }
.b-avatar-3 { background:#f1e0d6;color:#7d3520 }

/* ── Leser (Freigaben) ──────────────────────────────────── */
.b-leser,.b-akte { min-width:0;padding:18px;border:1px solid var(--b-linie);border-radius:12px;background:var(--b-weiss);box-shadow:0 18px 40px -34px #1c2b23 }
.b-leser-kopf { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:12px }
.b-leser-kopf > .b-i { width:22px;height:22px;margin-top:2px;color:var(--b-gruen) }
.b-leser-kopf .b-kicker { margin-bottom:3px }
.b-leser-kopf h4 { font:400 20px/1.25 var(--b-serif);letter-spacing:-.01em }
.b-status { padding:3px 9px;border-radius:99px;background:#ece8dd;font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--b-leise) }
.b-status-amber { background:var(--b-messing-hell);color:#6d5220 }
.b-status-gruen { background:var(--b-ok-hell);color:var(--b-ok) }
.b-grundlage { margin-bottom:10px;border:1px solid #e7e2d6;border-radius:9px;background:#faf8f2 }
.b-grundlage summary { padding:8px 11px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b-leise);cursor:pointer }
.b-basis { display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px }
.b-basis li { display:grid;padding:6px 9px;border:1px solid #e3ddcf;border-radius:8px;background:#fff }
.b-basis b { font-size:12.5px;font-weight:650 }
.b-basis small { font-size:11.5px;color:var(--b-leise) }
.b-entwurf-text {
  display:block;
  width:100%;
  min-height:260px;
  padding:14px 15px;
  border:1px solid var(--b-linie-stark);
  border-radius:10px;
  background:#fffefb;
  font-size:14.5px;
  line-height:1.6;
  resize:vertical;
  box-shadow:inset 0 1px 2px #0000000a
}
.b-entwurf-text:focus { outline:2.5px solid #2f4a3c66;outline-offset:1px;border-color:var(--b-gruen) }
.b-leser-fuss { margin-top:10px }
.b-speicher { display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--b-leise) }
.b-speicher .b-i { width:15px;height:15px }
.b-leser-fuss .b-klein { margin-top:10px }
.b-anhang { display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:6px 10px;border:1px solid #e3ddcf;border-radius:8px;background:#faf8f2;font-size:12.5px;font-weight:600 }
.b-anhang .b-i { width:15px;height:15px;color:var(--b-signal) }
.b-sperre {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  padding:16px;
  border:1.5px dashed #d8c190;
  border-radius:11px;
  background:#fbf6ea
}
.b-sperre > .b-i { width:24px;height:24px;color:#8c6a26 }
.b-sperre b { font-size:15px }
.b-sperre p { margin-top:4px;font-size:13.5px;color:var(--b-leise) }
.b-sperre blockquote { margin-top:10px;padding:10px 12px;border-left:3px solid var(--b-messing);background:#fff;font:400 16px/1.45 var(--b-serif) }
.b-gesendet .b-text,.b-verworfen .b-text { margin-top:12px;padding:14px;border-radius:10px;background:#f7f4ec;font:14px/1.6 var(--b-sans);white-space:pre-wrap;word-break:break-word;color:#3b453f }
.b-verworfen > p { font-size:13.5px;color:var(--b-leise) }
.b-verworfen .b-text { opacity:.6;text-decoration:line-through;text-decoration-color:#0003 }
.b-stempel-gross {
  display:inline-block;
  padding:7px 12px;
  border:3px double var(--b-ok);
  border-radius:6px;
  color:var(--b-ok);
  font:800 12.5px/1.2 var(--b-sans);
  letter-spacing:.12em;
  text-transform:uppercase;
  transform:rotate(-2.2deg);
  animation:b-stempel .5s var(--b-kurve) both
}
@keyframes b-stempel { from { opacity:0;transform:rotate(-8deg) scale(1.5) } }
.b-kundenzug { margin-top:14px;padding:14px;border:1px solid #c9dae6;border-radius:11px;background:#f1f6f9 }
.b-kundenzug p { font-size:13.5px;color:#34495a }
.b-kundenantwort { display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:11px;background:var(--b-blau-hell);font-size:13.5px;color:#1f4560 }
.b-kundenantwort .b-i { color:var(--b-blau);margin-top:1px }
.b-weiter { display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px dashed var(--b-linie) }

/* ── Rückfragen ─────────────────────────────────────────── */
.b-fragenliste { display:grid;gap:14px;max-width:760px }
.b-frage { padding:18px 20px;border:1px solid var(--b-linie);border-radius:12px;background:var(--b-weiss);transition:box-shadow .4s,border-color .4s }
.b-frage.ist-fokus { border-color:var(--b-signal);box-shadow:0 0 0 4px #a8472c1f }
.b-frage header { display:flex;align-items:center;gap:10px;margin-bottom:8px }
.b-frage-nr { display:inline-block;padding:3px 9px;border-radius:6px;background:var(--b-signal);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap }
.b-frage h4 { font-size:14.5px;font-weight:700;color:var(--b-leise) }
.b-frage-text { font:400 19px/1.45 var(--b-serif);color:var(--b-tinte) }
.b-quellen { display:flex;flex-wrap:wrap;gap:6px;margin-top:12px }
.b-quellen li { padding:3px 9px;border:1px solid #e5dfd1;border-radius:99px;background:#faf8f2;font-size:12px;color:var(--b-leise) }
.b-folgen { display:grid;gap:6px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--b-linie) }
.b-folgen div { display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:10px;font-size:12.5px }
.b-folgen dt { font-weight:700 }
.b-folgen dd { color:var(--b-leise) }
.b-beantwortet { max-width:760px;margin-top:20px }
.b-beantwortet h4 { margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--b-leise) }
.b-antwortzeile { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--b-linie);border-radius:10px;background:#faf8f2;margin-bottom:6px }
.b-antwortzeile .b-frage-nr { background:#8a8f88 }
.b-antwortzeile b { display:block;font-size:13.5px }
.b-antwortzeile small { font-size:12.5px;color:var(--b-leise) }

/* ── Aufträge und Akte ──────────────────────────────────── */
.b-filterleiste { display:grid;gap:10px;margin-bottom:16px }
.b-suche { display:flex;align-items:center;gap:9px;height:42px;padding:0 13px;border:1px solid var(--b-linie-stark);border-radius:10px;background:var(--b-weiss) }
.b-suche .b-i { color:var(--b-zart) }
.b-suche input { flex:1;min-width:0;border:0;outline:0;background:none;font-size:14.5px }
.b-suche:focus-within { border-color:var(--b-gruen);box-shadow:0 0 0 3px #2f4a3c1f }
.b-chips { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px }
.b-filterleiste .b-chips { margin-bottom:0 }
.b-chip {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:4px 11px;
  border:1px solid var(--b-linie);
  border-radius:99px;
  background:var(--b-weiss);
  font-size:12.5px;
  font-weight:600;
  color:var(--b-tinte)
}
.b-chip span { color:var(--b-zart);font-weight:700 }
.b-chip[aria-pressed="true"] { background:var(--b-gruen-dunkel);border-color:var(--b-gruen-dunkel);color:#fff }
.b-chip[aria-pressed="true"] span { color:#cfe0d1 }
.b-farbe { display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0 }
.b-farbe-rot { background:var(--b-signal) }
.b-farbe-blau { background:var(--b-blau) }
.b-farbe-gelb { background:#c79a2e }
.b-farbe-gruen { background:var(--b-ok) }
.b-farbe-grau { background:#9da19b }
.b-ampel { width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--b-linie) }
.b-ampel-gruen { background:#3f8a55 }
.b-ampel-gelb { background:#d2a52f }
.b-ampel-orange { background:#d77a2f }
.b-ampel-rot { background:#b63d2c }
.b-kein-treffer { padding:10px 6px;font-size:13px;color:var(--b-leise) }
.b-akte { padding:0;overflow:hidden }
.b-akte-kopf { padding:16px 18px 0;border-bottom:1px solid var(--b-linie);background:linear-gradient(#fffcf6,#faf7ef) }
.b-akte-titel { display:flex;align-items:center;gap:12px }
.b-akte-titel .b-avatar { width:44px;height:44px;font-size:14px }
.b-akte-titel h4 { font:400 22px/1.2 var(--b-serif);letter-spacing:-.015em }
.b-akte-titel p { margin-top:2px;font-size:12.5px;color:var(--b-leise) }
.b-express { padding:1px 7px;border-radius:5px;background:#f3d9cf;color:#7d3520;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase }
.b-lagezeile { display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:12px 0 12px;font-size:13.5px;color:var(--b-tinte) }
.b-lage { padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.04em;white-space:nowrap }
.b-lage-rot { background:var(--b-signal-hell);color:#7d3520 }
.b-lage-blau { background:var(--b-blau-hell);color:#1f4560 }
.b-lage-gelb { background:var(--b-gelb-hell);color:#6f5310 }
.b-lage-gruen { background:var(--b-ok-hell);color:#2e5a3c }
.b-lage-grau { background:#ecebe6;color:#5a5f58 }
.b-lage-ampel-gruen { background:#dcefe0;color:#245c34 }
.b-lage-ampel-gelb { background:#f6ecd2;color:#6f5310 }
.b-lage-ampel-orange { background:#f7e2cf;color:#7a4012 }
.b-lage-ampel-rot { background:#f5d9d3;color:#7d2a1d }
.b-reiter { display:flex;gap:2px;margin:0 -2px;overflow-x:auto;scrollbar-width:none }
.b-reiter::-webkit-scrollbar { display:none }
.b-reiter button {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 13px 10px;
  border:1px solid transparent;
  border-bottom:0;
  border-radius:9px 9px 0 0;
  background:none;
  font-size:13px;
  font-weight:650;
  color:var(--b-leise);
  white-space:nowrap
}
.b-reiter button:hover { color:var(--b-tinte) }
.b-reiter button[aria-selected="true"] { background:var(--b-weiss);border-color:var(--b-linie);border-top:3px solid var(--b-signal);color:var(--b-tinte);margin-bottom:-1px }
.b-punkt-zahl { min-width:18px;height:18px;border-radius:99px;background:var(--b-ok);color:#fff;font-style:normal;font-size:11px;font-weight:800;line-height:18px;text-align:center }
.b-akte-inhalt { padding:16px 18px }
.b-akte-inhalt .b-panel { box-shadow:none }
.b-akte-fuss { display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-top:1px solid var(--b-linie);background:#faf7ef }
.b-zutun li { position:relative;padding:5px 0 5px 22px;font-size:14px }
.b-zutun li:before { content:'';position:absolute;left:2px;top:10px;width:11px;height:11px;border:1.5px solid var(--b-linie-stark);border-radius:3px }
.b-absprache { display:grid;grid-template-columns:62px minmax(0,1fr);gap:2px 10px;padding:8px 0;border-top:1px solid #eee9de;font-size:13.5px }
.b-absprache:first-of-type { border-top:0 }
.b-absprache time { font-family:var(--b-mono);font-size:12px;color:var(--b-zart);padding-top:2px }
.b-absprache small { grid-column:2;font-size:12px;color:var(--b-leise) }
.b-abgesprochen { border-left:4px solid var(--b-ok) }
.b-kv { display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px 12px;font-size:13.5px }
.b-kv dt { color:var(--b-leise) }
.b-kv dd { word-break:break-word }
.b-versandfeld { display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px }
.b-versandfeld label,.b-paketsuche label,.b-form label { display:grid;gap:5px;font-size:12.5px;font-weight:700;color:var(--b-leise) }
.b-feld,.b-form input,.b-notizfeld textarea,.b-tippen textarea {
  min-height:40px;
  padding:8px 11px;
  border:1px solid var(--b-linie-stark);
  border-radius:9px;
  background:#fffefb;
  font-size:14.5px;
  font-weight:500;
  color:var(--b-tinte)
}
.b-versandfeld .b-feld { width:min(100%,260px);font-family:var(--b-mono) }
.b-notizfeld textarea,.b-tippen textarea { display:block;width:100%;resize:vertical;line-height:1.5 }
.b-feld:focus,.b-form input:focus,.b-notizfeld textarea:focus,.b-tippen textarea:focus { outline:2.5px solid #2f4a3c55;outline-offset:1px;border-color:var(--b-gruen) }

/* Kosten und Rechnung: grün ist, was abgesprochen ist */
.b-rechnungskopf { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:end;margin-bottom:14px;padding:14px 16px;border-radius:11px;background:var(--b-gruen-dunkel);color:#fff }
.b-rechnungskopf span { font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9d8cc }
.b-rechnungskopf strong { grid-row:span 2;font:400 30px/1 var(--b-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums }
.b-rechnungskopf small { font-size:12.5px;color:#c9d8cc }
.b-rechnungskopf.ist-erstellt { background:linear-gradient(135deg,#2f4a3c,#22342a) }
.b-posgruppe { margin-bottom:12px }
.b-posgruppe h5 { display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--b-leise) }
.b-posgruppe h5 small { font-weight:500;letter-spacing:0;text-transform:none;font-size:12px }
.b-posgruppe h5 .b-i { width:14px;height:14px }
.b-pos {
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  width:100%;
  margin-bottom:6px;
  padding:10px 12px;
  border:1px solid var(--b-linie);
  border-radius:10px;
  background:#fff;
  text-align:left;
  transition:border-color .2s,background .2s
}
.b-pos:hover:not(:disabled) { border-color:var(--b-linie-stark) }
.b-pos.ist-abgesprochen { border-left:4px solid var(--b-ok) }
.b-soll .b-pos { background:#f3f8f3 }
.b-rest .b-pos { background:#fbfaf6;border-style:dashed }
.b-haken { display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--b-linie-stark);border-radius:6px;background:#fff }
.b-pos.ist-drauf .b-haken { background:var(--b-ok);border-color:var(--b-ok);color:#fff }
.b-haken .b-i { width:15px;height:15px;stroke-width:2.4 }
.b-pos-text b { display:block;font-size:13.5px;font-weight:650 }
.b-pos-text small { display:block;font-size:12px;color:var(--b-leise) }
.b-pos-preis { font:600 13.5px/1 var(--b-mono);font-variant-numeric:tabular-nums }
.b-pos:disabled { opacity:1 }
.b-pos-klein { padding:8px 10px }
.b-haken-liste li + li { margin-top:0 }

/* Verlauf und Nachrichten */
.b-verlauf { margin-top:14px;border-left:2px solid var(--b-linie);margin-left:10px }
.b-verlauf li { position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:0 0 14px 16px }
.b-verlauf li > .b-i { position:absolute;left:-11px;top:0;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--b-weiss);color:var(--b-gruen);box-shadow:0 0 0 1px var(--b-linie) }
.b-verlauf div { grid-column:2 }
.b-verlauf time { display:block;font-size:12px;color:var(--b-zart) }
.b-verlauf p { font-size:13.5px }
.b-thread { display:grid;gap:10px }
.b-msg { max-width:86%;padding:10px 13px;border:1px solid var(--b-linie);border-radius:14px 14px 14px 4px;background:#fff }
.b-msg-werkstatt { justify-self:end;border-radius:14px 14px 4px 14px;background:#e9f0e8;border-color:#cfdfcf }
.b-msg-kopf { display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11.5px;font-weight:700;color:var(--b-leise) }
.b-msg-kopf .b-i { width:14px;height:14px }
.b-msg p { font-size:13.5px;white-space:pre-wrap;word-break:break-word }
.b-msg.ist-entwurf { background:#fffaf0;border-style:dashed;border-color:#d8c190 }
.b-zitat { padding:12px 14px;border-left:3px solid var(--b-messing);background:#faf8f2;font:400 16px/1.5 var(--b-serif) }

/* ── Werkstatt ──────────────────────────────────────────── */
.b-werkraster { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start }
.b-werkraster .b-panel + .b-panel { margin-top:0 }
.b-rekorder { grid-row:span 2 }
.b-diktate { display:grid;gap:8px;margin-top:12px }
.b-diktat {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:11px 13px;
  border:1px solid var(--b-linie);
  border-radius:11px;
  background:#fff;
  text-align:left;
  transition:border-color .2s,transform .3s var(--b-kurve)
}
.b-diktat .b-i { width:34px;height:34px;padding:8px;border-radius:50%;background:var(--b-signal-hell);color:var(--b-signal) }
.b-diktat b { display:block;font-size:14px }
.b-diktat small { display:block;font-size:12px;color:var(--b-leise) }
.b-diktat:hover:not(:disabled) { border-color:#d9b7a8;transform:translateX(2px) }
.b-diktat:disabled { opacity:.5 }
.b-aufnahme { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:11px;background:#221a17;color:#f3e7e2;font-size:13px }
.b-rec { width:12px;height:12px;border-radius:50%;background:#e25b3d;box-shadow:0 0 0 0 #e25b3d88;animation:b-rec 1.2s ease-out infinite }
@keyframes b-rec { 70% { box-shadow:0 0 0 10px #e25b3d00 } }
.b-welle { display:flex;align-items:center;gap:3px;height:24px }
.b-welle i { width:3px;height:30%;border-radius:2px;background:#f0b8a8;animation:b-pegel .9s ease-in-out infinite }
.b-welle i:nth-child(3n) { animation-delay:.15s }
.b-welle i:nth-child(3n+1) { animation-delay:.3s }
.b-welle i:nth-child(4n) { animation-duration:.7s }
@keyframes b-pegel { 50% { height:100% } }
.b-transkript { margin-top:10px;min-height:22px;padding:10px 12px;border-left:3px solid var(--b-signal);background:#fdf6f2;font:italic 400 15px/1.5 var(--b-serif);color:#3f2a22 }
.b-transkript:empty { display:none }
.b-transkript.ist-fertig { margin-top:0;margin-bottom:12px }
.b-zuordnung { margin-top:14px;padding:14px;border:1px solid #cfe0d1;border-radius:11px;background:#f1f7f1 }
.b-zuordnung h5 { margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--b-ok) }
.b-zuordnung li { display:flex;gap:8px;align-items:flex-start;padding:3px 0;font-size:13.5px }
.b-zuordnung li .b-i { width:16px;height:16px;margin-top:2px;color:var(--b-ok) }
.b-tippen { margin-top:14px;border-top:1px dashed var(--b-linie);padding-top:10px }
.b-tippen summary { font-size:13px;font-weight:650;color:var(--b-gruen);cursor:pointer;margin-bottom:8px }
.b-paket { display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:start }
/* Schmale Spalte (Tablet, Großansicht halb): Karton über die Suche statt daneben */
.b-werkraster > .b-panel { container-type:inline-size }
@container (max-width:520px) {
  .b-paket { grid-template-columns:minmax(0,1fr) }
  .b-karton { width:min(220px,100%);justify-self:center }
}
.b-karton {
  position:relative;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:4px;
  aspect-ratio:1/.85;
  padding:14px 10px;
  border-radius:6px;
  background:repeating-linear-gradient(95deg,#ffffff0d 0 2px,transparent 2px 7px),linear-gradient(160deg,#d6b887,#c09a64);
  box-shadow:inset 0 -10px 16px #8d6a3a33,0 10px 18px -10px #5a4020aa;
  color:#3a2c18;
  transform:rotate(-2deg)
}
.b-karton-klebeband { position:absolute;left:-6px;right:-6px;top:22%;height:22px;background:#e9dcc1cc;box-shadow:0 1px 2px #0002 }
.b-karton-label { position:relative;margin-top:24px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5c4424 }
.b-filzstift { position:relative;font:900 28px/1 'Arial Black','Arial Narrow',Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#1c1c2a;transform:rotate(-4deg);text-shadow:.5px .5px 0 #1c1c2a55 }
.b-karton-fehlt { position:relative;margin-top:8px;padding:3px 7px;border:2px solid #9e2b1b;border-radius:4px;color:#9e2b1b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:rotate(3deg);background:#ffffff40 }
.b-paketsuche { display:grid;gap:10px }
.b-treffer-zeile { display:grid;gap:10px;padding:12px;border:1px solid #cfe0d1;border-radius:11px;background:#f5faf5 }
.b-treffer-zeile b { font-size:14px }
.b-treffer-zeile small { display:block;margin-top:2px;font-size:12.5px;color:var(--b-leise) }
.b-gruende { display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px }
.b-gruende li { display:flex;align-items:center;gap:4px;font-size:12px;font-weight:650;color:var(--b-ok) }
.b-gruende .b-i { width:14px;height:14px }
.b-erledigt { display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:10px;background:var(--b-ok-hell);font-size:13.5px;color:#2e5a3c }
.b-erledigt .b-i { color:var(--b-ok);margin-top:1px }
.b-teil { display:grid;gap:10px;padding:12px 0;border-top:1px solid #eee9de }
.b-teil:first-of-type { border-top:0;padding-top:4px }
.b-teil b { font-size:14px }
.b-teil small { display:block;font-size:12.5px;color:var(--b-leise) }
.b-teilknoepfe { display:flex;flex-wrap:wrap;gap:6px }
.b-teilknoepfe .b-knopf { min-height:34px;padding:5px 10px;font-size:12.5px }
.b-teilantwort { display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#2e5a3c }
.b-teilantwort .b-i { width:15px;height:15px;color:var(--b-ok) }
.b-teilantwort small { color:var(--b-leise) }
.b-notizliste li { display:grid;gap:3px;padding:9px 0;border-top:1px solid #eee9de }
.b-notizliste li:first-child { border-top:0 }
.b-notizliste time { font-size:11.5px;font-weight:700;color:var(--b-zart);font-family:var(--b-mono) }
.b-notizliste q { font:italic 400 14px/1.45 var(--b-serif);color:#3b453f }
.b-ergebnis { display:flex;gap:5px;align-items:center;font-size:12.5px;font-weight:650;color:var(--b-gruen) }
.b-ergebnis .b-i { width:14px;height:14px }

/* ── Eingänge ───────────────────────────────────────────── */
.b-eingangsliste { display:grid;gap:6px }
.b-eingang {
  display:grid;
  grid-template-columns:22px 92px minmax(0,1.3fr) minmax(0,1fr);
  gap:12px;
  align-items:center;
  width:100%;
  padding:11px 13px;
  border:1px solid var(--b-linie);
  border-radius:10px;
  background:var(--b-weiss);
  text-align:left
}
.b-eingang:hover { border-color:var(--b-linie-stark) }
.b-eingang > .b-i { color:var(--b-gruen) }
.b-eingang-zeit { font-size:12px;color:var(--b-zart) }
.b-eingang-von b { display:block;font-size:13.5px }
.b-eingang-von small { display:block;font-size:12.5px;line-height:1.4;color:var(--b-leise) }
.b-eingang-ergebnis { justify-self:start;padding:4px 10px;border-radius:8px;background:var(--b-gruen-hell);font-size:12.5px;font-weight:650;color:#294536;line-height:1.35 }
.b-eingang.ist-fehler { border-color:#e3c98c;background:#fbf3de }
.b-eingang.ist-fehler .b-eingang-ergebnis { background:#f3e2b5;color:#6d5220 }
/* Aussortiert: gestrichelt statt blass – die Schrift bleibt gut lesbar. */
.b-eingang.ist-werbung { border-style:dashed;background:transparent }
.b-eingang.ist-werbung .b-eingang-ergebnis { background:#ecebe6;color:#5a5f58 }

/* ── Geld ───────────────────────────────────────────────── */
.b-zahlung { display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #eee9de }
.b-zahlung:first-of-type { border-top:0 }
.b-zahlung > .b-i { color:var(--b-gruen);margin-top:2px }
.b-zahlung b { font-size:14px }
.b-zahlung small { display:block;font-size:12.5px;color:var(--b-leise) }
.b-zahlung p { margin-top:4px;font-size:13px }
.b-zahlung .b-optionen { margin-top:0;justify-content:flex-end }
.b-zahlung-unsicher { margin:0 -10px;padding:12px 10px;border:1.5px dashed #d8c190;border-radius:10px;background:#fbf6ea }
.b-rechnungszeile { display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;width:100%;padding:11px 4px;border:0;border-top:1px solid #eee9de;background:none;text-align:left }
.b-rechnungszeile:first-of-type { border-top:0 }
.b-rechnungszeile:hover { background:#f6f2e8 }
.b-rechnungszeile b { display:block;font-size:13.5px }
.b-rechnungszeile small { font-size:12.5px;color:var(--b-leise) }
.b-rechnungszeile strong { font:600 14px/1 var(--b-mono) }
.b-ehrlich { display:flex;gap:9px;align-items:flex-start;margin-top:14px;max-width:70ch;font-size:13px;color:var(--b-leise) }
.b-ehrlich .b-i { color:#a06f10;margin-top:1px }

/* ── Hinweisleiste und Rückmeldung ─────────────────────── */
.b-hinweis {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  padding:9px 12px 9px 16px;
  border-top:1px solid #e7d8b6;
  background:#fbf4e3;
  font-size:13.5px;
  color:#4f3f1d
}
.b-hinweis-icon .b-i { color:#a07a2c }
.b-hinweis p { line-height:1.45 }
.b-hinweis .b-textknopf { color:#6d5220 }
.b-hinweis-zu { display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:none;color:#8a7440 }
.b-hinweis-zu:hover { background:#f3e6c7 }
.b-toast {
  position:absolute;
  left:50%;
  bottom:64px;
  z-index:20;
  display:flex;
  align-items:center;
  gap:9px;
  max-width:min(560px,calc(100% - 32px));
  padding:10px 16px 10px 12px;
  border-radius:12px;
  background:#1f2923;
  color:#f5f2ea;
  font-size:13.5px;
  box-shadow:0 18px 40px -16px #000;
  transform:translateX(-50%);
  animation:b-toast .35s var(--b-kurve)
}
.b-toast .b-i { color:#9fd0ac }
@keyframes b-toast { from { opacity:0;transform:translate(-50%,10px) } }
@keyframes b-toast-oben { from { opacity:0;transform:translate(-50%,-10px) } }
.b-puls { animation:b-puls 1.6s ease-out 1 }
@keyframes b-puls { 0% { box-shadow:0 0 0 0 #a8472c66 } 100% { box-shadow:0 0 0 18px #a8472c00 } }

/* ── Dialoge, Rechnung, Kundensicht ────────────────────── */
.b-dialog {
  width:min(600px,calc(100vw - 24px));
  max-height:calc(100dvh - 24px);
  padding:0;
  border:0;
  border-radius:14px;
  background:var(--b-papier);
  color:var(--b-tinte);
  box-shadow:0 40px 90px -30px #000c;
  font:14.5px/1.5 var(--b-sans)
}
.b-dialog::backdrop { background:#141d22b3;backdrop-filter:blur(3px) }
.b-dialog[open] { animation:b-dialog .35s var(--b-kurve) }
@keyframes b-dialog { from { opacity:0;transform:translateY(12px) scale(.98) } }
.b-dialog-kopf { display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 0 }
.b-dialog-kopf h3 { font:400 23px/1.2 var(--b-serif);letter-spacing:-.015em }
.b-dialog-zu { display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--b-linie);border-radius:9px;background:var(--b-weiss);color:var(--b-tinte) }
.b-dialog-inhalt { padding:14px 20px 20px }
.b-dialog-inhalt > p { color:var(--b-leise) }
.b-dialog-aktionen { display:flex;flex-wrap:wrap;gap:8px;margin-top:16px }
.b-branchen-dialog { grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:14px 0 0 }
.b-branchen-dialog .b-branche { min-height:auto }
.b-beleg { padding:18px 18px 14px;border:1px solid #e0dacb;border-radius:4px;background:#fff;box-shadow:0 18px 30px -24px #0008;font-size:13.5px }
.b-beleg-kopf { display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid var(--b-tinte) }
.b-beleg-kopf b { font:400 18px/1.2 var(--b-serif) }
.b-beleg-kopf span { font-size:12px;font-weight:700;color:var(--b-leise);text-align:right }
.b-beleg table { width:100%;margin-top:12px;border-collapse:collapse }
.b-beleg td { padding:7px 0;border-bottom:1px solid #eee9de;vertical-align:top }
.b-beleg td:last-child { text-align:right;font-family:var(--b-mono);white-space:nowrap;padding-left:12px }
.b-beleg em { font-style:normal;color:#9e2b1b;font-size:12px }
.b-beleg-summe { display:flex;justify-content:space-between;margin-top:10px;font-weight:700 }
.b-beleg-summe strong { font:600 18px/1 var(--b-mono) }
.b-beleg .b-klein { margin-top:10px }
.b-warnhinweis { display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border:1px solid #e3c98c;border-radius:9px;background:#fbf3de;font-size:13px;color:#5d4c26 }
.b-warnhinweis .b-i { color:#a06f10;margin-top:1px }
.b-handy {
  width:min(300px,100%);
  margin:4px auto 12px;
  padding:10px 12px 16px;
  border:9px solid #1d2322;
  border-radius:34px;
  background:#f7f5ef;
  box-shadow:0 24px 40px -24px #000a
}
.b-handy-leiste { display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;font:600 11.5px/1 var(--b-sans);color:#333 }
.b-handy-kerbe { width:70px;height:18px;border-radius:12px;background:#1d2322 }
.b-chat-kopf { display:grid;padding:6px 8px 10px;border-bottom:1px solid #e1ddd2;margin:0 -2px 10px }
.b-chat-kopf b { font-size:13.5px }
.b-chat-kopf small { font-size:11.5px;color:var(--b-leise) }
.b-handy-chat { background:#ece6db }
.b-chat { display:grid;gap:8px;max-height:360px;overflow:auto }
.b-blase { max-width:88%;padding:8px 10px;border-radius:12px 12px 12px 3px;background:#fff;font-size:13px;line-height:1.45;white-space:pre-wrap;box-shadow:0 1px 1px #0000001a }
.b-blase-werkstatt { justify-self:end;border-radius:12px 12px 3px 12px;background:#dcecd9 }
.b-blase small { display:block;margin-top:4px;text-align:right;font-size:10.5px;color:#4a574a }
.b-mail { padding:4px 4px 0 }
.b-mail-von { display:grid;padding-bottom:8px;border-bottom:1px solid #e1ddd2 }
.b-mail-von b { font-size:13.5px }
.b-mail-von small { font-size:11.5px;color:var(--b-leise) }
.b-mail h4 { margin:10px 0 8px;font-size:14.5px;font-weight:700 }
.b-mail pre { max-height:300px;overflow:auto;font:13px/1.55 var(--b-sans);white-space:pre-wrap;word-break:break-word;color:#333 }
.b-form p { color:var(--b-leise);font-size:13.5px }
.b-formraster { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px }
.b-form label small { font-weight:500 }
.b-form input { width:100% }
.b-formfehler { min-height:20px;margin-top:8px;font-size:13px;font-weight:650;color:#9e2b1b }

/* ── Großansicht ────────────────────────────────────────── */
.b-vollbild { width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:12px;border:0;background:#141d22ee }
.b-vollbild::backdrop { background:#141d22 }
.b-vollbild .b-app { height:100%;border-radius:12px }
body.b-ist-gross { overflow:hidden }

/* ── Breiten ────────────────────────────────────────────── */
@media (max-width:1280px) {
  .b-start { grid-template-columns:minmax(0,1fr);max-width:860px }
  .b-start-tisch { display:none }
}
@media (max-width:1180px) {
  .b-morgenraster { grid-template-columns:minmax(0,1fr) }
  .b-morgen-seite { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .b-branchen { grid-template-columns:repeat(3,minmax(0,1fr)) }
}
@media (max-width:1020px) {
  .b-rumpf { grid-template-columns:72px minmax(0,1fr) }
  .b-nav { padding:12px 8px;align-items:center }
  .b-marke { margin:0 0 12px }
  .b-navpunkt { position:relative;justify-content:center;padding:0;min-height:46px }
  .b-navpunkt span { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0) }
  .b-navpunkt small:not(:empty) { position:absolute;top:3px;right:5px;min-width:18px;height:18px;line-height:18px;font-size:10.5px }
  .b-stempel-klein { display:none }
  /* Beschriftungen nur optisch weg: Vorleseprogramme nennen die Knöpfe weiter beim Namen. */
  .b-nav-fuss .b-navklein span,.b-werkzeug span { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap }
  .b-navklein { justify-content:center }
  .b-werkzeug { width:34px;padding:0;justify-content:center }
  .b-zweispalt { grid-template-columns:minmax(220px,280px) minmax(0,1fr) }
  .b-werkraster { grid-template-columns:minmax(0,1fr) }
  .b-rekorder { grid-row:auto }
  .b-eingang { grid-template-columns:22px 80px minmax(0,1fr) }
  .b-eingang-ergebnis { grid-column:3 }
}

/* Handy und Tablet hochkant: Seite scrollt, Navigation klebt unten. */
@media (max-width:900px) {
  .b-app:not(.ist-gross) { display:block;height:auto;border-radius:10px;font-size:15px }
  .b-app:not(.ist-gross) .b-rumpf { display:flex;flex-direction:column }
  .b-app:not(.ist-gross) .b-inhalt { order:1;overflow:visible;padding:20px 16px 26px;min-height:60vh }
  .b-app:not(.ist-gross) .b-nav { order:2;position:sticky;bottom:0;z-index:15 }
  .b-app:not(.ist-gross) .b-hinweis { position:sticky;bottom:66px;z-index:14 }
  .b-app:not(.ist-gross) .b-toast { position:fixed;top:12px;bottom:auto;animation-name:b-toast-oben }
  .b-app.ist-gross .b-rumpf { display:flex;flex-direction:column;min-height:0 }
  .b-app.ist-gross .b-inhalt { order:1;flex:1;padding:18px 14px 24px }
  .b-app.ist-gross .b-nav { order:2 }
  .b-titel { gap:8px;padding:6px 8px 6px 12px }
  .b-punkte { display:none }
  .b-titeltext span { display:none }
  .b-runde-mini i { width:40px }
  .b-nav {
    flex-direction:row;
    align-items:stretch;
    gap:0;
    padding:4px 4px calc(4px + env(safe-area-inset-bottom));
    background:var(--b-gruen-dunkel);
    overflow:visible;
    box-shadow:0 -10px 24px -18px #000
  }
  .b-navpunkt,.b-nav-mehr {
    position:relative;
    display:flex;
    flex:1;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    min-height:56px;
    padding:4px 2px;
    font-size:11px;
    text-align:center
  }
  .b-navpunkt span { position:static;width:auto;height:auto;overflow:visible;clip:auto;line-height:1.1 }
  .b-navpunkt .b-i { width:20px;height:20px }
  .b-navpunkt small:not(:empty) { position:absolute;top:4px;left:calc(50% + 6px);right:auto;margin:0 }
  .b-navpunkt[aria-current="page"] { box-shadow:none }
  .b-nav .b-marke,.b-nav .b-nav-fuss,.b-nav .b-nav-eingaenge,.b-nav .b-nav-geld { display:none }
  .b-werkzeug[data-aktion="branche-wechseln"] { display:none }
  .b-titel:has(.b-runde-mini:not([hidden])) .b-titeltext { display:none }
  .b-runde-mini { white-space:nowrap;padding:5px 9px }
  .b-mehr:not([hidden]) {
    position:fixed;
    left:12px;
    right:12px;
    bottom:84px;
    z-index:40;
    display:grid;
    gap:2px;
    padding:8px;
    border-radius:14px;
    background:var(--b-weiss);
    box-shadow:0 30px 60px -20px #000c
  }
  .b-mehr button { display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border:0;border-radius:9px;background:none;font-size:15px;font-weight:600;text-align:left }
  .b-mehr button:hover { background:#f2eee4 }
  .b-hinweis { grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:6px 6px 6px 12px;font-size:12.5px;box-shadow:0 -8px 20px -16px #0006 }
  .b-hinweis p { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden }
  .b-hinweis-icon .b-i { width:16px;height:16px }
  .b-hinweis [data-aktion="hinweis-zeigen"] { display:none }
  .b-kopf { flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px }
  .b-kopf h3 { font-size:26px }
  .b-morgenkopf { flex-direction:row;align-items:flex-start }
  .b-morgenkopf > div:first-child { flex:1 }
  .b-runde-karte summary { padding:6px 8px }
  .b-runde-karte summary span { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap }
  .b-runde-karte ol { width:min(320px,calc(100vw - 48px)) }
  .b-morgen-seite { grid-template-columns:minmax(0,1fr) }
  .b-plan { grid-template-columns:minmax(0,1fr) }
  .b-warnung { grid-template-columns:auto minmax(0,1fr) }
  .b-warnung .b-knopf { grid-column:1/-1 }
  .b-branchen { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .b-branche { min-height:0 }
  .b-start { padding:6px 0 0 }
  .b-start-aktionen .b-knopf { width:100%;flex-wrap:wrap;row-gap:0 }
  .b-start-aktionen .b-knopf small { flex-basis:100%;text-align:center }
  .b-nacht-zahlen { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .b-nacht-zahlen div:nth-child(4),.b-nacht-zahlen div:nth-child(5) { grid-column:span 1 }
  .b-app[data-phase="nacht"]:not(.ist-gross) .b-inhalt { min-height:80vh }
  .b-schichtbuch { max-height:52vh }
  .b-schichtbuch li { grid-template-columns:44px 18px minmax(0,1fr);gap:8px;font-size:13px }
  .b-zweispalt { display:block }
  .b-zweispalt:not(.zeigt-detail) .b-leser,.b-zweispalt:not(.zeigt-detail) .b-akte { display:none }
  .b-zweispalt.zeigt-detail .b-liste { display:none }
  .b-liste { position:static }
  .b-zurueck { display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 2px;border:0;background:none;font-size:13.5px;font-weight:700;color:var(--b-gruen) }
  .b-akte > .b-zurueck { margin:12px 14px 0 }
  .b-leser { padding:14px }
  .b-leser-kopf { grid-template-columns:auto minmax(0,1fr) }
  .b-leser-kopf .b-status { grid-column:2;justify-self:start }
  .b-entwurf-text { min-height:300px;font-size:15px }
  .b-leser-fuss .b-aktionszeile .b-primaer { flex:1 1 100% }
  .b-akte-kopf,.b-akte-inhalt { padding-left:14px;padding-right:14px }
  .b-akte-fuss { padding:12px 14px }
  .b-kv { grid-template-columns:86px minmax(0,1fr) }
  .b-folgen div { grid-template-columns:minmax(0,1fr) }
  .b-paket { grid-template-columns:minmax(0,1fr) }
  .b-karton { width:min(220px,100%);justify-self:center }
  .b-eingang { grid-template-columns:22px minmax(0,1fr);gap:4px 10px }
  .b-eingang-zeit { grid-column:2 }
  .b-eingang-von,.b-eingang-ergebnis { grid-column:2 }
  .b-zahlung { grid-template-columns:22px minmax(0,1fr) }
  .b-zahlung .b-optionen,.b-zahlung .b-status { grid-column:2;justify-content:flex-start;justify-self:start }
  .b-formraster { grid-template-columns:minmax(0,1fr) }
  .b-rechnungskopf strong { font-size:26px }
  .b-vollbild { padding:0 }
  .b-vollbild .b-app { border-radius:0 }
}
@media (max-width:380px) {
  .b-branchen { grid-template-columns:minmax(0,1fr) }
  .b-navpunkt,.b-nav-mehr { font-size:10.5px }
  .b-runde-wort { display:none }
  /* Fünf statt sechs Plätze unten: Die Werkstatt rückt ins Menü „Mehr“. */
  .b-nav .b-nav-werkstatt { display:none }
  .b-mehr .b-mehr-werkstatt { display:flex }
}

/* Bewegung: Systemeinstellung und Schalter auf der Seite */
@media (prefers-reduced-motion:reduce) {
  .b-app *,.b-app *:before,.b-app *:after { animation:none!important;transition:none!important;scroll-behavior:auto!important }
}
.bewegung-aus .b-app *,.bewegung-aus .b-app *:before,.bewegung-aus .b-app *:after { animation:none!important;transition:none!important;scroll-behavior:auto!important }

@media print {
  .b-app { height:auto;box-shadow:none;border:0 }
  .b-titel,.b-nav,.b-hinweis,.b-toast { display:none!important }
  .b-rumpf { display:block }
  .b-inhalt { overflow:visible;padding:0 }
}