/* ══════════════════════════════════════════════════════════════════════
   MAC · Schrift und Ruhe in allen Welten (M8, docs/plan-desktop-mac.md)
   ──────────────────────────────────────────────────────────────────────
   Am Mac soll das Cockpit lesen wie Systemeinstellungen oder Erinnerungen:
   keine gesperrten Versalien, eine Größe für Abschnittsköpfe, ein
   Hauptknopf je Reiter, Farbe als Punkt statt als Kante, Knöpfe mit dem
   Pfeil und ein Fokusring.

   Regeln dieser Datei:
   - Jede Regel beginnt mit html.mac (mac-frueh.js setzt die Klasse ab
     1200 px mit Maus, nie für buchhalter). Am iPhone (html.hh), am iPad und
     in der klassischen Ansicht greift nichts; mac-optik.test.js hält das fest.
   - Alles steht in @media screen: Druck (Bank-PDF, Mietaufstellung,
     Meldewesen-Aushang, Late-Checkout-Plakat) bleibt Stück für Stück, wie
     es ist, auch wenn am Mac gedruckt wird.
   - Nie in styles.css: lib/sa-pdf.js bettet styles.css ins Bankdokument ein.
   - „Was im Haus fehlt“ (#einkauf-section) und der Reiter Einkauf stehen
     auf dem Markup aus V4 (einkauf.js, team-einkauf.js: Mengenfeld,
     Amazon-Link). Seitdem gelten die Bauteil-Regeln auch dort,
     dazu Abschnitt 11 (Liste wie in Erinnerungen, „Besorgt“ bleibt).
   - Spezifität: Die Farbwelten setzen Bauteile mit :root[data-skin] (0,3,0).
     Wo das überboten werden muss, steht html.mac:root (0,3,1) davor.
   ══════════════════════════════════════════════════════════════════════ */

