/* ===== OO Icon =====
   Basis-Styles für die <Icon>-Komponente (Material Symbols Outlined).
   display:inline-block ist nötig, damit vertical-align in Inline-/Textfluss-Kontexten
   zuverlässig greift. In Flex-Containern wird vertical-align ignoriert – kein Konflikt.
   ==================== */

.oo-icon {
    font-family: 'Material Symbols', 'Material Symbols Outlined', sans-serif!important;
    /* Bewährter Trick (Font Awesome, Lucide, etc.): negativer Wert senkt die Icon-Baseline,
       wodurch die Glyph-Mitte optisch auf Zeilenmitte wandert.
       In Flex-Containern wird vertical-align komplett ignoriert → kein Einfluss auf Buttons/Badges. */
    vertical-align: -0.125em;
}