/* 🖼 Jemná ilustrace na pozadí správcovských a učitelských obrazovek.
 *
 * Honza 30. 8. 2026: „můžeme do toho rozhraní dát na pozadí ty studenty, jako máme
 * na přihlášení — v admin a učitelském rozhraní na PC."
 *
 * Tatáž scéna jako na přihlašovací stránce, takže se na cestě přihlášení → aplikace
 * nic vizuálně netrhá. Dvě pravidla, na kterých to stojí:
 *   1) JEN NA VELKÉM DISPLEJI. Na telefonu by ilustrace zabrala data a stála přenos,
 *      a učitelé aplikaci používají 50/50 (Bětka 10. 8. 2026).
 *   2) Je DEKORACE, ne obsah — proto přes ::before, ne <img>: čtečka pro nevidomé
 *      ji přeskočí a nic v HTML kvůli ní nepřibude.
 * Krycí závoj drží kontrast textu; v tmavém režimu ilustrace ustoupí ještě víc.
 */
@media (min-width: 1024px) {
  body.zn-scena::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;                 /* nesmí brát kliky obsahu pod sebou */
    background-image: url('img/kdojsi-scena-1064.jpg');
    background-image: image-set(url('img/kdojsi-scena-1064.webp') type('image/webp'),
                                url('img/kdojsi-scena-1064.jpg') type('image/jpeg'));
    background-size: cover;
    background-position: center 22%;
    opacity: .08;              /* ztlumeno 9. 9. 2026 spolu se zesvětlením plochy */
    filter: saturate(.85);
  }
  /* Obsah i lišta musí ležet NAD ilustrací, jinak by ji překryl jen bílý panel. */
  body.zn-scena > * { position: relative; z-index: 1; }
}

/* Prohlížeč s omezením pohybu/dat scénu vynechá úplně. */
@media (prefers-reduced-data: reduce) {
  body.zn-scena::before { display: none; }
}

html.dark body.zn-scena::before { opacity: .05; }