/* ===== KOEANALYYSI (C159, Miten koe meni?) =====
   Oma tiedosto koska pää-Code muokkaa play.css:ää samaan aikaan (muistio §9.2).
   Kortti, otsikot ja napit ovat koeTulosEditorin luokkia (play.css); tässä vain rivit.
   Muotokieli: pyöristetty suorakaide 10–12 px, ei pilleriä (CLAUDE.md, periaate 4). */
.ka-lisaa { width: 100%; margin: 10px 0 4px; }
.ka-rivi { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;
           padding: 8px 0; border-bottom: 1px solid var(--raja-vaalea); }
.ka-rivi:last-child { border-bottom: 0; }
.ka-rivi-teksti { flex: 1; min-width: 0; font-size: 14px; line-height: 1.35; color: var(--teksti); }
.ka-pieni { display: block; font-size: 12px; color: var(--teksti-himmea); }
.ka-pisteet { flex: none; font-size: 14px; font-weight: 700; color: var(--teksti); white-space: nowrap; }
.ka-huomio { display: block; font-size: 12px; color: var(--huomio); }
.ka-tyyppi { display: block; margin-top: 6px; max-width: 100%; font: inherit; font-size: 13px;
             padding: 4px 8px; border: 1px solid var(--raja-vaalea); border-radius: 10px; background: transparent; }
.ka-pois { flex: none; width: 36px; height: 36px; padding: 0; border: 1px solid var(--raja-vaalea);
           border-radius: 10px; background: transparent; color: var(--teksti-himmea); font-size: 16px; cursor: pointer; }
.ka-teksti { font-size: 13px; line-height: 1.4; color: var(--teksti-himmea); margin: 8px 0 0; }
.koe-viesti.ka-tila { color: var(--teksti); }
/* ⚠️ TASO SAMA KUIN «Miten meni?» -RUUDULLA (play.css: #koeTulosOverlay 1600). Ruutu avataan sen
   napista repun päältä, ja `.settings-overlay` on z 1000 — ilman tätä se avautui repun taakse
   (Marko 3.10.2026: «avautuu jonnekin valikoiden taakse»). */
#koeAnalyysiOverlay { z-index: 1600; }