@media screen {

/* ── Tokens ─────────────────────────────────────────────────────────────
   --ls-wide tragen nur Versal-Etiketten. EIN Fokusring für alles: Felder
   zeichnen ihn als Schatten (--ring aus styles.css), alle anderen Bedien-
   elemente als Umriss in derselben Farbe und Breite. */
html.mac {
  --ls-wide: normal;
  --fokus-ring: color-mix(in srgb, var(--brand) 50%, transparent);
  --ring: 0 0 0 3px var(--fokus-ring);
}

/* ══ 1 · Versalien aus ════════════════════════════════════════════════
   Gesperrte Großbuchstaben („OFFEN“, „DRINGLICHKEIT“, „ZEIGE“) sind das
   deutlichste Merkmal einer Web-Oberfläche. Die Liste sind alle Selektoren
   aus styles.css und gaeste-chat.css, die uppercase setzen (mac-optik.test.js
   vergleicht sie), dazu die Kopfzeile der Welt Gruppen. Ausgenommen sind die Druckstücke
   (.sa-*, .lco-p-*): Sie stehen gar nicht in der Liste. !important, weil
   die Sperrung teils mit Zahlen (.04em …) und teils spezifischer gesetzt
   ist; :where hält die Liste selbst ohne Gewicht. */
html.mac :where(
  .gebaeude-label, .badge, .unit-stat label, .form-group label, .ka-kpi-label,
  .netto-gewinn-row .label, .kosten-table th, .global-kosten-title,
  .kosten-section-title, .alerts-sub-label, .va-titel, .pnl-table th, .kredit-hero-label,
  .kredit-table th, .inv-section-subtitle, .inv-badge, .inv-massnahmen-head, .roi-info-label,
  .roi-table th, .roi-sens-title, .opp-key, .prio-rank-num, .prio-kat-badge, .prio-meta-label,
  .prio-rest-table th, .roi-opp-title, .roi-opp-label, .roi-opp-delay-title, .liq-kredit-label,
  .liq-table-head, .rm-empfehlung-label, .rm-manual-title, .wb-top-lessons-label, .ro-teil-titel,
  .ops-typ-badge, .ops-wartung-table th, .src-badge, .t5-detail-cell span, .t5-prio-badge,
  .pl-table th, .pe-table th, .blog-posts-table th, .todo-score-lbl, .pb-ansicht-lbl,
  .pb-spalte-kopf, .pb-karte-ziele-lbl, .bk-net-lbl, .bk-score-title, .bk-sub-title,
  .msheet-title, .fund-table th, .fund-klartext-tag, .komm-kpi-lbl,
  .komm-table th, .md-grid b, .md-tl-title, .z-badge, .fin-zwischentitel, .ck-bez, .ck-tabelle th,
  .section-title, .gc-trenner, .gc-w-einheit, [style*="text-transform:uppercase"]
),
html.mac .topbar-title::before {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* ══ 2 · Abschnittsköpfe ══════════════════════════════════════════════
   Drei Größen je Welt (Glas 22 fett, Gruppen 13 in Versalien, Grund 15)
   werden eine, der Untertitel 13 in der leisen Farbe. Seit 27.10.2026
   22 fett wie in der klassischen Ansicht (vorher 17 halbfett: Die Seiten
   lasen sich dünn, auf Heute 46 halbfette gegen 73 klassisch). */
html.mac:root .section-title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  letter-spacing: -0.02em;
  color: var(--text);
}
html.mac:root .section-subtitle {
  font-size: var(--fs-sm);
  font-weight: var(--fw-normal);
  letter-spacing: 0;
  color: var(--text-muted);
}
/* Spaltenköpfe des Bretts: ohne Versalien in --text. --text-muted auf dem
   Spaltengrund lag in Klarheit und Gruppen hell bei 4,1 bzw. 3,9 : 1. */
html.mac .pb-spalte-kopf { color: var(--text); }

/* ══ 3 · Erklärtexte höchstens 72 Zeichen breit ═══════════════════════
   Über die ganze Breite von 1465 px lief ein Satz auf 150 Zeichen; das
   Auge findet den Zeilenanfang nicht wieder. */
html.mac :is(.section-subtitle, .ck-unter, .ck-hinweis, .fin-einleitung, .fin-untertitel, .data-disclaimer,
  .ge-erklaerung, .ge-hinweis, .komm-hint, .k-panel-hint, .wb-card-sub, .rm-subtitle, .pl-table-hint,
  .todo-form-hint, .blog-hint) {
  max-width: 72ch;
}

/* ══ 4 · Plaketten: grau, ohne Pulsieren ══════════════════════════════
   Die Zähler an den Reitern sprangen beim Erscheinen auf (pulse-badge).
   Rot bleibt, was „wichtig“ ist (team.js zaehler(): rot = wichtig) – das
   ist die Warnung, Akutes darf nicht leiser werden. Bernstein („achtung“,
   .tab-badge-warn) wird grau wie die Zähler in der Seitenleiste von Mail.
   Schrift in --text: --text-muted auf --bg-card3 lag in Klarheit und Bühne
   hell unter 4,5:1 (gemessen 4,15 und 3,93). */
html.mac .tab-badge { animation: none; }
html.mac .tab-badge.tab-badge-warn {
  background: var(--bg-card3);
  color: var(--text);
}

/* ══ 5 · Höchstens ein Hauptknopf je Reiter ═══════════════════════════
   Gezählt am Prüfstand über alle 24 Reiter. Die bekannten Zweit-Primär-
   knöpfe sehen am Mac aus wie ein normaler .btn; was sie tun, bleibt.
   - #btn-refresh: ↻ der Symbolleiste, gezeichnet in mac-symbolleiste.css.
   - Meldewesen: Speichern der Einstellungen (Hauptsache: Berechnen)
   - Late Checkout: Plakate als PDF (Hauptsache: Speichern des Angebots)
   - Rechnungen: Lauf jetzt starten (Hauptsache: Neue Buchungsänderung)
   - Blog: Newsletter generieren (Hauptsache: Blog generieren)
   - Buchhaltung: Bankumsätze holen (Hauptsache: Alles aktualisieren)
   - Steuern: je Formular ein Speichern, zehn auf einer Seite
   - Knöpfe in Tabellenzeilen (Übernehmen, ✓, Rechnung senden …): eine
     Liste mit gefülltem Knopf je Zeile hat keinen Hauptknopf mehr.
   - Gäste: Bestätigen, Anlegen und Freigeben in den Einstellungen
     (#gc-w-inhalt) und Übernehmen ins Hauswissen (.gc-w-uebernahme) stehen
     je Eintrag; Hauptsache ist Senden.
   Seit der Gesamtprüfung (25.10.2026) auch:
   - Rechnungen: „Rechnung erstellen & senden“ je offener Buchung
     (rechnungenComplete), eine Liste mit Knopf je Karte.
   - System: „Nach der Abreise bereinigen“ (loeschfristen.js) neben Speichern;
     eine Löschfreigabe ist keine Hauptsache, sie fragt ohnehin vorher.
   - Blog: „Freigeben“ je Entwurf (.btn-success in der Tabelle).
   - Einheiten: „Speichern“ je Karte (.btn-umbau-save, .btn-mieter-save),
     eigene Knöpfe ohne .btn, gefüllt in der Markenfarbe. */
html.mac :is([data-mw="speichern"], [data-lco-aktion="pdf"], #rechnungen-runlive-btn, #btn-nl-generate,
  #fin-btn-fints-sync, [data-st="speichern"], [data-stb], td .btn, #gc-w-inhalt .btn, .gc-w-uebernahme .btn,
  [onclick^="rechnungenComplete("], [data-lf-freigabe]).btn-primary,
html.mac td .btn-success,
html.mac :is(.btn-umbau-save, .btn-mieter-save) {
  background: var(--bg-card);
  border: 1px solid var(--border-strong);
  color: var(--text);
  font-weight: var(--fw-medium);
}
html.mac :is([data-mw="speichern"], [data-lco-aktion="pdf"], #rechnungen-runlive-btn, #btn-nl-generate,
  #fin-btn-fints-sync, [data-st="speichern"], [data-stb], td .btn, #gc-w-inhalt .btn, .gc-w-uebernahme .btn,
  [onclick^="rechnungenComplete("], [data-lf-freigabe]).btn-primary:hover:not(:disabled),
html.mac td .btn-success:hover:not(:disabled),
html.mac :is(.btn-umbau-save, .btn-mieter-save):hover {
  filter: none;
  opacity: 1;
  background: var(--bg-card2);
  border-color: var(--text-subtle);
}
/* Schalter, die die Wahl mit btn-primary zeigen (Zeitraum der API-Kosten,
   Schein 1 · 2 · 3 im Meldewesen): getönt wie die Filter der Buchhaltung
   (aria-pressed), damit die Wahl sichtbar bleibt, ohne Hauptknopf zu sein. */
html.mac :is([data-api-tage], [data-mw="schein"]).btn-primary {
  background: var(--brand-soft);
  border-color: var(--brand-line);
  color: var(--brand);
  font-weight: var(--fw-semi);
}

/* Weiße Schrift auf hellen Signalfarben (Gesamtprüfung, Glas dunkel: Status
   „Offen“ 1,5:1, „Freigeben“ 2,1:1; Balken der Zeitleiste in Investitionen
   1,7–2,3:1). Im Dunkeln sind --text-muted, --good-ink, --warn-ink und
   --crit-ink helle Töne: dunkle Schrift darauf. Hell bleibt Weiß: --yellow
   ist dort #8a5a06 (Weiß 5,9:1); die Schrift der Seite stand darauf bei
   2,8:1 („Verschoben“, „Pausiert“). Die Fläche bleibt, wie sie ist. */
html.mac[data-theme="dark"] .todo-statusbtn.active:is(.ts-offen, .ts-erledigt, .ts-verschoben, .ps-pausiert, .ps-fertig, .ps-archiv),
html.mac[data-theme="dark"] :is(#btn-blog-publish, #btn-nl-send).btn-success,
html.mac[data-theme="dark"] .tl-bar-label { color: var(--bg); }
/* „📋 Vorlage“ im Wartungsplan: festes #6b7280 auf Grau, 2,7–4,0:1. Der
   Kreditstand unter der Zeitleiste („⚠ -14.000 €“) stand leise auf dem
   roten Abschnitt bei 2,6:1. */
html.mac .src-vorlage { color: var(--text-muted); }
html.mac .tl-ks-label { color: var(--text); }

/* ══ 6 · Farbe als Punkt statt als Kante ══════════════════════════════
   Rote, orange und gelbe Kanten links, dazu Behälterkanten oben, getönte
   Karten und eine farbige Leiste: Das Brett war bunt, ohne mehr zu sagen.
   Am Mac trägt die Stufe (todoStufe, todos.js) ein Punkt vor dem Titel, der
   Behälter ein Punkt vor seinem Namen, wie die Listen in Erinnerungen.
   „Fällig …“ bleibt als Plakette (.todo-frist, .th-grund), Neutral bleibt
   ohne Punkt. */
html.mac .st-rot    { --mac-stufe: var(--crit); }
html.mac .st-orange { --mac-stufe: var(--serious); }
html.mac .st-gelb   { --mac-stufe: var(--warn); }
html.mac :is(.pb-karte, .todo-card, .todo-heute-card):is(.st-rot, .st-orange, .st-gelb) :is(.pb-k-titel, .todo-card-titel, .th-titel)::before,
html.mac .pb-karte[class*="pb-f-"] .pb-k-herkunft::before,
html.mac .pb-werkzeug[class*="pb-f-"] .pb-w-titel::before,
html.mac :is(.rm-unit--kritisch, .rm-unit--warnung, .rm-unit--gut) .rm-unit-name::before,
html.mac :is(.inv-card-umbau, .inv-card-kzv, .inv-card-fest) .inv-card-name::before,
html.mac .z-card.is-open .z-kunde::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  vertical-align: 1px;
  background: var(--mac-stufe);
}
html.mac .pb-karte[class*="pb-f-"] .pb-k-herkunft::before,
html.mac .pb-werkzeug[class*="pb-f-"] .pb-w-titel::before { background: var(--pf-akzent); }

/* Dasselbe in Preise, Investitionen, Zahlungen und Einheiten
   (Gesamtprüfung): Auf 28 px Rundung wurden die Kanten zu Bögen. Einheiten
   sagen mit der Plakette „Festmiete“/„Im Umbau“, was sie sind, und stehen
   am Mac nicht mehr blass da (Schrift darauf 4,5:1 und mehr). Die
   Monatskarte bekommt rundum dieselbe Kante statt der Linie unten. */
html.mac .rm-unit--kritisch { --mac-stufe: var(--crit); }
html.mac .rm-unit--warnung  { --mac-stufe: var(--warn); }
html.mac .rm-unit--gut      { --mac-stufe: var(--good); }
html.mac .inv-card-umbau    { --mac-stufe: var(--warn); }
html.mac .inv-card-kzv      { --mac-stufe: var(--good); }
html.mac .inv-card-fest     { --mac-stufe: var(--text-subtle); }
html.mac .z-card.is-open    { --mac-stufe: var(--warn); }
html.mac :is(.rm-unit--kritisch, .rm-unit--warnung, .rm-unit--gut, .inv-card-umbau, .inv-card-kzv, .inv-card-fest, .z-card.is-open) {
  border-left: 1px solid var(--border);
}
html.mac :is(.unit-card-fest, .unit-card-umbau) { border-top: 1px solid var(--border); opacity: 1; filter: none; }
html.mac .kpi-karte { border-bottom: 1px solid var(--border); }

/* Brett-Karte: ein Rand rundum, keine Kante oben. Seit 27.10.2026 wieder
   leicht in der Farbe ihres Behälters getönt (12 %, klassisch 16 % mit
   Kante), der Punkt vor dem Behälter bleibt: Ohne Tönung war das Brett
   ruhig, aber farblos. Schrift darauf hält in jeder Welt 4,5:1
   (farbwelten-mac.test.js); Einheit und Alter stehen dafür in der leisen
   statt der noch leiseren Farbe (Klarheit dunkel: #8e8e93 auf 12 %
   Behälterfarbe 4,1:1, Prüfung 27.10.2026). Unter der Maus ändert sich nur
   der Rand, bei 18 % Tönung fiele „fällig“ in Bernstein auf Blau hell
   unter 4,5:1. */
html.mac .pb-karte {
  border: 1px solid var(--border);
  background: var(--bg-card);
}
html.mac .pb-karte[class*="pb-f-"] {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--pf-akzent) 12%, var(--bg-card));
}
html.mac .pb-karte[class*="pb-f-"] :is(.pb-k-einheit, .pb-k-alter:not(.pb-k-alt)) { color: var(--text-muted); }
html.mac .pb-karte:hover,
html.mac .pb-karte[class*="pb-f-"]:hover {
  border-color: var(--border-strong);
}
/* Die 3 px der Kante oben wieder an die Polsterung (brett.css: 7 px, Erledigt 6 px). */
html.mac .pb-karte[class*="pb-f-"] { padding-top: 7px; }
html.mac .pb-sp-erledigt .pb-karte[class*="pb-f-"] { padding-top: 6px; }
html.mac .pb-karte[class*="pb-f-"] .pb-k-herkunft { color: var(--text-muted); font-weight: var(--fw-normal); }
html.mac .pb-werkzeug[class*="pb-f-"] { border-left: 1px solid var(--border); }

