/* ==========================================================================
   icons.css — Nutzungs-Regeln fuer das kanonische MSL-Icon-Sprite
   (icons.svg). Pilot in pricing; per Fleet-Sync (Welle 4) byte-identisch
   nach cockpit/ vendored — nur die Pfade unten sind auf /cockpit/ angepasst.

   Nutzung (Icon neben Text, Text traegt den Accessible Name):
     <svg class="icon" aria-hidden="true"><use href="/cockpit/icons.svg#i-mail"/></svg>

   Bei bedeutungstragenden Icons OHNE begleitenden Text: role="img" +
   <title> statt aria-hidden, damit der Screenreader einen Namen bekommt:
     <svg class="icon" role="img"><title>Google-Anzeige</title><use href="/cockpit/icons.svg#i-megaphone"/></svg>
   ========================================================================== */

.icon {
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.18em;
  flex-shrink: 0;
}

.icon-lg {
  width: 1.5em;
  height: 1.5em;
}

.icon-sm {
  width: 0.9em;
  height: 0.9em;
}