/*
 * Leistungs-Regler – UCP-weite Sparregeln.
 *
 * Gegenstück zu static/sd-perf.js: das Skript setzt am <html> die Attribute
 * data-sd-perf="voll|sparsam|minimal" und (ab "sparsam") data-sd-spare.
 * Hier steht, was diese Stufen tatsächlich abschalten.
 *
 * Warum ZWEI Attribute: Regeln, die für beide Sparstufen gelten, hängen an
 * [data-sd-spare]; nur-minimal-Regeln an [data-sd-perf="minimal"]. Sonst
 * müsste jede Regel ihre Selektorenliste doppelt führen.
 *
 * Diese Datei lädt als LETZTES Stylesheet des UCP (nach sd-command.css) –
 * ihre Regeln sollen die der Basis-Layer überschreiben, nicht umgekehrt.
 * Board-eigene Sparregeln stehen in leitstelle.css (dort, wo auch die Effekte
 * definiert sind, die sie zurücknehmen).
 *
 * Absichtlich KEINE Holzhammer-Regel wie "* { animation: none }": mehrere
 * Bausteine des Hauses enden auf einer Animation mit fill-mode und stünden
 * danach im Anfangszustand (unsichtbar) da.
 */

/* ── Stufe „Sparsam" (gilt auch in „Minimal") ─────────────────────────────── */

/* Der teuerste Posten der Oberfläche: backdrop-filter zwingt den Browser, den
   Bildinhalt HINTER jeder Glasfläche fortlaufend neu weichzuzeichnen – und im
   UCP liegen diese Flächen großflächig übereinander. Die Panels sind mit 88–95 %
   Deckkraft ohnehin fast blickdicht, der Unterschied ist kaum zu sehen. */
html[data-sd-spare] header,
html[data-sd-spare] .card {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Dauerläufer: eine Animation, die nie endet, hält den Rechner wach – auch
   wenn niemand hinsieht. Der Warte-Puls an Knöpfen und der Speicher-Punkt
   dürfen dafür stillstehen; ihre Aussage („beschäftigt") tragen Beschriftung
   und Deckkraft ohnehin mit. */
html[data-sd-spare] .btn:disabled,
html[data-sd-spare] .save-btn:disabled,
html[data-sd-spare] .post-btn:disabled,
html[data-sd-spare] .sd-autosave-note.saving .as-dot {
  animation: none;
}

/* ── Stufe „Minimal" ──────────────────────────────────────────────────────── */

/* Einblend-Animationen beim Seitenaufbau: auf einer vollen Übersichtsseite
   starten sie für Dutzende Karten gleichzeitig. */
html[data-sd-perf="minimal"] main > .card,
html[data-sd-perf="minimal"] main > .hero,
html[data-sd-perf="minimal"] .msg {
  animation: none;
}

/* Weiche Schlagschatten sind großflächige Malarbeit bei jedem Neuzeichnen.
   Die Ränder der Karten bleiben – die Gliederung geht also nicht verloren. */
html[data-sd-perf="minimal"] .card {
  box-shadow: none;
}
html[data-sd-perf="minimal"] header {
  box-shadow: none;
  /* Ohne den Karten-Canvas dahinter (den schaltet sd-perf.js in dieser Stufe
     ab) darf die Kopfzeile ruhig deckend sein. */
  background: var(--bcsd-bg-root);
}
html[data-sd-perf="minimal"] header h1 .brand-mark {
  filter: none;
}

/* Übergänge auf Farben und Rändern sind billig, die auf transform/box-shadow
   nicht – und in dieser Stufe zählt jeder Frame. */
html[data-sd-perf="minimal"] .card,
html[data-sd-perf="minimal"] .btn,
html[data-sd-perf="minimal"] header .nav a {
  transition: none;
}
