/* Doplňky obrazovky Dokument (úprava Wordu, textu, zobrazení PDF, obrázku a videa v okně) a seznamu souborů balíku. Jen proměnné z app.css; třídy dok-*. */

/* ---------- lišta s tlačítky ---------- */
.dok-nazev { overflow-wrap: anywhere; }
.dok-lista { position: sticky; top: var(--dok-horni, 0px); z-index: 15; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 0; background: var(--pozadi); border-bottom: 1px solid var(--linka); }
.dok-lista .tlacitko { min-height: 44px; }
.dok-stav { color: var(--text-3); overflow-wrap: anywhere; }
.dok-stav-zmena { color: var(--mid); font-weight: 500; }
.dok-stav-ok { color: var(--ok); font-weight: 500; }
.dok-stav-chyba { color: var(--low); font-weight: 500; }
.dok-zpravy { display: grid; gap: 10px; }
.dok-zpravy:empty { display: none; }
.dok-napoveda { max-width: 78ch; }
.dok-legenda { display: flex; flex-wrap: wrap; gap: 6px 12px; }
.dok-legenda span { padding: 1px 8px; border-radius: var(--r1); }

/* ---------- Word: strana s odstavci a tabulkami ---------- */
.dok-papir { background: var(--plocha); border: 1px solid var(--linka); border-radius: var(--r2); box-shadow: var(--stin); padding: 28px 32px; max-width: 900px; width: 100%; margin: 0 auto; font-size: 14px; line-height: 1.55; min-width: 0; }
.dok-p { margin: 0 0 .55em; min-height: 1.55em; white-space: pre-wrap; tab-size: 4; overflow-wrap: anywhere; border-radius: 3px; }
.dok-p[contenteditable="true"] { cursor: text; }
.dok-p[contenteditable="true"]:hover { background: var(--plocha-2); }
.dok-p[contenteditable="true"]:focus { background: var(--plocha-2); outline: none; }
.dok-n1 { font-size: 1.45em; font-weight: 600; line-height: 1.3; margin-top: .6em; }
.dok-n2 { font-size: 1.25em; font-weight: 600; line-height: 1.3; margin-top: .5em; }
.dok-n3 { font-size: 1.1em; font-weight: 600; }
.dok-n4 { font-weight: 600; }
.dok-titul { font-size: 1.6em; font-weight: 600; line-height: 1.25; }
.dok-stred { text-align: center; }
.dok-vpravo { text-align: right; }
.dok-do-bloku { text-align: justify; }
.dok-b { font-weight: 600; }
.dok-i { font-style: italic; }
.dok-u { text-decoration: underline; }
.dok-pr { text-decoration: line-through; }
.dok-u.dok-pr { text-decoration: underline line-through; }
.dok-horni { vertical-align: super; font-size: .8em; }
.dok-dolni { vertical-align: sub; font-size: .8em; }
.dok-zastupny { color: var(--text-3); }
/* zvýraznění z Wordu: žlutě = doplnit, tyrkysově = návrh AI, zeleně = údaj z dat */
.dok-zl { background: color-mix(in srgb, var(--mid) 30%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--mid) 40%, transparent); border-radius: 2px; }
.dok-tyrk { background: color-mix(in srgb, var(--akcent) 20%, transparent); border-radius: 2px; }
.dok-zel { background: var(--ok-jemny); border-radius: 2px; }
.dok-hl { background: var(--neu-jemny); border-radius: 2px; }
.dok-obr { display: inline-block; padding: 0 6px; margin: 0 2px; border: 1px dashed var(--linka-silna); border-radius: var(--r1); color: var(--text-3); font-size: .85em; user-select: none; white-space: nowrap; }

/* seznamy: značka z numbering.xml je jen vykreslená (nejde ji upravit) */
.dok-seznam { position: relative; }
.dok-seznam::before { content: attr(data-znacka); position: absolute; left: 0; color: var(--text-3); user-select: none; pointer-events: none; font-weight: 400; font-size: 1rem; white-space: nowrap; }
.dok-ur0 { padding-left: 1.9em; }
.dok-ur1 { padding-left: 3.5em; }
.dok-ur2 { padding-left: 5.1em; }
.dok-ur3 { padding-left: 6.7em; }
.dok-ur4 { padding-left: 8.3em; }
.dok-ur5 { padding-left: 9.9em; }
.dok-ur6 { padding-left: 11.5em; }
.dok-ur7 { padding-left: 13.1em; }
.dok-ur8 { padding-left: 14.7em; }
.dok-ur1::before { left: 1.6em; }
.dok-ur2::before { left: 3.2em; }
.dok-ur3::before { left: 4.8em; }
.dok-ur4::before { left: 6.4em; }
.dok-ur5::before { left: 8em; }
.dok-ur6::before { left: 9.6em; }
.dok-ur7::before { left: 11.2em; }
.dok-ur8::before { left: 12.8em; }

/* tabulky (ve Wordu bývají bez ohraničení; tady jsou buňky vidět, ať je jasné, kam psát) */
.dok-tab-obal { overflow-x: auto; margin: 0 0 .8em; }
.dok-tabulka { width: 100%; border-collapse: collapse; table-layout: auto; }
.dok-tabulka td { border: 1px dashed var(--linka-silna); padding: 4px 8px; vertical-align: top; min-width: 3.5em; }
.dok-tabulka td > :last-child { margin-bottom: 0; }
.dok-tabulka .dok-p { margin-bottom: .25em; }

/* ---------- textový editor, PDF, obrázek, video ---------- */
.dok-textarea { min-height: 60vh; font: 13px/1.55 var(--mono); tab-size: 4; resize: vertical; width: 100%; }
.dok-pdf { width: 100%; height: min(80vh, 1100px); min-height: 480px; border: 1px solid var(--linka); border-radius: var(--r2); background: var(--plocha); }
.dok-obrazek { display: block; max-width: 100%; height: auto; margin: 0 auto; border: 1px solid var(--linka); border-radius: var(--r2); background: var(--plocha); }
.dok-video { display: block; width: 100%; max-height: 75vh; border-radius: var(--r2); background: var(--text); }

/* ---------- seznam souborů balíku na záložce Dokumenty ---------- */
.dok-soubory-baliku .nab-podnadpis { margin: 14px 0 6px; overflow-wrap: anywhere; }
.dok-soubory-baliku .nab-soubory li { align-items: center; }
.dok-soubory-baliku .tlacitko { min-height: 44px; }

@media (max-width: 720px) {
  .dok-papir { padding: 16px 14px; }
  .dok-ur0 { padding-left: 1.7em; }
  .dok-ur1 { padding-left: 2.9em; }
  .dok-ur2 { padding-left: 4.1em; }
  .dok-ur3, .dok-ur4, .dok-ur5, .dok-ur6, .dok-ur7, .dok-ur8 { padding-left: 5.3em; }
  .dok-ur1::before { left: 1.2em; }
  .dok-ur2::before { left: 2.4em; }
  .dok-ur3::before, .dok-ur4::before, .dok-ur5::before, .dok-ur6::before, .dok-ur7::before, .dok-ur8::before { left: 3.6em; }
  .dok-lista .tlacitko { flex: 1 1 auto; }
  .dok-stav { flex-basis: 100%; }
}