/* Shoda se zadáním (B8) a štítky z kontroly textů od AI (B9): karta na záložce Kvalifikace (detail/_shoda.html), štítky u textů rozboru (ai_znacky.html),
   tisknutelný pohled (detail/shoda_tisk.html). Jen proměnné z app.css; třídy začínají „shoda-“, „ai-“ a „tisk-“. */

/* ---------- Karta Shoda se zadáním ---------- */
.shoda-karta { padding-bottom: 4px; }
.shoda-karta > p, .shoda-karta > .shoda-filtr, .shoda-karta > .shoda-seznam, .shoda-karta > details { margin-left: 20px; margin-right: 20px; }
.shoda-karta > .shoda-pata { margin-top: 14px; margin-bottom: 16px; }
.shoda-souhrn { font-size: 15px; color: var(--text); }
.shoda-souhrn-chybi { color: var(--low); }
.shoda-uvod { max-width: 80ch; margin-bottom: 12px; }
.shoda-filtr { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px; }
.shoda-filtr .stitek { text-decoration: none; min-height: 30px; }
.shoda-filtr .stitek[aria-current="true"] { border-color: var(--akcent); background: var(--akcent-jemny); color: var(--akcent); }
.shoda-filtr .shoda-tisk { margin-left: auto; }
.shoda-seznam { list-style: none; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--linka); }
.shoda-radek { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--linka); }
.shoda-radek:target { background: var(--plocha-2); }
.shoda-hlava { display: flex; gap: 10px 14px; align-items: flex-start; justify-content: space-between; }
.shoda-text { overflow-wrap: anywhere; max-width: 78ch; }
.shoda-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; }
.shoda-citace { font-family: var(--mono); font-size: 12px; color: var(--text-2); overflow-wrap: anywhere; }
.shoda-forma { display: grid; grid-template-columns: minmax(130px, 170px) minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.shoda-forma select, .shoda-forma input[type="text"] { min-height: 36px; }
.shoda-kdo { margin: 0; }
.shoda-sirotci { margin-bottom: 12px; }
.shoda-sirotci .shoda-seznam { margin: 8px 0 0; }
.shoda-sirotci .shoda-forma { grid-template-columns: auto; justify-content: start; }
@media (max-width: 640px) {
  .shoda-karta > p, .shoda-karta > .shoda-filtr, .shoda-karta > .shoda-seznam, .shoda-karta > details { margin-left: 14px; margin-right: 14px; }
  .shoda-forma { grid-template-columns: minmax(0, 1fr); }
  .shoda-forma .tlacitko { min-height: 44px; }
  .shoda-forma select, .shoda-forma input[type="text"] { min-height: 44px; }
  .shoda-filtr .shoda-tisk { margin-left: 0; }
}

/* ---------- Štítky z kontroly textů od AI ---------- */
.ai-znacky { display: inline-flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; margin-top: 6px; }
.ai-znacky:not(:has(.stitek)) { display: none; }
.ai-nalezy { flex-basis: 100%; font-size: 12.5px; color: var(--text-2); }
.ai-nalezy summary { cursor: pointer; color: var(--text-3); }
.ai-nalezy ul { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 3px; overflow-wrap: anywhere; }
.ai-pas { margin-bottom: 0; }
.ai-pas > .karta-hlava { padding-bottom: 0; }
.ai-pas-seznam { list-style: none; padding: 0 20px 4px; margin: 0; display: grid; gap: 8px; font-size: 13.5px; }
.ai-pas-seznam li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.ai-pas > details { padding: 0 20px 14px; }
.ai-pas > .ai-nalezy { padding: 0 20px 14px; }

/* ---------- Tisknutelný pohled ---------- */
.tisk-strana { background: var(--plocha); }
.tisk-obal { max-width: 1100px; margin: 0 auto; padding: 24px 20px 40px; display: grid; gap: 12px; }
.tisk-ovladani { display: flex; gap: 8px; flex-wrap: wrap; }
.tisk-nadpis { font-size: 22px; }
.tisk-tabulka { width: 100%; border-collapse: collapse; font-size: 13px; }
.tisk-tabulka th, .tisk-tabulka td { border: 1px solid var(--linka-silna); padding: 6px 8px; vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.tisk-tabulka th { background: var(--plocha-2); font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; }
.tisk-tabulka tr { break-inside: avoid; }
.tisk-chybi td:nth-child(4) { color: var(--low); }
.tisk-pata { margin-top: 8px; }
@media print {
  :root { --plocha: #fff; --plocha-2: #f2f2f2; --text: #000; --text-2: #222; --text-3: #444; --linka: #999; --linka-silna: #666; --low: #8a0000; color-scheme: light; }
  .tisk-strana { background: #fff; color: #000; }
  .tisk-ovladani { display: none; }
  .tisk-obal { max-width: none; padding: 0; }
  .tisk-tabulka thead { display: table-header-group; }
}