/* Rinka: liquid glass, minimalistiskai. Blur tik meniu ir languose (telefonas neturi strigti). */
:root {
  --fonas: #07080B;
  --tekstas: #F2F4F7;
  --antrinis: #C5CAD2;
  --blankus: #8A9099;
  --blankesnis: #5C626B;
  --stiklas: linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.028));
  --stiklas-2: linear-gradient(180deg, rgba(255,255,255,0.11), rgba(255,255,255,0.045));
  --briauna: rgba(255,255,255,0.08);
  --briauna-2: rgba(255,255,255,0.15);
  --kortele: rgba(255,255,255,0.05);
  --kortele-2: rgba(255,255,255,0.08);
  --zalia: #32D74B;
  --raudona: #FF453A;
  --melyna: #64D2FF;
  --oranzine: #FF9F0A;
  --violetine: #BF5AF2;
  --geltona: #FFD60A;
  --r: 26px;
  --r-mazas: 16px;
  --seselis: 0 1px 0 rgba(255,255,255,0.10) inset, 0 -1px 0 rgba(255,255,255,0.02) inset, 0 18px 50px rgba(0,0,0,0.30);
  --sriftas: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--fonas); color: var(--tekstas); font-family: var(--sriftas);
  -webkit-font-smoothing: antialiased; font-size: 15px; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
.sk { font-variant-numeric: tabular-nums; }
.blankus { color: var(--blankus); }
.zalia { color: var(--zalia); }
.raudona { color: var(--raudona); }

.fonas { position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 700px at 8% -12%, rgba(40, 90, 255, 0.20), transparent 65%),
    radial-gradient(700px 600px at 105% 30%, rgba(120, 70, 255, 0.10), transparent 65%),
    radial-gradient(900px 600px at 45% 115%, rgba(30, 200, 160, 0.09), transparent 65%), var(--fonas); }
.lopas { display: none; }

/* Stiklas: korteles su sviesos briauna (be blur) */
.kortele { position: relative; background: var(--stiklas); border-radius: var(--r); padding: 22px; box-shadow: var(--seselis);
  border: 1px solid var(--briauna); }
.kortele::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(140deg, rgba(255,255,255,0.32), rgba(255,255,255,0.04) 35%, rgba(255,255,255,0.0) 60%, rgba(255,255,255,0.14));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
a.kortele { transition: transform .18s ease, border-color .18s ease; }
a.kortele:hover { transform: translateY(-2px); border-color: var(--briauna-2); }
.kortele h2 { margin: 0 0 14px; font-size: 12.5px; font-weight: 600; color: var(--blankus); letter-spacing: .6px; text-transform: uppercase; }
.kortele h2 .sk { color: var(--tekstas); }

/* Meniu: plūduriuojanti kapsule */
.virsus { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px max(22px, env(safe-area-inset-left)); pointer-events: none;
  background: linear-gradient(180deg, rgba(7,8,11,0.92) 0%, rgba(7,8,11,0.75) 55%, rgba(7,8,11,0) 100%); }
.virsus > * { pointer-events: auto; }
.logo { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 18px; letter-spacing: -0.3px; }
.logo svg { width: 28px; height: 28px; }
.meniu { display: flex; gap: 2px; padding: 5px; border-radius: 999px; background: rgba(28, 30, 36, 0.55);
  backdrop-filter: blur(18px) saturate(170%); -webkit-backdrop-filter: blur(18px) saturate(170%);
  border: 1px solid var(--briauna-2); box-shadow: 0 1px 0 rgba(255,255,255,0.12) inset, 0 10px 30px rgba(0,0,0,0.35); }
