/* Měření a Odpovědi AI. Barvy z sklo.css a zaklad.css: akcent, zelená jen zmínka, červená jen chyba. */

.mereni-spust-dole { margin: 18px -22px -22px; padding: 16px 22px 18px; border-top: 1px solid var(--linka); background: var(--pozadi-jemne); border-radius: 0 0 var(--polomer-karta) var(--polomer-karta); }
.mereni-spust-dole .upozorneni { margin-bottom: 12px; }
.mereni-spust-dole form { margin: 0; }
.mereni-udaje {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 6px 20px;
  margin: 0;
}
.mereni-udaje dt { min-width: 0; }
.mereni-udaje dd { margin: 0; }

.mereni-filtr {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px 14px;
  margin: 0 0 16px;
  padding: 10px 14px;
  background: var(--karta);
  border: 1px solid var(--linka);
  border-radius: var(--polomer);
}
.mereni-filtr .pole { margin: 0; min-width: 200px; }
.mereni-filtr .pole label { font-size: 0.78rem; margin-bottom: 3px; color: var(--tlumeny); }
.mereni-filtr .pole select { min-height: 38px; padding: 6px 10px; }
.mereni-filtr .tlacitko { margin-bottom: 0; min-height: 38px; }

.mereni-metoda {
  color: var(--tlumeny);
  font-size: 0.92rem;
  max-width: 82ch;
}
.mereni-souhrn { font-size: 1.15rem; font-weight: 600; max-width: 70ch; margin: 18px 0 22px; }

.mereni-pozn { margin: 10px 0 0; font-size: 0.9rem; color: var(--tlumeny); max-width: 82ch; }
.mereni-seznam { margin: 0 0 12px; padding-left: 22px; max-width: 82ch; }
.mereni-seznam li { margin-bottom: 6px; }

/* matice otázky × systémy */
.matice-bunka {
  display: inline-block;
  min-width: 64px;
  padding: 2px 10px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.matice-zadna { background: var(--pozadi-hluboke); color: var(--inkoust-2); }
.matice-cast { background: var(--akcent-svetly); color: var(--akcent-tmavy); }
.matice-vse { background: var(--zelena-svetla); color: var(--zelena); }
.matice-nic { background: transparent; color: var(--tlumeny); font-weight: 400; border: 1px dashed var(--linka-silna); }

/* ukázky odpovědí */
.ukazka-odpoved {
  background: var(--pozadi-jemne);
  border: 1px solid var(--linka);
  border-radius: var(--polomer-mala);
  margin: 0 0 8px;
}
.ukazka-odpoved > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding: 12px 16px;
}
.ukazka-odpoved > summary::before {
  content: "▸";
  color: var(--tlumeny);
}
.ukazka-odpoved[open] > summary::before { content: "▾"; }
.ukazka-otazka { font-weight: 600; flex: 1 1 320px; min-width: 0; }
.ukazka-motor { font-size: 0.85rem; color: var(--tlumeny); }
.ukazka-text {
  padding: 4px 16px 12px 36px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 82ch;
}
.ukazka-text mark {
  background: var(--akcent-svetly);
  box-shadow: inset 0 -2px 0 var(--akcent);
  color: inherit;
  padding: 0 2px;
}
.ukazka-zdroje { margin: 0; padding: 0 16px 14px 36px; font-size: 0.88rem; color: var(--tlumeny); }

@media (max-width: 720px) {
  .mereni-spust-dole { margin: 18px -16px -16px; padding: 14px 16px 16px; }
  .mereni-filtr .pole { min-width: 0; flex: 1 1 100%; }
  .ukazka-text, .ukazka-zdroje { padding-left: 16px; }
}

.bez-zalomeni { white-space: nowrap; }