/* Todo-Liste und Karten-Dialog. */
html.mac .todo-card { border-left: 1px solid var(--border); }

/* Wichtigste To-dos: In Klarheit und Gruppen ist der Ring vorn schon der
   Punkt (farbwelten-kacheln.css), dort kein zweiter und Gelb dazu. Glas
   und Bühne bekommen den Punkt vor dem Titel; die Kante fällt überall weg. */
html.mac:root .todo-heute-card { border-left-width: 1px; border-left-color: var(--border); }
html.mac:root:is([data-skin="klarheit"], [data-skin="gruppen"], [data-skin="buehne"]) .todo-heute-card { border-left-color: transparent; }
html.mac:root:is([data-skin="klarheit"], [data-skin="gruppen"]) .todo-heute-card .th-titel::before { content: none; }
html.mac:root:is([data-skin="klarheit"], [data-skin="gruppen"]) .todo-heute-card.st-gelb::before { border-color: var(--warn-ink); }

/* Behälterleiste: vorn der Farbpunkt des Behälters (unsichtbar, wo keine
   Farbe gewählt ist, damit die Namen bündig stehen), hinter dem Namen die
   Ampel und die Zahl. Die Kante links fällt weg. 6 statt 8 px Abstand: der
   zweite Punkt kostet Platz, und bei 1280 px (158 px Leiste) brachen sonst
   schon kurze Namen um. */
