/* 09-perziura.css — Soninė dokumento peržiūra: kortelė atidaro failą ČIA PAT.

   Kodel sitas ekranas apskritai yra. Kortelė (04-rasymas.css `.art`) sake tik tiek,
   kad failas sukurtas, ir siule ji ATSISIUSTI — t. y. iseiti is pokalbio, atidaryti
   kita programa ir grizti. Del to dokumentu buvo prasoma retai: pigiau buvo prasyti
   teksto atsakyme. Peržiūra tą kainą panaikina.

   MAKETO SPRENDIMAS. Atsidarius peržiūrai `#darbas` is stulpelio (flex column) tampa
   TINKLELIU 2x2: virsutine juosta per abu stulpelius, pokalbis kaireje, dokumentas
   desineje. Butent todel cia nera nei `position:absolute`, nei perdangos: pokalbis
   privalo LIKTI MATOMAS ir naudojamas — kad „situo pakeisk" butu galima parasyti
   neuzdarius dokumento. Perdanga (modalas) atimtu is jo butent ta viena savybe, del
   kurios jis daromas.

   `main` ir `#sritis` cia tik gauna savo langeli tinklelyje; ju `display` NELIECIAM —
   ji valdo `body[data-sritis]`, ir perrasius ji peržiūra atidarytu paslepta pokalbi. */

  /* Uzdaryta peržiūra nedalyvauja makete visai. `hidden` atributo neuztenka: jis
     lieka nugalimas bet kurios `display` taisykles, o cia ju bus.

     KODEL `<section>`, o ne `<aside>` (nors prasme tinka labiau). 02-juosta.css turi
     BEVARDE taisykle `aside{width:264px;background:var(--panel);border-right:…}` —
     ji skirta soninei juostai, bet galioja KIEKVIENAM `<aside>` puslapyje. Ismatuota:
     peržiūra gavo 264 px vietoj 464 px skirtos tinklelio skilties, ir dokumentas buvo
     suspaustas iki puses. Perrasineti tas savybes po viena reikstu, kad kita bevarde
     taisykle vel tyliai ateis; `<section>` ju nepasiima is viso. */
  #perz{display:none}
  html[data-perziura] #perz{display:flex;flex-direction:column;min-width:0;min-height:0;
        background:var(--bg);border-left:1px solid var(--line-2)}

  /* Plotis: ne fiksuotas ir ne procentas, o abu su ribomis. 42 % duoda dokumentui
     daugiau vietos nei pokalbiui reikia atimti; 760 px lubos — kad 4K ekrane
     dokumentas nevirstu plakatu, o `clamp` apatine riba saugo, kad ties 900 px
     langu peržiūra dar butu skaitoma, o ne skiltis. */
  /* TRYS eilutes, ne dvi: virsutine juosta, kritine juostele, turinys.
     Kritine juostele (`#kritine`) yra `#darbas` vaikas, o `#darbas` cia is flex
     virsta GRID — vaikas be aiskios vietos tada iskrenta i numanoma eilute.
     Ismatuota 2026-09-01: juostele atsidurdavo y=842 (ekrano apacioje, PO pokalbiu)
     ir 604 px plocio, t.y. pranesimas apie gedima nusileisdavo zemiau uz viska, ka
     jis turi perspeti. `auto` eilute be turinio auksčio neuzima, tad be perziuros
     niekas nepasikeicia. */
  html[data-perziura] #darbas{display:grid;
        grid-template-columns:minmax(0,1fr) clamp(340px,42%,760px);
        grid-template-rows:auto auto minmax(0,1fr)}
  html[data-perziura] #top{grid-column:1/-1;grid-row:1}
  html[data-perziura] #kritine{grid-column:1/-1;grid-row:2}
  html[data-perziura] main,html[data-perziura] #sritis{grid-column:1;grid-row:3;min-width:0;min-height:0}
  html[data-perziura] #perz{grid-column:2;grid-row:3}

  /* --- antraste: kas cia guli ir ka su tuo galima daryti --- */
  #perzVirs{display:flex;align-items:center;gap:var(--t2);padding:10px var(--t3);
            border-bottom:1px solid var(--line);min-height:48px}
  #perzIk{font-size:var(--tx-2xl);line-height:1;flex:0 0 auto}
  #perzVard{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}
  #perzVard b{font-size:var(--tx-l);font-weight:600;color:var(--text);
              overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #perzVard span{font-size:var(--tx-xs);color:var(--muted);
                 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .perzM{font-size:var(--tx-s);padding:5px 10px;border:1px solid var(--line-strong);border-radius:var(--r-s);
         background:none;color:var(--text);cursor:pointer;text-decoration:none;flex:0 0 auto;
         transition:border-color var(--greitas),color var(--greitas)}
  .perzM:hover{border-color:var(--accent)}
  /* Isjungtam mygtukui kontrasto riba netaikoma (zr. 01-zodynas.css), bet PRIEZASTIS
     turi buti pasakyta — ji gyvena `title` atribute, kuri uzdeda sasaja.js. */
  .perzM[disabled]{opacity:.5;cursor:default;border-color:var(--line-2)}
  .perzM.tik{padding:5px 8px;font-size:var(--tx-l);line-height:1}

  /* --- sazininga zyme: kad NIEKADA nebutu neaisku, ar matai visa faila --- */
  /* `display:block`, o NE flex. Ismatuota nuotraukoje: flex kiekviena teksto gabala
     tarp <a> paverčia atskiru vaiku, ir sakinys „Rodoma tik pradžia — 256 KB iš 1,3 MB.
     Visą failą paimk atsisiuntimu. Lentelė: …" issidesto trimis stulpeliais. Cia yra
     SAKINYS, o ne eilutė valdikliu. */
  #perzZyme{display:none;padding:8px var(--t3);line-height:1.5;
            font-size:var(--tx-s);color:var(--warn-text);background:var(--soft);
            border-bottom:1px solid var(--line)}
  #perzZyme.yra{display:block}
  #perzZyme a{color:var(--accent-text)}

  /* --- pats turinys --- */
  /* Paraste — VIENAS skaicius. Lipni lentelės antraste turi kilti butent tiek, kiek
     yra parastes, ir tas skaicius buvo irasytas DVIEJOSE vietose (--t4 cia, --t3
     telefone). Pakeitus viena, antraste butu nuslydusi, ir niekas nebutu pranešęs. */
  #perzTuris{--perz-p:var(--t4);
             flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:var(--perz-p);color:var(--text)}
  /* PDF, HTML ir paveikslas uzima VISA plota: jiems paraste yra tik prarasti pikseliai. */
  #perzTuris.pilnas{padding:0;overflow:hidden;display:flex;flex-direction:column}
  /* `color-scheme:light` ant kadro. Prasme: svetimas dokumentas turi buti piesiamas
     SAVO, o ne musu spalvomis — be sito narsykle perduoda kadrui embedderio tamsia
     schema, ir HTML be savo fono tampa juodu lapu.
     SAZININGAI: sito CIA PATIKRINTI NEPAVYKO. Sandarintas kadras piesiamas atskirame
     procese, ir headless Chrome ekrano kopijos apie ji meluoja — pilna kopija rodo
     tamsu kadra, o TO PATIES ploto iskarpa (`clip`) grazina vien balta (matuota
     pikseliais, keturios temos/failo poros). Todel si eilutė remiasi CSS specifikacija
     (color-adjust: `color-scheme` ant <iframe> nustato idetos dokumento schema), o ne
     matavimu. Tikram atsakymui reikia akiu tikroje narsykleje.
     Buvo ir antras „saugiklis" — baltas fonas po kadru (`#perzTuris.baltas`). Jis
     ISIMTAS: bandymas nudazius #perzTuris raudonai parode, kad raudonos nesimato —
     kadro sluoksnis ji uzdengia visiskai, tad ta eilutė nedare nieko. */
  #perzTuris iframe{flex:1 1 auto;width:100%;border:0;background:var(--perz-popierius);color-scheme:light}
  #perzTuris img.pav{max-width:100%;max-height:100%;margin:auto;object-fit:contain;display:block}
  #perzTuris pre{margin:0;white-space:pre-wrap;word-break:break-word;
                 font:var(--tx-m)/1.65 var(--mono);color:var(--text)}
  /* Markdown: tie patys tagai, kaip zinuteje, tik savo tarpais — cia jie yra
     DOKUMENTAS, o ne atsakymo dalis. */
  #perzTuris .md{font:var(--tx-l)/1.65 var(--sans)}
  #perzTuris .md h3,#perzTuris .md h4,#perzTuris .md h5{margin:18px 0 8px;font-family:var(--display);line-height:1.3}
  #perzTuris .md h3{font-size:var(--dsp-s)}
  #perzTuris .md h4{font-size:var(--tx-xl)}
  #perzTuris .md p,#perzTuris .md ul,#perzTuris .md ol{margin:0 0 10px}
  #perzTuris .md li{margin:3px 0}
  #perzTuris .md hr{border:0;border-top:1px solid var(--line);margin:16px 0}
  #perzTuris .md blockquote{margin:0 0 10px;padding:2px 0 2px 12px;border-left:2px solid var(--line-2);color:var(--muted)}
  #perzTuris .md code{font:var(--tx-m) var(--mono);background:var(--soft-2);padding:1px 4px;border-radius:var(--r-xs)}
  #perzTuris .md .code{border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;margin:0 0 12px}
  #perzTuris .md .code .ch{display:flex;align-items:center;gap:8px;padding:5px 10px;
                           background:var(--soft);border-bottom:1px solid var(--line);font-size:var(--tx-s);color:var(--muted)}
  #perzTuris .md .code .cp{margin-left:auto;font-size:var(--tx-s);background:none;border:1px solid var(--line-strong);
                           border-radius:var(--r-sm);padding:2px 8px;color:var(--text);cursor:pointer}
  #perzTuris .md .code pre{padding:10px;font-size:var(--tx-m)}
  #perzTuris .md a{color:var(--accent-text)}
  /* Lentele (CSV/TSV) — CIA ir yra visa sio ekrano prasme: kableliais atskirta kase
     virsta lentele. `position:sticky` antrastei: 400 eiluciu slinkus zemyn stulpeliu
     vardai neturi dingti, kitaip lentele vel tampa kase. */
  #perzTuris table{border-collapse:collapse;font-size:var(--tx-m);width:100%}
  #perzTuris th,#perzTuris td{border:1px solid var(--line);padding:5px 9px;text-align:left;
                              vertical-align:top;white-space:pre-wrap;word-break:break-word}
  #perzTuris thead th{position:sticky;top:calc(-1 * var(--perz-p));background:var(--bg);
                      font-weight:600;box-shadow:0 1px 0 var(--line)}
  #perzTuris tbody tr:nth-child(2n){background:var(--soft)}
  /* Ko parodyti negalim — pasakom, o ne rodom tuscia langa. */
  #perzTuris .negalim{max-width:420px;margin:12vh auto 0;text-align:center;color:var(--muted);font-size:var(--tx-l)}
  #perzTuris .negalim b{display:block;font-size:var(--tx-xl);color:var(--text);margin-bottom:6px;font-family:var(--display)}
  #perzTuris .negalim .perzM{display:inline-block;margin-top:14px}

  /* --- telefonas: peržiūra per VISA ekrana ---
     Siaurame ekrane salia nera kur: 42 % nuo 390 px yra 164 px, o tai ne dokumentas.
     Todel tinklelis grazinamas atgal i stulpeli, o peržiūra uzsideda virsuje. */
  @media(max-width:760px){
    html[data-perziura] #darbas{display:flex}
    html[data-perziura] #perz{position:fixed;inset:0;z-index:30;height:var(--vh);
          border-left:0;padding-top:var(--sa-t);padding-bottom:var(--sa-b);
          padding-left:var(--sa-l);padding-right:var(--sa-r)}
    #perzTuris{--perz-p:var(--t3)}
  }

  /* Kortelė, kuria galima atidaryti (04-rasymas.css `.art`), turi tai RODYTI.
     Be sito eilutė paspaudziama, bet apie tai nezino niekas. */
  .art.galim .ah{cursor:pointer}
  .art.galim .ah:hover{background:var(--soft)}

  /* Sunumeruoti stulpeliai (faile antrastes nebuvo) — silpniau uz tikra antraste:
     tai musu pridetas numeris, ne failo turinys, ir jis neturi atrodyti kaip duomuo. */
  #perzTuris thead th.nr{color:var(--muted);font-weight:400;font-family:var(--mono);font-size:var(--tx-s)}