/* 03-pokalbis.css — Zinutes, markdown, kodo blokai, irankiu eilutes, failu korteles.

   Issskirta is public/index.html 2026-08-31 (UX refresh, 0 etapas). Failu TVARKA
   yra reiksminga: numeriai varduose = ta pati eiles tvarka, kokia buvo monolite. */
  /* --- pokalbis --- */
  /* Darbo stulpelis: bendra virsutine juosta + turinys (pokalbis ARBA sritis).
     Juosta iskelta is `main` 2026-08-31: ji priklauso ne pokalbiui, o visam langui —
     varpelis ir tema turi buti pasiekiami ir tada, kai ziuri kvota. */
  /* min-height:0 cia NERA puosmena. Flex vaiko numatytasis min-height yra `auto`,
     t.y. „nesitraukiu maziau uz savo turini" — todel ilgas pokalbis isTEMPIA `main`
     zemyn, uz lango kraso, o rasymo laukas nukeliauja i 1500-aji pikseli. `body`
     turi overflow:hidden, tad puslapio ten nenuslinksi: ekranas atrodo uzsalęs ir
     be ivesties. Ismatuota 2026-08-31 telefone (390x844): #msgs 1503 px vietoj 631,
     #composer top 1553 prie lango 844. Taisoma VISOJE grandineje — uztenka vienos
     grandies be min-height:0, kad slinkimas vel nukeliautu i isores. */
  #darbas{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
  main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
  body:not([data-sritis="pokalbiai"]) main{display:none}
  #top{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid transparent;
       min-height:50px;background:var(--bg);z-index:5}
  #top.slink{border-bottom-color:var(--line)}
  /* KRITINE JUOSTELE — vienintelis dalykas, kuriam leidziama savaime atsirasti virs
     pokalbio. Raudona cia reiskia tiksliai viena: kazkas VEIKĖ ir sugedo. Kai viskas
     gerai, elemento nera is viso (`hidden`), o ne „yra, tik zalias" — ramus ekranas
     yra pati zinia. */
  #kritine{display:flex;align-items:center;gap:var(--t3);flex:0 0 auto;
           margin:0 var(--t4) var(--t2);padding:var(--t2) var(--t3);
           background:var(--err-soft);border:1px solid var(--err-line);
           border-radius:var(--r-md);color:var(--err-text);font-size:var(--tx-l);line-height:1.45}
  #kritine[hidden]{display:none}
  #kritine .ik{flex:0 0 auto;width:18px;height:18px;border-radius: var(--r-round);display:grid;place-items:center;
               background:var(--err-solid);color:var(--on-err);font-size:var(--tx-m);font-weight:700}
  #kritine .tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* Variantas „konturinis“, mazas dydis: 32 px auksčio, 12 px i sonus. */
  /* Remelis — --err-text, ne --err-line: --err-line yra SKIRTUKO stiprumo
     (1,86:1), o mygtuko krastui WCAG 1.4.11 reikalauja 3:1. Ismatuota. */
  #kritineEik{flex:0 0 auto;height:var(--mygt-h-s);border:1px solid var(--err-text);background:transparent;
              color:var(--err-text);font:inherit;font-size:var(--tx-m);font-weight:500;padding:0 var(--t3);
              border-radius:var(--r-md);cursor:pointer;transition:background var(--greitas),color var(--greitas)}
  #kritineEik:hover{background:var(--err-solid);border-color:var(--err-solid);color:var(--on-err)}
  #antraste{font-size:var(--tx-l);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
            min-width:0;padding:3px 7px;border-radius:var(--r-sm);cursor:text;max-width:52vw}
  #antraste:hover{background:var(--hover)}
  #antraste .ren{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--accent);
                 border-radius:var(--r-sm);padding:1px 6px;min-width:220px;max-width:46vw}
  #antraste .ren:focus{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}
  #topDirba{display:none;align-items:center;gap:6px;font-size:var(--tx-s);color:var(--accent-text);flex:0 0 auto}
  body.dirba #topDirba{display:flex}
  #msgs{flex:1;min-height:0;overflow-y:auto;padding:20px 0 12px;scroll-behavior:smooth}
  .wrap{max-width:760px;margin:0 auto;padding:0 24px}
  .msg{margin-bottom:var(--t5)}
  .msg.user{display:flex;justify-content:flex-end}
  /* Vartotojo burbulas: didelis apvalumas ir VIENAS aptrauktas kampas apacioje
     desineje — sutartinis zenklas, kuris pasako, is kurios puses zinute, be jokios
     spalvos ir be uodegos piesinio. */
  .msg.user .bubble{background:var(--user);padding:var(--t3) var(--t4);
                    border-radius:var(--r-l) var(--r-l) var(--t1) var(--r-l);max-width:82%;
                    white-space:pre-wrap;word-break:break-word;border:1px solid var(--soft)}
  .msg.bot{word-break:break-word;position:relative}
  .msg.bot>*:first-child{margin-top:0}
  .msg.bot>*:last-child{margin-bottom:0}
  .msg.bot p{margin:0 0 var(--t3)}
  .msg.bot h3{font-family:var(--display);font-size:var(--dsp-s);margin:22px 0 8px;font-weight:600;letter-spacing:-.2px}
  .msg.bot h4{font-size:var(--tx-xl);margin:18px 0 6px;font-weight:600}
  .msg.bot h5,.msg.bot h6{font-size:var(--tx-l);margin:14px 0 5px;font-weight:600}
  .msg.bot ul,.msg.bot ol{margin:0 0 var(--t3);padding-left:var(--t5)}
  .msg.bot li{margin:var(--t1) 0}
  /* Citata — akcento linija vietoj pilkos: ji zymi SVETIMA balsa, o ne skirtuka. */
  .msg.bot blockquote{margin:0 0 var(--t3);padding:var(--t1) 0 var(--t1) var(--t4);
                      border-left:2px solid var(--accent-line);color:var(--muted)}
  .msg.bot hr{border:none;border-top:1px solid var(--line);margin:var(--t5) 0}
  .msg.bot a{color:var(--accent-text)}
  .msg.bot code,.msg.user code{font-family:var(--mono);font-size:var(--tx-kodas);background:var(--soft-2);
                               padding:1.5px 5px;border-radius:var(--r-sm)}
  .msg.bot table{border-collapse:collapse;margin:0 0 12px;font-size:var(--tx-l);display:block;overflow-x:auto}
  .msg.bot th,.msg.bot td{border:1px solid var(--line);padding:6px 10px;text-align:left}
  .msg.bot th{background:var(--panel);font-weight:600}

  /* kodo blokas su antraste ir kopijavimu */
  /* Kodo blokas — ta pati korta, kaip visur kitur: --r-l apvalumas, --t* tarpai.
     Iki 2026-09-01 cia buvo 10 px apvalumas ir 14 px paraste, o salia 20 px korteliu
     tai matesi kaip senesnis sluoksnis. */
  .code{border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;
        margin:0 0 var(--t4);background:var(--card)}
  .code .ch{display:flex;align-items:center;gap:var(--t2);padding:var(--t2) var(--t2) var(--t2) var(--t4);background:var(--panel);
            border-bottom:1px solid var(--line);font-size:var(--tx-s);color:var(--muted);font-family:var(--mono)}
  .code .ch b{font-weight:600}
  .code .cp{margin-left:auto;border:none;background:none;color:var(--muted);font-size:var(--tx-s);cursor:pointer;
            padding:3px 7px;border-radius:var(--r-sm);font-family:var(--sans)}
  .code .cp:hover{background:var(--soft-3);color:var(--text)}
  .code pre{margin:0;padding:var(--t3) var(--t4);overflow-x:auto;font-family:var(--mono);font-size:var(--tx-m);line-height:1.6}

  /* irankio eilute: ratukas -> ✓/✕, rezultatas isskleidziamas */
  .tool{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 11px;
        margin:0 0 12px;font-size:var(--tx-m);color:var(--muted)}
  .tool.err{border-color:var(--err-line)}
  .tool .th{display:flex;align-items:center;gap:8px;min-width:0}
  .tool.turi .th{cursor:pointer}
  .tool b{color:var(--text);font-weight:600;font-family:var(--mono);font-size:var(--tx-s);flex:0 0 auto}
  .tool .ar{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:var(--tx-s)}
  .tool .st{flex:0 0 auto;width:12px;height:12px;line-height:12px;text-align:center;font-size:var(--tx-s)}
  .tool .st.ok{color:var(--ok-text)}
  .tool .st.bad{color:var(--err-text)}
  /* Trukme — salia rezultato zenklo, ne po juo. Butent ji atsako i klausima
     „kur dingo tos dvi minutes", tad ji matoma NEISSKLEIDUS. Tabuliariniai skaiciai
     (`--label` yra mono) — kad tiksintis laikas nestumdytu gretimu elementu. */
  .tool .tlaik{flex:0 0 auto;font-family:var(--label);font-size:var(--tx-xs);color:var(--faint);
               font-variant-numeric:tabular-nums}
  .tool .tlaik:empty{display:none}
  .tool .chev{flex:0 0 auto;color:var(--faint);font-size:var(--tx-xs);transition:transform var(--greitas)}
  .tool.open .chev{transform:rotate(90deg)}
  .tool .tres{display:none;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);
              white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto;
              font-family:var(--mono);font-size:var(--tx-s);color:var(--text)}
  .tool.open .tres{display:block}
  .err{color:var(--err-text);margin-bottom:12px}
  .thinking{color:var(--muted);font-style:italic}

  /* Ejimo suvestine po atsakymu: trukme · zingsniai · kainos IVERTIS.
     Silpna spalva ir mazas dydis samoningai — tai ne rezultatas, o jo etikete;
     ji turi buti pasiekiama akiai, kai jos ieskai, ir nematoma, kai skaitai. */
  .suvest{margin-top:8px;font-family:var(--label);font-size:var(--tx-xs);color:var(--faint);
          font-variant-numeric:tabular-nums}

  /* veiksmai po agento zinute (kopijuoti) */
  .acts{display:flex;gap:4px;margin-top:2px;opacity:0;transition:opacity var(--greitas)}
  .msg.bot:hover .acts{opacity:1}
  .acts button{border:none;background:none;color:var(--muted);font-size:var(--tx-s);cursor:pointer;
               padding:4px 8px;border-radius:var(--r-sm)}
  .acts button:hover{background:var(--hover);color:var(--text)}

  /* zinutes taisymas: pieštukas prie savo burbulo + taisymo laukas */
  .msg.user{position:relative}
  .taisyk{border:none;background:none;color:var(--muted);font-size:var(--tx-s);cursor:pointer;
          padding:4px 8px;border-radius:var(--r-sm);opacity:0;transition:opacity var(--greitas);align-self:center;
          margin-right:2px;white-space:nowrap}
  .msg.user:hover .taisyk,.taisyk:focus-visible{opacity:1}
  .taisyk:hover{background:var(--hover);color:var(--text)}
  .msg.user.taisoma{justify-content:stretch}
  .msg.user.taisoma .bubble,.msg.user.taisoma .taisyk{display:none}
  .tais{width:100%;background:var(--user);border:1px solid var(--line-strong);border-radius:var(--r-xl);padding:11px 13px}
  .tais textarea{width:100%;box-sizing:border-box;background:none;border:none;outline:none;resize:none;
                 color:var(--text);font:inherit;line-height:1.55;min-height:52px;max-height:340px}
  .tais .isp{display:flex;gap:7px;align-items:flex-start;margin-top:9px;padding-top:9px;
             border-top:1px solid var(--line-2);color:var(--muted);font-size:var(--tx-m);line-height:1.5}
  .tais .isp b{color:var(--err-text);font-weight:600}
  .tais .btns{display:flex;gap:7px;justify-content:flex-end;margin-top:10px}
  .tais .btns button{border:1px solid var(--line-strong);background:none;color:var(--text);font-size:var(--tx-m);
                     cursor:pointer;padding:6px 13px;border-radius:var(--r-md)}
  .tais .btns button:hover{background:var(--hover)}
  .tais .btns button.pav{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent-solid)}
  .tais .btns button.pav:hover{background:var(--accent-solid-h);border-color:var(--accent-solid-h)}
  .tais .btns button:disabled{opacity:.5;cursor:default}

  /* tuscias ekranas */
  #empty{text-align:center;margin-top:16vh;color:var(--text)}
  #empty .h{font-family:var(--display);font-size:var(--dsp-l);font-weight:500;letter-spacing:-.5px}
  #empty .s{color:var(--muted);font-size:var(--tx-l);margin-top:8px}
  /* Pirmo paleidimo blokas. `text-align:left` — sarasas is centro neskaitomas;
     `margin-top` mazesnis uz #empty 16vh, nes turinio cia daugiau. */
  #empty.pirmasKart{margin-top:8vh}
  #empty .s{max-width:52ch;margin-left:auto;margin-right:auto}
  #empty .pirmas{text-align:left;max-width:52ch;margin:22px auto 0;
    border-top:1px solid var(--line);padding-top:18px}
  #empty .pirmas .k{font-size:var(--tx-s);letter-spacing:.08em;text-transform:uppercase;
    color:var(--muted);margin:14px 0 6px}
  #empty .pirmas .k:first-child{margin-top:0}
  #empty .pirmas ol{margin:0;padding-left:20px;color:var(--text);font-size:var(--tx-l);line-height:1.65}
  #empty .pirmas li{margin:5px 0}
  #empty .pirmas .s{margin-top:4px;max-width:none}
  #empty .pirmas code{font-family:var(--mono);font-size:var(--tx-m);background:var(--soft-2);
    border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 5px}