/* 08-lentele.css — bendras duomenu pavirsius: lentele + filtrai + detaliu stalcius.
   Naudoja moduliai per `window.Lentele.sukurk(...)` — zr. komentara sasaja.js.

   Tankis cia yra SAVYBE, o ne taupymas: 34 px eilute leidzia pamatyti visa eile
   viename ekrane, o butent to is jos ir norima. Puosmenu (seseliu, apvadu aplink
   kiekviena eilute) nera del tos pacios priezasties. */

  .lnt{display:flex;flex-direction:column;min-height:0;min-width:0;gap:var(--t3)}
  .lntVirsus{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .lntFiltrai{display:flex;gap:6px;flex-wrap:wrap}
  /* Sistemine <select> isvaizda skiriasi kiekvienoje OS, tad ji apvelkam savo remeliu.
     `--line-strong`, ne `--line`: valdiklio ribai WCAG 1.4.11 reikalauja 3:1. */
  .lntFiltras{font:inherit;font-size:var(--tx-m);color:var(--text);background-color:var(--bg);
              border:1px solid var(--line-strong);border-radius:var(--r-m);
              padding:var(--t2) 30px var(--t2) var(--t3);cursor:pointer;min-height:34px}
  .lntFiltras:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
  .lntPaieska{flex:1 1 160px;min-width:120px;font:inherit;font-size:var(--tx-m);color:var(--text);
              background:var(--soft);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:5px 9px}
  .lntPaieska:focus{outline:none;border-color:var(--accent);background:var(--bg)}
  .lntKiek{font-family:var(--label);font-size:var(--tx-xs);color:var(--faint);margin-left:auto;flex:0 0 auto}

  /* `min-width:0` — BUTINAS. Be jo flex elemento automatinis minimalus plotis yra
     jo turinio plotis, tad lentele su fiksuotais stulpeliais isstumia visa puslapi
     placiau uz ekrana: ismatuota 671 px 390 px telefone. Ta pati giminė, kaip
     `min-height:0` vertikaliai (zr. brain/flex-min-height-nulis.md). */
  .lntKunas{display:flex;gap:var(--t4);min-height:0;min-width:0;align-items:flex-start}
  .lntSarasas{flex:1 1 auto;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;
              background:var(--card)}
  .lntSarasas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .lntAntrastes{display:flex;gap:var(--t3);padding:var(--t2) var(--t4);border-bottom:1px solid var(--line);
                font-family:var(--label);font-size:var(--tx-xs);letter-spacing:.09em;text-transform:uppercase;
                color:var(--faint);position:sticky;top:0;background:var(--card);z-index:1}
  .lntEil{display:flex;gap:var(--t3);align-items:center;padding:0 var(--t4);min-height:38px;font-size:var(--tx-m);
          border-top:1px solid var(--line);cursor:pointer;color:var(--text)}
  .lntEil:first-of-type{border-top:none}
  .lntEil:hover{background:var(--hover)}
  /* Zymeta (klaviatura) ir atviras (stalciuje) — DU skirtingi dalykai, ir jie
     turi atrodyti skirtingai: klaviatura gali eiti per irasus, kol stalciuje
     lieka tas pats. Abu turi 3:1 zyme kaireje, nes uzpildas jos neduoda. */
  .lntEil.zymeta{background:var(--hover)}
  .lntEil.zymeta,.lntEil.atviras{position:relative}
  .lntEil.zymeta::before,.lntEil.atviras::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
                                                 background:var(--line-strong)}
  .lntEil.atviras{background:var(--accent-soft)}
  .lntEil.atviras::before{background:var(--accent)}
  .lntC{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
  .lntC.maza{font-size:var(--tx-s);color:var(--muted)}
  .lntC.mono{font-family:var(--mono);font-size:var(--tx-s);color:var(--muted)}
  .lntC.desine{text-align:right}
  .lntTuscia{padding:18px 14px;color:var(--faint);font-size:var(--tx-m)}
  /* Skeleto eilute NEREAGUOJA i pele ir neturi zymeklio: ji nera irasas, i kuri
     galima paspausti, ir apsimesti tokia butu apgaule. */
  .lntEil.lntSkel{cursor:default;pointer-events:none}
  .lntEil.lntSkel:hover{background:none}

  /* Stalcius — SALIA saraso, ne ant jo. Modalas uzdengtu ta pati sarasa, per kuri
     zmogus kaip tik ir eina. */
  .lntStalcius{flex:0 0 380px;max-width:46%;border:1px solid var(--line);border-radius:var(--r-l);
               background:var(--card);display:flex;flex-direction:column;max-height:none}
  .lntStalcius[hidden]{display:none}
  .lntStVirsus{display:flex;align-items:center;gap:8px;padding:9px 10px 9px 13px;border-bottom:1px solid var(--line)}
  .lntStAntr{font-family:var(--display);font-size:var(--tx-l);font-weight:600;letter-spacing:-.1px;
             min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lntStX{margin-left:auto;flex:0 0 auto;width:28px;height:28px;border:none;background:none;color:var(--muted);
          border-radius:var(--r-sm);cursor:pointer;font-size:var(--tx-l);line-height:1;display:flex;align-items:center;
          justify-content:center}
  .lntStX:hover{background:var(--hover);color:var(--text)}
  .lntStKunas{padding:var(--t4);overflow-y:auto;font-size:var(--tx-m);line-height:1.6}

  @media(max-width:900px){
    /* Siaurame ekrane stalcius atsistoja PO sarasu, o ne salia: 380 px salia 300 px
       saraso reikstu, kad neskaitomi abu. */
    .lntKunas{flex-direction:column}
    .lntStalcius{flex:1 1 auto;max-width:none;width:100%}
    .lnt.suStalciumi .lntSarasas{max-height:34vh;overflow-y:auto}
    .lntEil{min-height:44px}
  }

  /* ---------- TELEFONAS: stalcius tampa LAKSTU ----------
     Kodel ne toks pat, kaip planšetėje. Stalcius, atsistojęs PO sarasu, telefone
     reiskia, kad perskaityti irasa galima tik nuslinkus zemyn — o tada sarasas,
     per kuri kaip tik ejai, lieka virsuje ir nebematomas. Lakstas ateina IS APACIOS,
     ten, kur nyksti, ir palieka sarasa savo vietoje: paspaudus kita eilute, lakstas
     tiesiog pasikeicia.
     Uzdangos SAMONINGAI NEDEDAM: sarasas uz laksto turi likti spaudziamas — butent
     taip per irasus einama telefone. */
  @media(max-width:760px){
    .lntStalcius{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:35;
                 max-height:min(72vh,560px);border-radius:var(--r-l) var(--r-l) 0 0;
                 border:1px solid var(--line-strong);box-shadow:var(--shadow-3);
                 padding-bottom:var(--sa-b);animation:lntLakstas var(--letas) var(--kreive)}
    @keyframes lntLakstas{from{transform:translateY(100%)}to{transform:none}}
    /* Rankena — sutartinis zenklas, kad tai lakstas, o ne dar viena korta sarase.
       Ji nera valdiklis (tempimo cia nera), todel ji tik piesiama. */
    .lntStVirsus{position:relative;padding-top:16px}
    .lntStVirsus::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);
                         width:34px;height:4px;border-radius:var(--r-xs);background:var(--line-2)}
    .lntStX{width:44px;height:44px}
    .lntStKunas{max-height:calc(min(72vh,560px) - 62px)}
    /* Sarasas nebesitraukia: lakstas ji dengia, o ne stumia. Bet apacioje paliekam
       vietos, kad paskutines eilutes nesislėptu po lakstu. */
    .lnt.suStalciumi .lntSarasas{max-height:none}
    .lnt.suStalciumi{padding-bottom:calc(min(72vh,560px) * .5)}
    .lntFiltras,.lntPaieska{min-height:44px}
    /* Antraeiliai stulpeliai pasitraukia — ju turinys lieka lakste. */
    .lntC.lntSlept{display:none}
  }