/* shop-mode-icon.css
 * Icon-Platzhalter des Einkaufsmodus (nav-icons.js / direkte NAV_ICONS-
 * Interpolation) - inline-flex mit leichtem Vertikal-Ausgleich, damit das
 * Symbol mittig zum Text sitzt statt auf der Schriftlinie.
 *
 * Lag bis zum 13.09.2026 in einkaufsmodus.css. Sieben Module des
 * Einkaufsmodus erzeugen .sm-icon, und eines davon - shop-mode-scanner.js -
 * liegt auch im Modulgraph der Einkaufsliste. Dort fehlte die Regel: im
 * echten Browser gemessen display:inline und vertical-align:baseline statt
 * flex und -2.1px, die Haken-Symbole im Scanner-Ergebnis sassen also zu hoch.
 *
 * Dieselbe Konstellation wie bei der Scanner-Hilfe (Commit 2d282a6a): eine
 * gemeinsam genutzte Komponente, deren Stile an einer Datei hingen, die nur
 * eine der beiden Seiten laedt. Deshalb eine eigene Datei, die BEIDE Seiten
 * einbinden.
 *
 * Nebenbefund fuer spaeter: Es gibt vier wortgleiche Regeln dieser Art
 * (.idx-icon, .sl-icon, .sm-icon, .settings-icon), jede in einem anderen
 * Seiten-Stylesheet, und ihre Kommentare verweisen wechselseitig aufeinander.
 * Die drei anderen sind derzeit auf jeder Seite erreichbar, auf der sie
 * gerendert werden (gemessen) - eine Zusammenfuehrung waere trotzdem
 * naheliegend und wuerde diese Fehlerklasse ganz schliessen.
 */
.sm-icon {
    display: inline-flex;
    align-items: center;
    vertical-align: -0.15em;
}

.sm-icon svg {
    flex-shrink: 0;
}