html.mac .pb-rail .pb-chip { gap: 6px; }
html.mac .pb-rail .pb-chip::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pf-akzent, transparent);
}
html.mac .pb-rail .pb-chip > .pb-chip-name  { order: 1; }
html.mac .pb-rail .pb-chip > .pb-chip-punkt { order: 2; }
html.mac .pb-rail .pb-chip > .pb-chip-zahl  { order: 3; }
html.mac .pb-rail .pb-chip[class*="pb-f-"] { border-left: 1px solid transparent; border-radius: 8px; }
html.mac .pb-rail .pb-chip[class*="pb-f-"].aktiv { border-left-color: var(--brand-line); }

/* ══ 7 · Knöpfe wie am Mac ════════════════════════════════════════════
   Pfeil statt Hand (die Hand bleibt Links vorbehalten), und gedrückt wird
   ein Knopf dunkler, statt einen Pixel nach unten zu springen. Die Brett-
   Karte behält die greifende Hand: Sie wird gezogen. */
html.mac :is(button, .btn, summary, select, label, [role="button"], input[type="checkbox"], input[type="radio"]):not(.pb-karte),
html.mac .btn:disabled {
  cursor: default;
}
html.mac .btn:active:not(:disabled) {
  transform: none;
  filter: brightness(.9);
}