.meniu a { padding: 7px 15px; border-radius: 999px; color: var(--antrinis); font-weight: 500; font-size: 14px; transition: background .15s, color .15s; }
.meniu a:hover { color: var(--tekstas); }
.meniu a.aktyvus { color: #0B0D10; background: rgba(255,255,255,0.92); }
.desine { display: flex; align-items: center; gap: 12px; }
.laikas { color: var(--blankesnis); font-size: 12.5px; }
.atsijungti, .nust-mygtukas { background: none; border: 0; color: var(--blankus); cursor: pointer; font-size: 13px; }
.atsijungti:hover, .nust-mygtukas:hover { color: var(--tekstas); }

main { max-width: 1280px; margin: 0 auto; padding: 18px 24px 120px; }

.gyva-zyme { font-size: 11.5px; font-weight: 800; letter-spacing: .8px; color: #8BEA9F; padding: 4px 10px; border-radius: 999px; background: rgba(50,215,75,.12); }

.tk-kortele .tk-eil { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--briauna); font-size: 14px; }
.tk-kortele .tk-eil:first-of-type { border-top: 0; }
.tk-kortele .tk-eil span { color: var(--antrinis); }

.agentai { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.agentas { display: flex; flex-direction: column; gap: 8px; }
.ag-galva { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.ag-ik { font-size: 22px; }

/* Plano juosta virs grafiko */
#planoJuosta { display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; }
.plano-juosta { display: grid; grid-template-columns: minmax(260px, 1.25fr) 2fr auto; gap: 18px; align-items: center; padding: 20px 22px; }
.plano-juosta.pirkti { border-color: rgba(50,215,75,.4); }
.plano-juosta.pirkti .vk-zyme { background: var(--zalia); color: #04210B; }
.plano-juosta.atsargiai { border-color: rgba(255,214,10,.4); }
.plano-juosta.atsargiai .vk-zyme { background: rgba(50,215,75,.16); color: #8BEA9F; box-shadow: inset 0 0 0 1px rgba(50,215,75,.45); }
.plano-juosta.laukti .vk-zyme { background: rgba(255,255,255,.12); color: var(--antrinis); }
.plano-juosta.turi { border-color: rgba(255,214,10,.35); grid-template-columns: 1fr auto; }
.plano-juosta.turi .vk-zyme { background: var(--geltona); color: #2A2200; }
.plano-juosta.laukti { grid-template-columns: 1.4fr 1fr; }
.pj-tekstas { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.pj-pagr { font-size: 18px; line-height: 1.4; }
.pj-pagr b { font-size: 20px; }
.pj-ispejimas { font-size: 13.5px; color: var(--geltona); }
.pj-skaiciai { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.pj-skaiciai div { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 14px; padding: 10px 12px; }
.pj-skaiciai span { display: block; font-size: 11px; letter-spacing: .5px; text-transform: uppercase; color: var(--blankus); }
.pj-skaiciai b { font-size: 17px; }
.pj-skaiciai em { display: block; font-style: normal; font-size: 12px; color: var(--blankus); }
.pj-mygtukai { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }

/* Kalba ir sistemos busena */
.kalba { display: inline-flex; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid var(--briauna); }
.kalba button { border: 0; background: transparent; color: var(--blankus); font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 999px; cursor: pointer; }
.kalba button.aktyvus { background: rgba(255,255,255,.9); color: #0B0D10; }
.gyvai { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #8BEA9F; cursor: default; }
.gyvai::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--zalia); box-shadow: 0 0 0 3px rgba(50,215,75,.18); }
.gyvai.velu { color: var(--oranzine); }
.gyvai.velu::before { background: var(--oranzine); box-shadow: 0 0 0 3px rgba(255,159,10,.18); }
.ispejimai { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 4px; }
.ispejimas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-radius: 18px;
  background: rgba(255,159,10,.12); border: 1px solid rgba(255,159,10,.4); font-size: 14.5px; }
.ispejimas.stop { background: rgba(255,69,58,.12); border-color: rgba(255,69,58,.45); }
.naujausios li { display: grid; grid-template-columns: 58px 1fr; gap: 10px; padding: 9px 0; border-top: 1px solid var(--briauna); font-size: 13.5px; }
.naujausios li:first-child { border-top: 0; }
.naujausios .kada { color: var(--blankus); font-size: 12px; }
.naujausios ul { list-style: none; margin: 0; padding: 0; }

/* Skyriai */
.skyrius { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 34px 2px 14px; }
.skyrius h2 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -0.4px; }
.skyrius span, .skyrius a { color: var(--blankus); font-size: 13.5px; }
.skyrius a:hover { color: var(--tekstas); }
.du { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.stulpelis { display: flex; flex-direction: column; gap: 16px; }

/* Hero */
.hero { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: end; margin: 18px 0 8px; }
.hero .data { color: var(--blankus); font-size: 14px; }
.hero h1 { margin: 4px 0 10px; font-size: 38px; letter-spacing: -1px; font-weight: 700; line-height: 1.1; }
.hero .rinka { margin: 0; color: var(--antrinis); max-width: 720px; font-size: 16.5px; }
.bukle { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; padding: 5px 12px; border-radius: 999px; margin-bottom: 10px; }
.bukle::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.bukle.krenta { background: rgba(255,69,58,.12); color: #FF8A82; }
.bukle.kyla { background: rgba(50,215,75,.12); color: #7EE29A; }
.bukle.sonine { background: rgba(255,214,10,.1); color: var(--geltona); }

/* Kapitalo kortele */
.kapitalas { min-width: 340px; padding: 18px 20px; }
.kapitalas .eil { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.kapitalas .eil div span { display: block; font-size: 12px; color: var(--blankus); }
.kapitalas .eil div b { font-size: 18px; }
.kapitalas .apacia-eil { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; font-size: 12.5px; color: var(--blankus); }
.kapitalas.tuscias { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }

/* Veiksmu korteles (call to action) */
.veiksmu-tinklas { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 16px; }
.vk { display: flex; flex-direction: column; gap: 12px; padding: 22px; }
.vk-virsus { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.vk-zyme { font-size: 12.5px; font-weight: 800; letter-spacing: 1px; padding: 6px 12px; border-radius: 999px; }
.vk.pirkti .vk-zyme { background: var(--zalia); color: #04210B; }
.vk.limit .vk-zyme { background: rgba(50,215,75,.16); color: #8BEA9F; box-shadow: inset 0 0 0 1px rgba(50,215,75,.45); }
.vk.parduoti .vk-zyme { background: var(--raudona); color: #2A0503; }
.vk.fiksuoti .vk-zyme, .vk.stop .vk-zyme { background: var(--oranzine); color: #2A1700; }
.vk.svarstyti .vk-zyme { background: rgba(255,69,58,.16); color: #FF9A93; box-shadow: inset 0 0 0 1px rgba(255,69,58,.45); }
.vk.laukti .vk-zyme, .vk.stebeti .vk-zyme { background: rgba(255,255,255,.1); color: var(--antrinis); }
.vk.pirkti { border-color: rgba(50,215,75,.35); }
.vk.parduoti { border-color: rgba(255,69,58,.4); }
.vk.fiksuoti, .vk.stop { border-color: rgba(255,159,10,.35); }
.vk-saltinis { font-size: 12px; color: var(--blankus); }
.vk-moneta { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.vk-moneta b { font-size: 22px; letter-spacing: -0.3px; }
.pora { font-size: 12px; font-weight: 600; color: var(--antrinis); padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.08); }
.vk-pagr { font-size: 17px; line-height: 1.4; }
.vk-pagr b { font-size: 19px; }
.vk-skaiciai { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.vk-skaiciai div { background: rgba(255,255,255,.04); border-radius: 14px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.05); }
.vk-skaiciai span { display: block; font-size: 11px; letter-spacing: .5px; text-transform: uppercase; color: var(--blankus); }
.vk-skaiciai b { font-size: 16px; }
.vk-skaiciai em { display: block; font-style: normal; font-size: 12px; color: var(--blankus); }
.vk-rizika { font-size: 13px; color: var(--antrinis); }
.vk-kodel { font-size: 14px; color: var(--antrinis); }
.vk-riba { font-size: 12.5px; color: var(--blankus); }
.vk-mygtukai { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: auto; }
.kraken { font-size: 13px; color: var(--antrinis); }
.kraken summary { cursor: pointer; color: var(--blankus); list-style: none; }
.kraken summary::-webkit-details-marker { display: none; }
.kraken ol { margin: 8px 0 0; padding-left: 20px; }
.kraken li { margin: 3px 0; }
.ramu { padding: 26px; text-align: center; color: var(--antrinis); }

/* Aktyvu korteles */
.korteles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.akt-kortele { display: flex; flex-direction: column; gap: 10px; padding: 18px; cursor: pointer; overflow: hidden; }
.akt-kortele .pav { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.akt-kortele .pav .emoji { font-size: 17px; }
.akt-kortele .kaina { font-size: 22px; font-weight: 700; letter-spacing: -0.4px; }
.akt-kortele .kaina small { font-size: 13px; color: var(--blankus); font-weight: 500; margin-left: 4px; }
.akt-kortele .pok { font-size: 13px; font-weight: 600; }
.akt-kortele svg.spark { width: 100%; height: 44px; display: block; }
.zymos { display: flex; flex-wrap: wrap; gap: 6px; }
.zyma { font-size: 12px; padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,.07); color: var(--antrinis); white-space: nowrap; }
.zyma.gera { background: rgba(50,215,75,.12); color: #8BEA9F; }
.zyma.bloga { background: rgba(255,69,58,.11); color: #FF948C; }

.veiksmas { display: inline-flex; align-items: center; gap: 6px; font-weight: 650; font-size: 13px; padding: 5px 11px; border-radius: 999px; white-space: nowrap; align-self: flex-start; }
.veiksmas::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.veiksmas.zalia { background: rgba(50,215,75,.14); color: var(--zalia); }
.veiksmas.melyna { background: rgba(100,210,255,.13); color: var(--melyna); }
.veiksmas.pilka { background: rgba(255,255,255,.08); color: var(--antrinis); }
.veiksmas.raudona { background: rgba(255,69,58,.14); color: var(--raudona); }
.veiksmas.didelis { font-size: 16px; padding: 8px 14px; }

.naujiena { display: block; padding: 13px 0; border-top: 1px solid var(--briauna); }
.naujiena:first-of-type { border-top: 0; padding-top: 0; }
.naujiena .saltinis { font-size: 12px; color: var(--melyna); margin-top: 3px; }

.vs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vs .puse { background: rgba(255,255,255,.035); border: 1px solid var(--briauna); border-radius: var(--r-mazas); padding: 14px; }
.vs .kas { color: var(--blankus); font-size: 13px; }
.vs .suma { font-size: 24px; font-weight: 700; margin: 4px 0 2px; }
.vs .smulkiai { font-size: 12.5px; color: var(--blankus); }

.pamoka-kortele p { margin: 6px 0 12px; color: var(--antrinis); }
.progresas { height: 6px; background: rgba(255,255,255,.07); border-radius: 99px; overflow: hidden; }
.progresas i { display: block; height: 100%; background: linear-gradient(90deg, var(--melyna), var(--zalia)); border-radius: 99px; }

/* Mygtukai */
.mygtukas { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--briauna-2); background: rgba(255,255,255,.07);
  padding: 10px 16px; border-radius: 999px; cursor: pointer; font-weight: 600; font-size: 14px; transition: background .15s, transform .15s; }
.mygtukas:hover { background: rgba(255,255,255,.13); }
.mygtukas:active { transform: scale(.98); }
.mygtukas.pagrindinis { background: var(--tekstas); color: #0B0D10; border-color: transparent; box-shadow: 0 6px 20px rgba(255,255,255,.12); }
.mygtukas.pagrindinis:hover { background: #fff; }
.mygtukas.zalias { background: var(--zalia); color: #04210B; border-color: transparent; }
.mygtukas.raudonas { background: var(--raudona); color: #fff; border-color: transparent; }
.mygtukas.mazas { padding: 7px 13px; font-size: 13px; }

/* Aktyvo puslapis */
.akt-galva { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin: 18px 0 16px; }
.akt-galva h1 { margin: 0; font-size: 34px; letter-spacing: -0.8px; display: flex; align-items: center; gap: 12px; }
.akt-galva .kaina { font-size: 22px; font-weight: 700; margin-top: 6px; }
.akt-galva .kaina .pok { font-size: 15px; margin-left: 10px; }
.akt-pasirinkimas { display: flex; gap: 6px; flex-wrap: wrap; }
.akt-pasirinkimas a { padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid var(--briauna); font-weight: 600; font-size: 13.5px; color: var(--antrinis); }
.akt-pasirinkimas a.aktyvus { color: #0B0D10; background: rgba(255,255,255,.92); border-color: transparent; }
.irankiai { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.segmentai { display: inline-flex; background: rgba(255,255,255,.05); border: 1px solid var(--briauna); border-radius: 999px; padding: 3px; }
.segmentai button { border: 0; background: transparent; padding: 6px 14px; border-radius: 999px; cursor: pointer; color: var(--blankus); font-weight: 600; font-size: 13.5px; }
.segmentai button.aktyvus { background: rgba(255,255,255,.14); color: var(--tekstas); }
.jungikliai { display: flex; gap: 6px; flex-wrap: wrap; }
.jungiklis { border: 1px solid var(--briauna); background: transparent; padding: 5px 12px; border-radius: 999px; cursor: pointer; color: var(--blankesnis);
  font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.jungiklis i { width: 8px; height: 8px; border-radius: 50%; opacity: .5; }
.jungiklis.ijungtas { color: var(--tekstas); background: rgba(255,255,255,.07); }
.jungiklis.ijungtas i { opacity: 1; }
.akt-tinklas { display: grid; grid-template-columns: 1fr 380px; gap: 16px; }
.grafikas-kortele { padding: 12px 8px 8px 12px; min-width: 0; }
#grafikas { height: min(64vh, 640px); min-height: 380px; }
.legenda { position: absolute; top: 16px; left: 20px; z-index: 3; font-size: 12.5px; color: var(--blankus); pointer-events: none; display: flex; gap: 12px; flex-wrap: wrap; }
.legenda b { color: var(--tekstas); font-weight: 600; }
.vidurkiu-legenda { display: flex; gap: 14px; font-size: 12px; color: var(--blankus); padding: 6px 10px 2px; flex-wrap: wrap; }
.vidurkiu-legenda span::before { content: ""; display: inline-block; width: 14px; height: 2px; margin-right: 6px; vertical-align: middle; background: var(--c); }

.nuomone-kortele .antraste { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.planas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0; }
.planas > div { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.05); border-radius: 14px; padding: 9px 10px; }
.planas .k { font-size: 11px; color: var(--blankus); text-transform: uppercase; letter-spacing: .5px; }
.planas .v { font-weight: 700; font-size: 15.5px; }
.planas .d { font-size: 12px; color: var(--blankus); }
.rr { display: flex; height: 8px; border-radius: 99px; overflow: hidden; margin: 6px 0 4px; gap: 2px; }
.rr .riz { background: var(--raudona); }
.rr .pel { background: var(--zalia); }
.rr-tekstas { font-size: 13px; color: var(--antrinis); }
.eilute { display: flex; gap: 10px; margin-top: 10px; font-size: 14px; color: var(--antrinis); }
.eilute .ik { flex: 0 0 20px; text-align: center; }

.rodiklis { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 12px 0; border-top: 1px solid var(--briauna); }
.rodiklis:first-of-type { border-top: 0; padding-top: 0; }
.rodiklis .pav { font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rodiklis .r { font-weight: 700; font-size: 14px; }
.rodiklis .paaisk { grid-column: 1 / -1; font-size: 13px; color: var(--blankus); }
.kas-tai { display: inline-flex; width: 17px; height: 17px; border-radius: 50%; align-items: center; justify-content: center; font-size: 11px;
  background: rgba(255,255,255,.08); color: var(--blankus); font-weight: 700; }
.kas-tai:hover { color: var(--tekstas); }
.rsi-juosta { grid-column: 1 / -1; position: relative; height: 6px; border-radius: 99px; margin: 6px 0 2px;
  background: linear-gradient(90deg, rgba(50,215,75,.55) 0 30%, rgba(255,255,255,.12) 30% 70%, rgba(255,69,58,.55) 70% 100%); }
.rsi-juosta i { position: absolute; top: -4px; width: 3px; height: 14px; background: var(--tekstas); border-radius: 2px; }

.laiko-juosta { list-style: none; margin: 0; padding: 0; }
.laiko-juosta li { display: grid; grid-template-columns: 88px 1fr; gap: 12px; padding: 12px 0; border-top: 1px solid var(--briauna); }
.laiko-juosta li:first-child { border-top: 0; padding-top: 0; }
.laiko-juosta .kada { color: var(--blankus); font-size: 13px; }
.laiko-juosta .kodel { font-size: 13.5px; color: var(--antrinis); margin-top: 5px; }
.sandoris { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 12px 0; border-top: 1px solid var(--briauna); align-items: center; }
.sandoris:first-of-type { border-top: 0; }
.sandoris .smulkiai { font-size: 12.5px; color: var(--blankus); grid-column: 1 / -1; }
.busena { font-size: 12px; padding: 2px 9px; border-radius: 999px; background: rgba(255,255,255,.08); color: var(--antrinis); margin-left: 6px; }
.tuscia { color: var(--blankus); font-size: 14px; padding: 6px 0; }

.lentele { width: 100%; border-collapse: collapse; font-size: 14px; }
.lentele th { text-align: left; color: var(--blankus); font-weight: 500; font-size: 12px; padding: 0 10px 10px 0; text-transform: uppercase; letter-spacing: .4px; }
.lentele td { padding: 12px 10px 12px 0; border-top: 1px solid var(--briauna); }
.lentele td.sk, .lentele th.sk { text-align: right; }

/* Laiko masina */
.laiko-masina { margin-top: 16px; }
.lm-galva { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.lm-forma { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.lm-forma label { display: flex; flex-direction: column; font-size: 12px; color: var(--blankus); gap: 4px; }
.lm-forma input, .ivestis { width: 118px; background: rgba(255,255,255,0.06); border: 1px solid var(--briauna-2); border-radius: 12px; padding: 8px 11px;
  color: var(--tekstas); font: inherit; font-variant-numeric: tabular-nums; outline: none; }
.lm-forma input:focus, .ivestis:focus { border-color: rgba(100,210,255,.6); }
.lm-isvada { padding: 13px 15px; border-radius: var(--r-mazas); font-size: 14.5px; margin-bottom: 10px; border: 1px solid var(--briauna); }
.lm-isvada.palanku { background: rgba(50,215,75,.10); border-color: rgba(50,215,75,.35); }
.lm-isvada.nepalanku { background: rgba(255,69,58,.10); border-color: rgba(255,69,58,.35); }
.lm-isvada.neaisku { background: rgba(255,214,10,.08); border-color: rgba(255,214,10,.3); }
.lm-planas { font-size: 12.5px; color: var(--blankus); margin-bottom: 14px; }
.lm-du { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lm-blokas { background: rgba(255,255,255,.03); border: 1px solid var(--briauna); border-radius: var(--r-mazas); padding: 15px; min-width: 0; }
.lm-blokas h3 { margin: 0 0 10px; font-size: 14.5px; display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.lm-blokas h3 span { font-weight: 500; font-size: 12.5px; }
.lm-juosta { display: flex; height: 10px; border-radius: 99px; overflow: hidden; gap: 2px; background: rgba(255,255,255,.05); }
.lm-juosta i { display: block; }
.lm-juosta i.zalia, .taskas.zalia { background: var(--zalia); }
.lm-juosta i.raudona, .taskas.raudona { background: var(--raudona); }
.lm-juosta i.pilka, .taskas.pilka { background: #8A9099; }
.lm-juosta i.tamsi, .taskas.tamsi { background: #3A3F47; }
.lm-legenda { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; color: var(--antrinis); margin: 7px 0 4px; }
.taskas { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; }
.lm-eil { font-size: 13.5px; color: var(--antrinis); margin-top: 9px; }
.lm-hist { width: 100%; height: 64px; margin-top: 12px; display: block; }
.lm-asis { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--blankus); margin-top: 3px; }
.lm-smulkiai { font-size: 12px; color: var(--blankus); margin-top: 4px; }
.lm-kaip { margin-top: 12px; font-size: 13px; color: var(--blankus); }
.lm-kaip summary { cursor: pointer; color: var(--antrinis); }
.lm-kaip p { margin: 8px 0; }
.lm-zyme { font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px; align-self: flex-start; }
.lm-zyme.palanku { background: rgba(50,215,75,.12); color: var(--zalia); }
.lm-zyme.nepalanku { background: rgba(255,69,58,.12); color: #FF8A82; }
.lm-zyme.neaisku { background: rgba(255,214,10,.10); color: var(--geltona); }

/* Radaras */
.rinkos-bukle { display: grid; gap: 10px; padding: 18px 20px; min-width: 270px; }
.rinkos-bukle div { display: flex; justify-content: space-between; gap: 14px; font-size: 13.5px; }
.rinkos-bukle b { font-size: 15px; }
.radaro-tinklas { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 16px; }
.moneta { display: flex; flex-direction: column; }
.m-galva { display: flex; align-items: center; gap: 12px; }
.m-nr { flex: 0 0 28px; height: 28px; border-radius: 9px; background: rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; color: var(--blankus); }
.m-vardas { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.m-vardas b { font-size: 18px; }
.m-vardas span { font-size: 12.5px; }
.balas-ziedas { --p: 50; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center;
  background: conic-gradient(var(--zalia) calc(var(--p) * 1%), rgba(255,255,255,.08) 0); }
.balas-ziedas span { width: 42px; height: 42px; border-radius: 50%; background: #15181D; display: grid; place-items: center; font-weight: 700; font-size: 15px; }
.m-kaina { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin: 12px 0 10px; font-size: 13px; }
.m-kaina b { font-size: 18px; }
.m-balai { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin: 4px 0 8px; }
.m-balai div { display: grid; grid-template-columns: 82px 1fr 26px; align-items: center; gap: 8px; font-size: 12px; color: var(--blankus); }
.m-balai i { height: 6px; border-radius: 99px; background: rgba(255,255,255,.07); overflow: hidden; }
.m-balai i b { display: block; height: 100%; background: linear-gradient(90deg, var(--melyna), var(--zalia)); border-radius: 99px; }
.m-balai em { font-style: normal; text-align: right; color: var(--antrinis); }
.m-kas { font-size: 13.5px; color: var(--blankus); margin-top: 6px; }
.m-planas { margin-top: 12px; padding: 12px 14px; border-radius: var(--r-mazas); background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); font-size: 13.5px; }
.m-planas b { font-size: 14.5px; }
.m-veiksmai { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: auto; padding-top: 14px; }
.daugiau summary { cursor: pointer; color: var(--blankus); font-size: 13px; margin-top: 10px; list-style: none; }
.daugiau summary::-webkit-details-marker { display: none; }

/* Portfelis */
.portfelio-suma { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.portfelio-suma .kortele { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; }
.portfelio-suma span { font-size: 12.5px; color: var(--blankus); }
.portfelio-suma b { font-size: 24px; letter-spacing: -0.4px; }
.portfelio-suma em { font-style: normal; font-size: 13px; }
.paskirstymas { display: flex; height: 12px; border-radius: 99px; overflow: hidden; gap: 2px; margin-bottom: 8px; }
.paskirstymas i { display: block; }

/* Mokykla */
.pamokos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; align-items: start; }
.pamoka { padding: 18px; }
.pamoka summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 15.5px; }
.pamoka summary::-webkit-details-marker { display: none; }
.pamoka .nr { flex: 0 0 30px; height: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.08); font-size: 13px; color: var(--blankus); }
.pamoka.perskaityta .nr { background: rgba(50,215,75,.16); color: var(--zalia); }
.pamoka.dabartine { border-color: rgba(100,210,255,.4); }
.pamoka p { color: var(--antrinis); margin: 12px 0 14px; }

/* Langas (formos) */
.langas { position: fixed; inset: 0; z-index: 50; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; padding: 18px; }
.langas[hidden] { display: none; }
.langas .vidus { width: min(480px, 100%); max-height: 92vh; overflow: auto; background: rgba(26, 28, 34, 0.78); border: 1px solid var(--briauna-2); border-radius: 28px; padding: 24px;
  backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 30px 90px rgba(0,0,0,.55); }
.langas h3 { margin: 0 0 4px; font-size: 20px; }
.langas label { display: block; font-size: 13px; color: var(--blankus); margin: 12px 0 5px; }
.langas input, .langas textarea { width: 100%; background: rgba(255,255,255,0.06); border: 1px solid var(--briauna-2); border-radius: 14px; padding: 11px 13px; color: var(--tekstas); font: inherit; outline: none; }
.langas input:focus, .langas textarea:focus { border-color: rgba(100,210,255,.6); }
.langas .du-laukai { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.langas .veiksmai { display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.langas .klaida { color: var(--raudona); font-size: 13px; margin-top: 10px; min-height: 18px; }
.langas .pavyzdys { margin-top: 12px; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.05); font-size: 13px; color: var(--antrinis); }

.pranesimas { padding: 40px; text-align: center; color: var(--blankus); }
.kraunasi { opacity: .55; }
.apacios-info { margin-top: 30px; color: var(--blankesnis); font-size: 12.5px; text-align: center; }
.apacios-info a { text-decoration: underline; }

/* Prisijungimas */
.prisijungimas { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }
.prisijungimo-forma { width: min(380px, 100%); display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 26px; text-align: center; }
.prisijungimo-forma h1 { margin: 4px 0 0; font-size: 28px; letter-spacing: -0.6px; }
.prisijungimo-forma p { margin: 0 0 8px; }
.prisijungimo-forma input[type=password] { width: 100%; background: rgba(255,255,255,0.06); border: 1px solid var(--briauna-2); border-radius: 14px; padding: 12px 14px; color: var(--tekstas); font: inherit; outline: none; }
.prisijungimo-forma .mygtukas { width: 100%; padding: 12px; }
.prisijungimo-forma .klaida { color: var(--raudona); font-size: 13px; min-height: 18px; }

/* Apatinis meniu telefone */
.apacia { display: none; }

@media (max-width: 1100px) {
  .korteles { grid-template-columns: repeat(3, 1fr); }
  .akt-tinklas { grid-template-columns: 1fr; }
  .plano-juosta, .plano-juosta.laukti, .plano-juosta.turi { grid-template-columns: 1fr; }
  .hero { grid-template-columns: 1fr; }
  .kapitalas { min-width: 0; }
}
@media (max-width: 760px) {
  body { font-size: 14.5px; }
  .meniu, .laikas, .nust-mygtukas { display: none; }
  main { padding: 6px 14px 120px; }
  .hero h1 { font-size: 30px; }
  .korteles { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .du, .pamokos, .lm-du { grid-template-columns: 1fr; }
  .portfelio-suma { grid-template-columns: 1fr 1fr; }
  .radaro-tinklas, .veiksmu-tinklas { grid-template-columns: 1fr; }
  .lentele { font-size: 12.5px; }
  .lm-forma input { width: 96px; }
  .kortele { padding: 18px; }
  #grafikas { height: 56vh; min-height: 320px; }
  .legenda { position: static; padding: 4px 6px 8px; font-size: 11.5px; gap: 8px; }
  .apacia { display: flex; position: fixed; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); z-index: 30;
    justify-content: space-around; padding: 7px; border-radius: 26px; background: rgba(26, 28, 34, 0.62);
    backdrop-filter: blur(18px) saturate(170%); -webkit-backdrop-filter: blur(18px) saturate(170%); border: 1px solid var(--briauna-2);
    box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 12px 34px rgba(0,0,0,.45); }
  .apacia a { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 10.5px; color: var(--blankus); padding: 5px 9px; border-radius: 18px; }
  .apacia a svg { width: 22px; height: 22px; }
  .apacia a.aktyvus { color: var(--tekstas); background: rgba(255,255,255,.1); }
}

/* Ivykiu kalendorius apzvalgoje */
.ivykiai { margin: 14px 0 4px; padding: 14px 18px; border-radius: 18px; background: var(--kortele); border: 1px solid var(--briauna); }
.iv-galva { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-bottom: 10px; }
.iv-pastaba { color: var(--oranzine); font-size: 13.5px; }
.iv-sarasas { display: flex; flex-wrap: wrap; gap: 8px; }
.iv { padding: 6px 12px; border-radius: 999px; background: var(--kortele-2); border: 1px solid var(--briauna); font-size: 13.5px; color: var(--antrinis); }
.iv b { color: var(--tekstas); font-weight: 600; margin-right: 4px; text-transform: capitalize; }
.iv i { color: var(--blankus); font-style: normal; margin-left: 4px; }
.iv.didelis { border-color: rgba(255,159,10,.45); background: rgba(255,159,10,.10); }
.iv.ivyko { opacity: .55; }
.ispejimas.ivykis { background: rgba(255,159,10,.10); border-color: rgba(255,159,10,.40); }