/* ══════════════════════════════════════════════════
   v2 SYMBOLE — Sprite aus lucide-static

   Ersetzt Bootstrap Icons (Webfont) am 2026-09-02. Bauform wie in myOFFICE:
   ein Sprite je Seite, Aufruf ueber `{{ icon('name') }}` (App\Twig\AppExtension).

   `currentColor` ist der Kern: das Symbol nimmt die Farbe seiner Umgebung —
   im dunklen Kopfband hell, im roten Abzeichen rot, im Knopf die Knopffarbe.
   Beim Zeichensatz war das genauso, hier ist es ausdruecklich.

   `vertical-align: -0.125em` ruecken das Symbol auf die Schriftlinie. Ohne
   das sitzt ein SVG auf der Grundlinie und steht damit zu hoch — der
   Zeichensatz brachte diese Korrektur eingebaut mit, ein SVG nicht.
   ══════════════════════════════════════════════════ */
/* Der Sprite selbst wird nie gezeichnet — er ist nur der Vorrat, aus dem die
   <use>-Verweise schoepfen. Eine Klasse und kein `style="display:none"`:
   Inline-Stile sind im Designsystem ausgeschlossen, und bin/design-check
   prueft das (myOFFICE loest es dort mit einem Inline-Stil, wir nicht). */
.ms-ico-sprite { display: none; }

.ms-ico {
  width: var(--ms-ico);
  height: var(--ms-ico);
  flex: none;
  vertical-align: -0.125em;
  /* DIE STRICHSTAERKE ALLER SYMBOLE (seit 2026-10-08 nur noch hier). Bis dahin
     stand sie zusaetzlich als Attribut an jedem <symbol> des Vorrats und war
     damit unveraenderlich — diese Regel wirkte gar nicht. Jetzt erben die
     Symbole sie von hier; ein einzelnes Symbol kann sie uebersteuern (der
     Bildplatzhalter in pages.css). */
  stroke-width: 1.5;
}
/* ZWEI REGLER FUER DIE GROESSE, und man muss beide kennen:

   1. DIE SKALA — `ms-ico--sm` / `ms-ico--lg` als zweites Argument von
      `icon()`. Das ist der Weg, wenn ein Symbol eine Stufe kleiner oder
      groesser als sein Nachbartext sein soll.

   2. DIE SCHRIFTGROESSE DES BEHAELTERS. Weil `--ms-ico` in `em` gemessen ist,
      folgt das Symbol der Schriftgroesse, in der es steht — deshalb ist ein
      Symbol im Kopfband 18px und in einer Tabellenzeile 14px, ohne dass es
      irgendwo eine Symbolregel dafuer gaebe. Wer eine Sondergroesse braucht,
      setzt sie am BEHAELTER (`font-size`) und nicht am Symbol.

   NICHT `width`/`height` am Symbol selbst: das verzieht das Seitenverhaeltnis,
   sobald nur eine der beiden Kanten gesetzt wird, und laeuft an der Skala
   vorbei. Gemessen am 8. September 2026 gab es 12 verschiedene Symbolgroessen
   in der Anwendung, waehrend beide Stufen dieser Skala nirgends verwendet
   waren — die Groesse kam ausschliesslich zufaellig aus der Umgebung. */
.ms-ico--sm { width: var(--ms-ico-sm); height: var(--ms-ico-sm); }
.ms-ico--lg { width: var(--ms-ico-lg); height: var(--ms-ico-lg); }