/* ══ 8 · Ein Fokusring ════════════════════════════════════════════════
   Vorher drei: 2 px Umriss in der Markenfarbe (mit 1, 2 oder 3 px Abstand)
   und ein 3-px-Schatten mit 28 % an Feldern. Felder behalten den Schatten
   (--ring oben), alles andere nimmt denselben Ring als Umriss. main hat
   den Fokus nur für den Sprung nach dem Reiterwechsel und bleibt ohne. */
html.mac:root :focus-visible:not(input, select, textarea, main) {
  outline: 3px solid var(--fokus-ring);
  outline-offset: 1px;
}

/* ══ 9 · Auswahllisten in Tabellen ruhig bis zum Zeigen ═══════════════
   Eine Spalte voller umrandeter Felder mit Winkel liest sich wie ein
   Formular. Wie die Aufklappmenüs in Tabellen am Mac: Text, bis die Maus
   darüber steht oder das Feld den Fokus hat. */
html.mac td select:not(:hover, :focus, :disabled) {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}

/* ══ 10 · Listenzeilen 32–36 px, Schrift 13 ═══════════════════════════
   Die Tabellen hatten zwischen 5 und 12 px Polsterung je Zeile. 7 px oben
   und unten ergeben mit 13 px Schrift 34 px je Textzeile. */
html.mac :is(.ck-tabelle, .komm-table, .pl-table, .pe-table, .blog-posts-table, .ops-wartung-table,
  .prio-rest-table, .kredit-table, .festmieten-table, .kosten-table, .kosten-dyn-table, .pnl-table,
  .fund-table) td {
  font-size: var(--fs-sm);
  padding-top: 7px;
  padding-bottom: 7px;
}

/* ══ 11 · Was im Haus fehlt: eine Liste wie in Erinnerungen ══════════
   Auf der Übersicht stand jede Position als eigener bernsteinfarbener
   Kasten mit Plaketten. Am Mac ist die Liste EINE Karte, die Zeilen sind
   durch Haarlinien getrennt, Packung, Menge und Haus stehen leise hinter
   dem Artikel. Was die Zeile kann, bleibt (einkauf.js, V4): „Amazon ↗“,
   das Mengenfeld und „Besorgt“; das Alter ab drei Tagen bleibt bernstein
   (gesetzt von einkauf.js). Fuß (Mengenhinweis, ältere Positionen, „Gemeldet
   von …“) steht als letzte Zeilen in derselben Karte. */
