/* 06-telefonas.css — Sonine juosta kaip stalcius ir visa, kas keiciasi zemiau 760 px arba ekranuose be peles. 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. */ /* Patamsinimas po stalciumi. Ne display:none/block, o opacity — kitaip stalcius issislenka, o fonas atsiranda soktelejęs. pointer-events saugo nuo to, kad nematomas sluoksnis gaudytu paspaudimus. */ #uzdanga{position:fixed;inset:0;background:var(--overlay-3);z-index:19; opacity:0;pointer-events:none;transition:opacity var(--vidutinis)} @media(max-width:760px){ /* --- soninė kaip stalcius --- */ /* Stalciaus krastas — --line-strong, ne --line. Isamatuota: tamsoje stalcius (--panel) pries patamsinta puslapi duoda 1,01:1, t.y. briaunos NEBUVO isvis, ja piese tik seselis. Ir sustiprinti patamsinimo cia negalima: --panel jau tamsesnis uz --bg, tad kuo labiau tamsintum puslapi, tuo labiau jie sutampa. Vienintelis kelias — sviesi linija. */ /* Stalcius — VISA kaire puse (juostele + stulpelis), o ne vien stulpelis: kitaip nuejus i „Sistema" juostele liktu uz ekrano, ir grizti butu nekaip. Atidarymo zyme lieka ant `#side` (ja uzdeda burger, braukimas ir matuokliai), o slenka `#kaire` — todel cia `:has()`, o ne antra klase: dvi klases, reiskiancios ta pati, visada issiskiria. */ #kaire{position:fixed;top:0;left:0;width:min(88vw,320px);height:var(--vh);z-index:20; transform:translateX(-100%);transition:transform var(--vidutinis) ease; padding-top:var(--sa-t);padding-left:var(--sa-l);padding-bottom:var(--sa-b)} #kaire:has(#side.open){transform:none;box-shadow:var(--shadow-2)} #kaire:has(#side.open) ~ #uzdanga{opacity:1;pointer-events:auto} /* 72 px, ne 64: tas pats „Nustatymai“ po perejimo prie Montserrat nebetelpa ir cia (zr. 02-juosta.css). */ #rail{width:72px;padding-top:8px} .railM{width:56px;min-height:44px} .railIk{width:44px;height:44px} aside{width:auto;flex:1 1 auto;border-right:1px solid var(--line-strong)} /* Stalcius, kuriame liko tik 56 px juostele, atrodo kaip klaida. Telefone stulpelis lieka visada — ten jis ne perteklius, o vienintele vieta, kur matosi srities dalies pavadinimas. */ body.vienaDalis #side{display:flex} #burger{display:block} /* --- slenka POKALBIU SARASAS, ne visas stalcius --- Anksciau cia slinko visas stalcius, ir tai buvo apejimas: moduliu panelės gulejo toje pacioje juostoje ir suspausdavo sarasa iki min-height:60px. Ismatuota tada: stalcius slinko 4270 px, tad iki „Sistemos" reikejo nuslinkti penkis ekranus. Dabar moduliai gyvena skydelyje, juostoje liko tik pokalbiai — ir slinkti verta butent jiems, o „Naujas pokalbis", paieska bei „Sistema" lieka vietoje. */ aside{overflow:hidden;overscroll-behavior:contain} #kaire{overflow:hidden} #list{flex:1 1 auto;overflow-y:auto;min-height:0} /* --- saugios zonos --- */ #top{padding-top:calc(10px + var(--sa-t));padding-left:calc(12px + var(--sa-l)); padding-right:calc(12px + var(--sa-r))} #composer{padding-bottom:calc(10px + var(--sa-b))} .wrap,.cbox{padding-left:calc(14px + var(--sa-l));padding-right:calc(14px + var(--sa-r))} #dirba,.cpat{padding-left:calc(16px + var(--sa-l));padding-right:calc(16px + var(--sa-r))} .msg.user .bubble{max-width:92%} #antraste{max-width:none} /* Juostele „agentas dirba" siaurame ekrane netelpa i viena eilute. Be sito jos flex vaikai laužosi vienas i kita ir gaunasi tekstas per du sluoksnius; ilgas paaiskinimas nusileidzia i savo eilute. */ #dirba{flex-wrap:wrap;row-gap:3px} #dirba .dsub{flex:0 0 100%} #toast{bottom:calc(22px + var(--sa-b))} /* --- nykscio dydzio taikiniai --- WCAG 2.2 riba yra 24 px, bet nykstys jos nezino. Iki 2026-08-31 cia buvo 40 px — skaicius, gimęs is „kol nustojo but nepatogu". Dabar 44 px: tiek sako ir Apple HIG, ir tiek ismatuota, kad telpa neisstumiant nieko is virsutines juostos (5 x 44 + antraste 390 px ekrane). Vien `padding` neuzteko — ⋯ ir 📎 yra siauri zenklai, tad reikia min-width/min-height. */ /* Eilutes AUKSTI lemia TURINYS, o ne mygtukas jos viduje. Kelias buvo toks: 62 px (9 px parastes + 44 px `⋯`) -> 52 px (parastes 4 px) -> 46 px. Paskutinis zingsnis — ne dar viena parastes karpymas, o supratimas, kad 44 px palietimo taikinys NEPRIVALO buti eilutes aukscio: mygtukas isimtas is srauto (`position:absolute`) ir gali persidengti su parastemis. Taikinys lieka 44x44, eilute — 46 px, ir 14 px tekstas joje nebeplaukioja tustumoje. */ .item{min-height:46px;padding:var(--t2) 48px var(--t2) var(--t3);font-size:var(--tx-l)} .item .dots{position:absolute;right:var(--t1);top:50%;transform:translateY(-50%);margin-right:0} /* Grupes antraste — 12 px virsuje vietoj 16: tarpas tarp „SIANDIEN" ir „VAKAR" buvo didesnis uz pacia eilute, tad sarasas atrode iskritęs i dalis. */ .grupe{padding:var(--t3) var(--t3) var(--t1)} .item .dots{min-width:44px;min-height:44px;display:flex;align-items:center; justify-content:center;padding:0;margin-right:-6px} .ticon{width:44px;height:44px} #burger{min-width:44px;min-height:44px;padding:0;margin-left:-6px} #send{width:44px;height:44px;font-size:var(--tx-2xl)} #stop{padding:10px 14px;min-height:44px} #attach{min-width:44px;min-height:44px;padding:0;display:flex; align-items:center;justify-content:center} #new{padding:11px 12px;font-size:var(--tx-l);min-height:44px} /* Skales virsune --tx-2xl (16,5px). Riba yra 16px: zemiau jos iOS fokusuodamas laukа PRIARTINA visa puslapi. Todel cia butinas BUTENT virsutinis laiptelis — nuleidus ji zemiau 16px, telefone sugristu sokinejantis mastelis. */ #ieska{padding:11px 11px;font-size:var(--tx-2xl);min-height:44px} #input{font-size:var(--tx-2xl)} /* Modeliu sarasas — irgi pirstu taikinys, o ne dekoracija: iki tol 31 px. */ #model{font-size:var(--tx-2xl);max-width:150px;min-height:44px} #pin{font-size:var(--dsp-m)} .cin{border-radius:var(--r-2xl);padding:8px 8px 8px 13px} .acts button,.taisyk{opacity:1;padding:7px 10px} /* hover telefone nera */ aside footer{padding:12px 14px calc(12px + var(--sa-b))} } /* Ekranai be pelės: veiksmai, kurie stalinėje juostoje laukia hover, rodomi visada */ @media(hover:none){.acts,.taisyk{opacity:1}}