/* ======================================================================
   QWICK -- KOMPONENT: karta záznamu a ovládacie pilulky

   JEDINÝ ZDROJ materiálu pre prvky, ktoré majú čítať ako pole:
   karta pohybu, karta jazdy, tlačidlá období, šípky období,
   tlačidlo nastavení a tlačidlo editora tagov.

   ČO BOLO PREDTÝM
   ---------------
   Materiál karty záznamu bol rozpísaný na ôsmich miestach v šiestich
   súboroch a väčšina z nich sa presadzovala cez `!important`:

     02-dashboard   `.move` -- `--card-fill`, `--glass-edge`, `--card-shadow`
     06-forms       to isté ešte raz pre zoznam na dashboarde
     11-sheets      to isté tretíkrát pre `#detailMovesList`
     15-sheet       sklo s (dnes zrušeným) `--glass-blur-card` v sheete
     12-themes      svetlá varianta zvlášť, dvakrát
     trips.css      modul si kreslil kartu jazdy sám

   Karta pohybu a karta jazdy pritom už dávno nesú spoločnú rolu
   `.qwick-record-card`. Rola existovala, materiál ju nepoužíval.

   MATERIÁL JE MATERIÁL POĽA
   -------------------------
   Priesvitná výplň + okraj + tieň, BEZ rozostrenia -- tie isté tokeny
   `--glass-field*`, ktoré číta `styles/17-field.css`. Hodnoty sa
   nekopírujú. Keď sa zmení materiál poľa, zmenia sa aj tieto prvky.

   Svetlá téma tu nemá vlastné pravidlo. Tokeny sú otemované
   v `styles/12-themes.css`, takže jedno pravidlo stačí na obe témy.

   ČO SEM NEPATRÍ
   --------------
   Rozmer, vypchávka, typografia a farba textu ostávajú svojim zdrojom.
   Tento súbor rozhoduje o výplni, okraji a tieni -- o ničom inom.
   Aktívne obdobie (`.period.active`) mení IBA farbu textu. Výplň ani okraj
   sa v žiadnom stave nemenia -- stav nie je materiál.
   ====================================================================== */

.qwick-surface .qwick-record-card,
.qwick-surface .period,
.qwick-surface .period-nav-btn,
.qwick-surface .icon-btn{
  /* Rozostrenie sa tu už nevynulúva. V aplikácii neostal žiadny
     `backdrop-filter`, ktorý by sa sem mohol dostať kaskádou, takže
     vynulovanie by strážilo stav, ktorý nemá odkiaľ prísť. */
  background:var(--glass-field);
  border:1px solid var(--glass-field-edge);
  border-top-color:transparent;
}

/* ---- obal pilulky pohybu ------------------------------------------------
   Obal `.move-wrap` niesol VRHNUTÚ časť tieňa karty: karta ho mala odstrihnutý
   vlastným `overflow:hidden`, takže ho musel kresliť obal s tým istým 999px
   polomerom. Vrhnuté tiene v aplikácii už nie sú, takže pravidlo nemá čo
   niesť a je zrušené, nie vyprázdnené na `box-shadow:none`. */