html.mac #einkauf-liste:has(.einkauf-zeile) {
  background: var(--bg-card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}
html.mac[data-skin="glas"] #einkauf-liste:has(.einkauf-zeile) { border: 1px solid var(--border); }
html.mac #einkauf-liste .einkauf-zeile {
  min-height: 44px;
  margin: 0;
  padding: var(--sp-2) var(--sp-4);
  gap: var(--sp-2);
  border: 0;
  border-radius: 0;
  background: transparent;
}
html.mac #einkauf-liste > :is(.einkauf-zeile, .einkauf-fuss) + :is(.einkauf-zeile, .einkauf-fuss) { border-top: 1px solid var(--border); }
html.mac #einkauf-liste .einkauf-artikel { font-weight: var(--fw-medium); }
html.mac #einkauf-liste :is(.einkauf-menge, .einkauf-einheit) {
  padding: 0;
  border-radius: 0;
  background: none;
  font-size: var(--fs-sm);
}
html.mac #einkauf-liste :is(.einkauf-menge, .einkauf-einheit)::before {
  content: "·";
  margin-right: var(--sp-2);
  color: var(--text-subtle);
}
html.mac #einkauf-liste .einkauf-fuss {
  margin: 0;
  padding: var(--sp-2) var(--sp-4);
  font-size: var(--fs-xs);
}

/* Das Mengenfeld (Packungen) in beiden Listen: so breit, dass „Pkg.“ und
   zwei Ziffern ganz zu lesen sind (size="2" schnitt den Platzhalter ab),
   mittig wie die Zahlenfelder in Erinnerungen. */
html.mac :is(#einkauf-liste [data-einkauf-menge], #team-einkauf-inhalt [data-menge]) {
  width: 56px;
  padding: 4px var(--sp-2);
  text-align: center;
}

/* ── Nachgezogen nach der Abschlussprüfung (26.10.2026) ──────────────── */
/* Das Symbol im Hauptknopf einer Überschrift (Selbstauskunft „exportieren“)
   nahm die Farbe der Überschrift-Symbole (--brand, farbwelten-rahmen.css)
   und stand Blau auf Blau, also unsichtbar. Im Knopf gilt seine Schrift. */
html.mac .section-title .btn-primary [data-lucide] { color: inherit; }
/* Ein Betriebshinweis in der Fehlerkarte (data-hinweis, gaeste-chat.js:
   „Der erste vollständige Abgleich läuft noch“) ist kein Fehler: leise statt
   Fehlerrot, wie die Seitenleiste ihn auch nicht als Fehler zählt. */
html.mac .ck-fehler > [data-hinweis]:not([data-warnung]) { color: var(--text-muted); }
/* Die Hinweise über der Liste der Gäste klebten mit 0 px an ihr. */
html.mac #gc-fehler:not([hidden]) { margin-bottom: var(--sp-3); }
/* Unter 4,5:1 (Glas dunkel, Klarheit hell): der heutige Tag im
   Belegungskalender und die Plaketten „Manuell“, „Listing“ und
   „Marktdaten“, Farbe auf getönter Farbe (3,9–4,49:1). Die Selbstauskunft
   (.sa-*) ist ein Druckstück und bleibt hier draußen. */
html.mac .kalender-table th.heute-col,
html.mac :is(.src-manuell, .src-markt, .rm-tag-listing) { color: var(--text); }

/* ── Nachgezogen nach der Abschlussprüfung Runde 2 (26.10.2026) ──────── */
/* Einheiten „Im Umbau“: „Renovierungskosten“ lief bei vier Spalten unter
   sein Feld (Beschriftung 90 px, Text 115 px). Wie in den
   Systemeinstellungen bei schmalen Feldern: Beschriftung über dem Feld. */
html.mac .umbau-plan-row { flex-direction: column; align-items: stretch; gap: var(--sp-1); }
html.mac .umbau-plan-row label { min-width: 0; }
html.mac .umbau-plan-row > :is(input, textarea) { flex: none; }
/* Blog: „Mit KI generieren“ lief über die ganze Breite (.blog-step ist eine
   Spalte); am Mac steht der Knopf unten rechts wie in einem Formular. */
html.mac .blog-step > .btn-primary { align-self: flex-end; }

} /* @media screen */