/* Záložka Dotazy a návrh řešení (detail/dotazy.html, obrazovky/dotazy.py). Jen proměnné z app.css; třídy dn-*. */
.dn-karta .hlaska { margin-bottom: 12px; }
.dn-seznam { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 14px; }
.dn-polozka { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--linka); border-radius: var(--r2); background: var(--plocha); min-width: 0; }
.dn-polozka.dn-stav-schvaleno { border-color: color-mix(in srgb, var(--ok) 55%, var(--linka)); }
.dn-polozka.dn-stav-skrtnuto { opacity: .65; background: var(--plocha-2); }
.dn-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.dn-formular { display: grid; gap: 10px; }
.dn-formular textarea, .dn-formular input[type="text"] { width: 100%; }
.dn-skrtnuto { text-decoration: line-through; }
.dn-akce, .dn-akce-hlavni { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 4px; }
.dn-akce-hlavni { margin: 0 0 12px; }
.dn-spustit { display: contents; }
.dn-citace { display: grid; gap: 6px; padding: 10px 12px; border: 1px solid var(--linka); border-radius: var(--r1); background: var(--plocha-2); }
.dn-citace-chybi { border-color: color-mix(in srgb, var(--low) 45%, var(--linka)); }
.dn-citace-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.dn-misto { font-size: 12.5px; color: var(--text-2); overflow-wrap: anywhere; }
.dn-citace blockquote { margin: 0; padding-left: 10px; border-left: 3px solid var(--linka-silna); color: var(--text-2); overflow-wrap: anywhere; }
.dn-citace-chybi blockquote { border-left-color: var(--low); }
.dn-stitky { display: flex; flex-wrap: wrap; gap: 6px; }
.dn-stitky:empty { display: none; }
.dn-stitky .stitek { white-space: normal; }
.dn-otazka { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dn-text { width: 100%; font: 400 13px/1.5 var(--mono); }
.dn-sekce { margin-top: 18px; display: grid; gap: 8px; }
.dn-shrnuti { margin-top: 12px; display: grid; gap: 8px; }
.dn-varovani { display: flex; gap: 8px; align-items: flex-start; color: var(--mid); margin: 0 0 6px; }
.dn-varovani span { min-width: 0; overflow-wrap: anywhere; }
.dn-zmeny { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.dn-karta details.rozbal { margin-top: 10px; }
@media (pointer: coarse) {
  .dn-karta .tlacitko { min-height: 44px; }
  .dn-karta details.rozbal > summary { min-height: 44px; }
}
.dn-akce-hlavni .nab-potvrzeni { flex: 1 1 100%; margin: 0; }