/* ══ Finanzen am Mac (M12, seit 25.10.2026) ══════════════════════════════════
   Gegenstück zu mac-finanzen.js. Jede Regel hängt an html.mac (mac-frueh.js),
   am iPhone, am iPad und für die Rolle buchhalter greift keine. Ausgeblendet
   wird nur per Klasse, jeder Block bleibt im DOM. Beim Anordnen
   (body.kacheln-anordnen) und mit eigener Anordnung (.kacheln-eigen) gilt die
   System-Zeile nicht, dann stehen die Blöcke wie gewohnt da. Nur am
   Bildschirm: gedruckt wird wie bisher. Farben, Größen, Abstände aus Tokens. */

@media screen {

/* ── Verständliche Fehler: ein Satz und „Erneut versuchen“ ── */
html.mac .mac-fin-fehler { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-3); }

/* ── Ablage oben: eine Zeile statt Block mit Kopf ── */
html.mac #tab-buchhaltung > details[data-kachel="belege"] > summary { display: none; }
html.mac #tab-buchhaltung > details[data-kachel="belege"] > .fin-block-inhalt {
  display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-2); border-top: 0;
}
html.mac #tab-buchhaltung > details[data-kachel="belege"] .fin-fussreihe { margin-top: 0; }
html.mac #fin-dropzone { flex: 1; flex-direction: row; justify-content: center; padding: var(--sp-3) var(--sp-4); }
html.mac #fin-dropzone > div:not(.mac-fin-ablage) { display: none; }

/* ── Status mit den Werkzeugen der Einzelbefunde daneben ── */
html.mac #tab-buchhaltung > [data-kachel="status"]:has(> .fin-werkzeug) {
  display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-3);
}
html.mac #tab-buchhaltung > [data-kachel="status"] > #fin-ampel { flex: 1 1 28rem; min-width: 0; }
html.mac #tab-buchhaltung > [data-kachel="status"] > .fin-werkzeug { flex: none; margin: 0; }
html.mac #tab-buchhaltung > [data-kachel="status"] > :is(.kachel-griff, .mac-fin-lauf) { flex-basis: 100%; }
html.mac #tab-buchhaltung > [data-kachel="status"] > .mac-fin-lauf { margin: 0; }
/* Belege zur Prüfung (beleg-pruefliste.js): eigene Zeile unter Status und Werkzeugen. */
html.mac #tab-buchhaltung > [data-kachel="status"] > #fin-pruefliste { order: 9; flex-basis: 100%; }

/* Zugeklappt darf ein Fehler nicht verschwinden: der Kopf sagt es. */
html.mac #tab-buchhaltung > details.fin-block:not([open]):has(.ck-fehler) > summary .fin-sum:empty::before { content: "— Fehler beim Laden"; color: var(--crit-ink); }
html.mac #tab-buchhaltung > details.fin-block:not([open]):has(.ck-fehler) > summary .fin-sum:not(:empty)::after { content: " · Fehler beim Laden"; color: var(--crit-ink); }

/* ── Klappzeilen (System, Regeln, Stammdaten): Maß und Pfeil von .fin-block ── */
html.mac .mac-fin-zeile > summary > b { flex: none; }
html.mac .mac-fin-zeile .fin-sum { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html.mac .mac-fin-zeile-info { flex: none; color: var(--text-muted); font-size: var(--fs-sm); white-space: nowrap; }
html.mac .mac-fin-zeile.mac-fin-akut .mac-fin-zeile-info { color: var(--crit-ink); font-weight: var(--fw-semi); }
/* Der Fokusring folgt dem Radius der Zeile, nicht dem eckigen summary. */
html.mac .mac-fin-zeile > summary:focus-visible { outline: none; }
html.mac .mac-fin-zeile:has(> summary:focus-visible) { outline: 2px solid var(--brand); outline-offset: 2px; }

/* System: Autonomie und Datenquellen hinter der Zeile */
html.mac body:not(.kacheln-anordnen) #tab-buchhaltung:not(.kacheln-eigen):not(:has(> .mac-fin-system[open])) > :is([data-kachel="autonomie"], [data-kachel="technik"]) { display: none; }
html.mac body.kacheln-anordnen .mac-fin-system,
html.mac #tab-buchhaltung.kacheln-eigen > .mac-fin-system { display: none; }

/* ── Steuern: Regeln und Stammdaten eingeklappt ── */
/* In der Karte eine Zeile mit eigenem Rand, ohne Schatten und mit kleinerem
   Radius als die Karte außen, wie gruppierte Zeilen in den Systemeinstellungen. */
html.mac #st-bank-karte > .mac-fin-zeile {
  margin-top: var(--sp-3); border: 1px solid var(--border); border-radius: var(--r-md); box-shadow: none;
}
html.mac #st-bank-karte > [data-mac-fin="regeln"] + .st-unterkopf { display: none; }
html.mac #st-bank-karte:not(:has(> [data-mac-fin="regeln"][open])) > #st-bank-regeln:not(:has(.ck-fehler)) { display: none; }
html.mac #st-bank-karte:has(> [data-mac-fin="regeln"][open]) > #st-bank-regeln { margin-top: var(--sp-3); }
/* Das Steuerkonto bleibt stehen (fällige Zahlungen), ebenso jede Karte mit Fehler. */
html.mac #tab-steuern .ck-bereich:has(#st-form-afa):not(:has(> .ck-inhalt > [data-mac-fin="stammdaten"][open])) > .ck-inhalt > .ck-karte:not(:has(#st-form-posten, .ck-fehler:not([hidden]))) { display: none; }

/* Der gelbe Hinweisblock als eine Zeile; ein Klick zeigt alle Hinweise. */
html.mac #tab-steuern .ck-hinweis[data-mac-fin]:not([hidden]):not(.mac-fin-offen) { display: flex; gap: var(--sp-2); cursor: pointer; }
html.mac #tab-steuern .ck-hinweis[data-mac-fin]:not(.mac-fin-offen) > :not(:first-child) { display: none; }
html.mac #tab-steuern .ck-hinweis[data-mac-fin]:not(.mac-fin-offen) > :first-child { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html.mac #tab-steuern .ck-hinweis[data-mac-mehr]:not(.mac-fin-offen)::after { content: attr(data-mac-mehr) " ›"; flex: none; color: var(--text); font-weight: var(--fw-medium); }
html.mac #tab-steuern .ck-hinweis[data-mac-fin]:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

}