/* IKONY SDÍLENÉ NAPŘÍČ APLIKACÍ (28. 8. 2026)
   ============================================================================
   Tvar kreslí komponenta (`Components/Sdilene/Ikona*.razor`), podobu tenhle list. Je GLOBÁLNÍ,
   protože ikona se kreslí uvnitř cizích komponent a scoped CSS tam nedosáhne — týž důvod jako
   u `upravitelna-hodnota.css`, `karta-sekce.css` a `dialog.css` (hlídá `ScopedCssDosahTests`).
   ========================================================================== */

/* TUŽKA („tohle jde upravit"). Jedna kresba pro celou aplikaci: pole popisu tiketu, název
   tiketu a další upravitelné hodnoty, akce v řádku tabulky. Do 28. 8. 2026 tu byly dvě —
   vektorová a znak `✎` — a na detailu tiketu stály vedle sebe.

   VELIKOST JE `1em`, takže se řídí `font-size` obalu. Dosavadní místa tužku takhle už
   velikostně řídila (byl to znak), takže se jejich pravidla nemusela měnit:
   `.tabulka-akce.je-ikona` 13 px (vzdušná tabulka 15), `.uh-tuzka` 13 px, pole popisu 16 px.

   `inline-block` + `vertical-align: middle`: uvnitř tlačítka s `text-align: center` se tím
   ikona sama vystředí a nesedne na účaří (to by ji u textu posadilo o dva pixely nízko).
   Barvu dodává okolí přes `currentColor` — ikona si žádnou nenese. */
.ikona-tuzka {
    flex: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}