/* incidentai.efutura.tech — vienas šriftas, ramus fonas, akcentas tik ten, kur yra informacija. */

:root {
  --fonas: #f3f5f7;
  --pavirsius: #ffffff;
  --pavirsius-2: #eaeef2;
  --linija: #d7dde4;
  --linija-stipri: #b9c2cc;
  --rasalas: #171c23;
  --rasalas-2: #4b5563;
  --rasalas-3: #7b8591;
  --saule: #d4890f;          /* atviras incidentas, pirminis veiksmas */
  --saule-fonas: #fff4de;
  --zalia: #2f855a;          /* išspręsta */
  --zalia-fonas: #e6f4ec;
  --raudona: #c0392b;
  --raudona-fonas: #fbe9e7;
  --fokusas: #2563eb;
  --spindulys: 6px;
  --seselis: 0 1px 2px rgba(23, 28, 35, .06);
  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fonas: #15191e;
    --pavirsius: #1d2227;
    --pavirsius-2: #262c33;
    --linija: #323a43;
    --linija-stipri: #46505b;
    --rasalas: #e8ecf0;
    --rasalas-2: #b3bcc6;
    --rasalas-3: #7f8a96;
    --saule: #f0a622;
    --saule-fonas: #3a2d12;
    --zalia: #4cc383;
    --zalia-fonas: #16301f;
    --raudona: #ef6a5a;
    --raudona-fonas: #3a1d19;
    --fokusas: #60a5fa;
    --seselis: 0 1px 2px rgba(0, 0, 0, .4);
  }
}

* { box-sizing: border-box; }
html { font-size: 15px; }
body {
  margin: 0; background: var(--fonas); color: var(--rasalas);
  font-family: var(--sans); line-height: 1.45; font-feature-settings: "tnum" 1;
  min-height: 100vh; display: flex; flex-direction: column;
}
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 2px; }
h1, h2, h3 { margin: 0; font-weight: 600; letter-spacing: -.01em; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.05rem; }
p { margin: 0 0 .75rem; }
:focus-visible { outline: 2px solid var(--fokusas); outline-offset: 2px; }
.smulkus { color: var(--rasalas-3); font-size: .86rem; }
.antrinis { color: var(--rasalas-2); }
.nuoroda { color: var(--fokusas); }
.tnum { font-variant-numeric: tabular-nums; }

/* ---------- antraštė ---------- */
.antraste {
  display: flex; align-items: center; gap: 1.25rem; padding: 0 1.25rem; height: 54px;
  background: var(--pavirsius); border-bottom: 1px solid var(--linija); position: sticky; top: 0; z-index: 10;
}
.zenklas { display: flex; align-items: center; gap: .5rem; font-weight: 600; color: var(--rasalas); }
.zenklas:hover { text-decoration: none; }
.meniu { display: flex; gap: .25rem; }
.meniu a { padding: .35rem .6rem; border-radius: var(--spindulys); color: var(--rasalas-2); }
.meniu a:hover { background: var(--pavirsius-2); text-decoration: none; }
.meniu a[aria-current] { color: var(--rasalas); background: var(--pavirsius-2); font-weight: 500; }
.antraste-desine { margin-left: auto; display: flex; align-items: center; gap: .75rem; }
.naudotojas { position: relative; }
.naudotojas summary { list-style: none; cursor: pointer; padding: .35rem .6rem; border-radius: var(--spindulys); color: var(--rasalas-2); white-space: nowrap; }
.naudotojas summary::-webkit-details-marker { display: none; }
.naudotojas summary:hover { background: var(--pavirsius-2); }
.naudotojas-meniu {
  position: absolute; right: 0; top: calc(100% + 6px); min-width: 220px; padding: .75rem;
  background: var(--pavirsius); border: 1px solid var(--linija); border-radius: var(--spindulys); box-shadow: 0 8px 24px rgba(0,0,0,.12);
  display: grid; gap: .6rem;
}

/* ---------- turinys ---------- */
.turinys { width: 100%; max-width: 1180px; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; flex: 1; }
.poraste { padding: 1rem 1.25rem; color: var(--rasalas-3); font-size: .8rem; border-top: 1px solid var(--linija); }
.puslapio-antraste { display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.puslapio-antraste .desine { margin-left: auto; display: flex; gap: .5rem; align-items: center; }

/* ---------- mygtukai ir formos ---------- */
.mygtukas {
  display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .85rem; border-radius: var(--spindulys);
  border: 1px solid var(--linija-stipri); background: var(--pavirsius); color: var(--rasalas); font: inherit; font-weight: 500;
  cursor: pointer; white-space: nowrap; line-height: 1.2;
}
.mygtukas:hover { background: var(--pavirsius-2); text-decoration: none; }
.mygtukas.pirminis { background: var(--rasalas); color: var(--fonas); border-color: var(--rasalas); }
.mygtukas.pirminis:hover { opacity: .9; }
.mygtukas.saule { background: var(--saule); border-color: var(--saule); color: #1a1200; }
.mygtukas.zalia { background: var(--zalia); border-color: var(--zalia); color: #fff; }
.mygtukas.mazas { padding: .25rem .55rem; font-size: .86rem; }
.mygtukas.tylus { border-color: transparent; background: transparent; color: var(--rasalas-2); }
.mygtukas.tylus:hover { background: var(--pavirsius-2); color: var(--rasalas); }
.mygtukas[disabled] { opacity: .5; cursor: default; }

label { display: block; font-weight: 500; font-size: .9rem; margin-bottom: .3rem; }
label .pastaba { font-weight: 400; color: var(--rasalas-3); }
label.su-veiksmu { display: flex; align-items: baseline; gap: .5rem; }
label.su-veiksmu .veiksmas { margin-left: auto; font: inherit; font-size: .82rem; font-weight: 500; color: var(--fokusas); background: none; border: 0; padding: 0; cursor: pointer; }
label.su-veiksmu .veiksmas:hover { text-decoration: underline; }
input[type=datetime-local] { min-width: 0; }
input[type=text], input[type=email], input[type=search], input[type=datetime-local], input[type=date], select, textarea {
  width: 100%; padding: .5rem .65rem; border: 1px solid var(--linija-stipri); border-radius: var(--spindulys);
  background: var(--pavirsius); color: var(--rasalas); font: inherit; line-height: 1.3;
}
input:focus, select:focus, textarea:focus { border-color: var(--fokusas); outline: 2px solid color-mix(in srgb, var(--fokusas) 30%, transparent); outline-offset: 0; }
textarea { min-height: 96px; resize: vertical; }
select { appearance: auto; }
.laukas { margin-bottom: 1.1rem; }
.laukas-eilute { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); align-items: start; }
.laukas-eilute .laukas { margin-bottom: 0; }
.laukas-eilute { margin-bottom: 1.1rem; }
.su-mygtuku { display: flex; gap: .5rem; align-items: stretch; }
.su-mygtuku input { flex: 1; }

.forma-korta { background: var(--pavirsius); border: 1px solid var(--linija); border-radius: 8px; padding: 1.5rem; max-width: 760px; }
.forma-veiksmai { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; margin-top: .5rem; padding-top: 1.1rem; border-top: 1px solid var(--linija); }
.forma-veiksmai .smulkus { margin-left: auto; }

.pranesimas { padding: .65rem .9rem; border-radius: var(--spindulys); margin-bottom: 1rem; border: 1px solid; }
.pranesimas.klaida { background: var(--raudona-fonas); border-color: color-mix(in srgb, var(--raudona) 35%, transparent); color: var(--raudona); }
.pranesimas.gerai { background: var(--zalia-fonas); border-color: color-mix(in srgb, var(--zalia) 35%, transparent); color: var(--zalia); }

/* ---------- pasirinkimų sąrašas (inverteriai, kodai) ---------- */
.siulymai { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .5rem; }
.siulymas {
  padding: .25rem .6rem; border-radius: 999px; border: 1px solid var(--linija-stipri); background: var(--pavirsius);
  font: inherit; font-size: .86rem; cursor: pointer; color: var(--rasalas-2);
}
.siulymas:hover, .siulymas[aria-pressed=true] { border-color: var(--rasalas); color: var(--rasalas); background: var(--pavirsius-2); }
.siulymas small { color: var(--rasalas-3); margin-left: .35rem; }
.issk { position: relative; }
.issk-sarasas {
  position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 5; max-height: 280px; overflow: auto;
  background: var(--pavirsius); border: 1px solid var(--linija-stipri); border-radius: var(--spindulys); box-shadow: 0 8px 24px rgba(0,0,0,.12);
  margin: 0; padding: .25rem; list-style: none;
}
.issk-sarasas li { padding: .4rem .6rem; border-radius: 4px; cursor: pointer; display: flex; gap: .6rem; align-items: baseline; }
.issk-sarasas li[aria-selected=true], .issk-sarasas li:hover { background: var(--pavirsius-2); }
.issk-sarasas li b { font-weight: 500; }
.issk-sarasas li span { color: var(--rasalas-3); font-size: .86rem; }
.issk-sarasas li small { margin-left: auto; color: var(--rasalas-3); font-size: .78rem; }
.issk-sarasas[hidden] { display: none; }

/* ---------- lentelės ---------- */
.lentele-korta { background: var(--pavirsius); border: 1px solid var(--linija); border-radius: 8px; overflow: hidden; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .6rem .8rem; border-bottom: 1px solid var(--linija); vertical-align: top; }
th { font-weight: 500; font-size: .82rem; color: var(--rasalas-3); background: var(--pavirsius); white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr.eilute { cursor: pointer; }
tbody tr.eilute:hover { background: var(--pavirsius-2); }
td.sk, th.sk { text-align: right; }
td.tnum { white-space: nowrap; }
td .pav { font-weight: 500; }
td .smulkus { display: block; }
.tuscia { padding: 2.5rem 1rem; text-align: center; color: var(--rasalas-3); }
.tuscia b { color: var(--rasalas); font-weight: 500; }

/* ---------- būsena ir laiko juosta — vienintelis akcentas ---------- */
.busena { display: inline-flex; align-items: center; gap: .4rem; padding: .15rem .55rem; border-radius: 999px; font-size: .82rem; font-weight: 500; white-space: nowrap; }
.busena::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.busena.atviras { background: var(--saule-fonas); color: var(--saule); }
.busena.isspr { background: var(--zalia-fonas); color: var(--zalia); }
.busena.ilgai { background: var(--raudona-fonas); color: var(--raudona); }

.juosta { display: flex; align-items: center; gap: .3rem; font-size: .8rem; color: var(--rasalas-2); white-space: nowrap; min-width: 300px; }
.juosta .taskas { flex: none; width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--linija-stipri); background: var(--pavirsius); }
.juosta .taskas.pilnas { background: var(--rasalas-2); border-color: var(--rasalas-2); }
.juosta .taskas.atviras { border-color: var(--saule); background: var(--saule-fonas); }
.juosta .taskas.zalias { background: var(--zalia); border-color: var(--zalia); }
.juosta .tarpas { flex: 1 1 0; display: flex; align-items: center; gap: .3rem; min-width: 0; }
.juosta .tarpas::before, .juosta .tarpas::after { content: ""; flex: 1; height: 2px; background: var(--linija-stipri); min-width: 6px; }
.juosta .tarpas.laukia::after { background: repeating-linear-gradient(90deg, var(--saule) 0 4px, transparent 4px 8px); }
.juosta .tarpas span { font-size: .76rem; color: var(--rasalas-3); }
.juosta .tarpas span:empty { display: none; }

.juosta-didele { font-size: .9rem; margin: .5rem 0 1.5rem; gap: .75rem; }
.juosta-didele .zingsnis { flex: none; text-align: center; }
.juosta-didele .zingsnis .kada { font-weight: 500; color: var(--rasalas); display: block; }
.juosta-didele .tarpas span { font-size: .86rem; color: var(--rasalas-2); }

/* ---------- skydelis ---------- */
.skaiciai { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1px; background: var(--linija); border: 1px solid var(--linija); border-radius: 8px; overflow: hidden; margin-bottom: 1.5rem; }
.skaicius { background: var(--pavirsius); padding: .9rem 1.1rem; }
.skaicius .reiksme { font-size: 1.7rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; }
.skaicius .reiksme small { font-size: .9rem; font-weight: 400; color: var(--rasalas-3); margin-left: .2rem; }
.skaicius .pavadinimas { color: var(--rasalas-2); font-size: .86rem; margin-top: .2rem; }
.skaicius .palyginimas { color: var(--rasalas-3); font-size: .8rem; margin-top: .25rem; }
.skaicius.atviri .reiksme { color: var(--saule); }
.skaicius.atviri.nuliai .reiksme { color: var(--zalia); }
.stulpeliai-2 { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1.25rem; align-items: start; }
.sekcija { margin-bottom: 1.5rem; }
.sekcija h2 { margin-bottom: .6rem; display: flex; align-items: baseline; gap: .6rem; }
.sekcija h2 .smulkus { font-weight: 400; }
.sekcija h2 a.smulkus { margin-left: auto; }
.stulpeliukai { display: flex; align-items: flex-end; gap: 3px; height: 48px; padding: 0 .2rem; }
.stulpeliukai div { flex: 1; background: var(--linija-stipri); border-radius: 2px 2px 0 0; min-height: 2px; position: relative; }
.stulpeliukai div:last-child { background: var(--saule); }
.stulpeliukai div:hover::after { content: attr(data-t); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: var(--rasalas); color: var(--fonas); font-size: .74rem; padding: .15rem .4rem; border-radius: 4px; white-space: nowrap; margin-bottom: 4px; }
.sarasas-kompakt { margin: 0; padding: 0; list-style: none; }
.sarasas-kompakt li { display: flex; gap: .6rem; align-items: baseline; padding: .4rem 0; border-bottom: 1px solid var(--linija); }
.sarasas-kompakt li:last-child { border-bottom: 0; }
.sarasas-kompakt .sk { margin-left: auto; font-variant-numeric: tabular-nums; color: var(--rasalas-2); }
.juostele { height: 4px; border-radius: 2px; background: var(--linija-stipri); flex: 0 0 60px; overflow: hidden; }
.juostele i { display: block; height: 100%; background: var(--rasalas-2); }

/* ---------- filtrai ---------- */
.filtrai { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin-bottom: 1rem; }
.filtrai input, .filtrai select { width: auto; }
.filtrai input[type=search] { min-width: 220px; }
.segmentai { display: inline-flex; border: 1px solid var(--linija-stipri); border-radius: var(--spindulys); overflow: hidden; }
.segmentai a { padding: .42rem .75rem; color: var(--rasalas-2); border-right: 1px solid var(--linija-stipri); }
.segmentai a:last-child { border-right: 0; }
.segmentai a:hover { background: var(--pavirsius-2); text-decoration: none; }
.segmentai a[aria-current] { background: var(--rasalas); color: var(--fonas); }
.puslapiavimas { display: flex; gap: .5rem; align-items: center; justify-content: flex-end; margin-top: 1rem; color: var(--rasalas-2); font-size: .9rem; }

/* ---------- detalė ---------- */
.detale { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 1.5rem; align-items: start; }
.detale aside { display: grid; gap: 1.25rem; position: sticky; top: 70px; }
.korta { background: var(--pavirsius); border: 1px solid var(--linija); border-radius: 8px; padding: 1.1rem 1.25rem; }
.korta h2 { margin-bottom: .75rem; }
.istorija { margin: 0; padding: 0; list-style: none; }
.istorija li { padding: .5rem 0; border-bottom: 1px solid var(--linija); font-size: .9rem; }
.istorija li:last-child { border-bottom: 0; }
.istorija .kas { color: var(--rasalas-2); }
.istorija .pakeitimas { display: block; color: var(--rasalas-3); font-size: .82rem; margin-top: .15rem; }
.istorija .pakeitimas s { opacity: .7; }
.apibrezimai { display: grid; grid-template-columns: auto 1fr; gap: .3rem 1rem; font-size: .9rem; }
.apibrezimai dt { color: var(--rasalas-3); }
.apibrezimai dd { margin: 0; }

/* ---------- eiga (laiko juosta detalėje) ---------- */
.aprasymas { white-space: pre-wrap; margin: 0; }
.eiga { list-style: none; margin: 0 0 1rem; padding: 0; position: relative; }
.eiga::before { content: ""; position: absolute; left: 8.6rem; top: .6rem; bottom: .6rem; width: 2px; background: var(--linija); }
.eiga li { display: grid; grid-template-columns: 7.5rem 1fr; gap: 1.6rem; padding: .45rem 0; position: relative; }
.eiga li::before { content: ""; position: absolute; left: calc(8.6rem - 4px); top: .95rem; width: 10px; height: 10px; border-radius: 50%; background: var(--pavirsius); border: 2px solid var(--linija-stipri); }
.eiga li.laikas::before { background: var(--rasalas-2); border-color: var(--rasalas-2); }
.eiga li.sureaguota::before { background: var(--saule); border-color: var(--saule); }
.eiga li.istaisyta::before { background: var(--zalia); border-color: var(--zalia); }
.eiga li.irasas::before { border-color: var(--rasalas-2); }
.eiga-laikas { color: var(--rasalas-3); font-size: .82rem; text-align: right; padding-top: .15rem; white-space: nowrap; }
.eiga-turinys { min-width: 0; }
.eiga li.irasas .eiga-turinys { background: var(--pavirsius-2); border-radius: var(--spindulys); padding: .5rem .75rem; }
.eiga li.pakeitimas .eiga-turinys { padding-top: .15rem; }
.eiga-forma { border-top: 1px solid var(--linija); padding-top: 1rem; }
details.korta summary { list-style: none; }
details.korta summary::-webkit-details-marker { display: none; }
details.korta summary::before { content: "▸ "; color: var(--rasalas-3); }
details.korta[open] summary::before { content: "▾ "; }

/* ---------- admin ---------- */
.admin-isdestymas { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.naudotoju-sarasas { margin: 0; padding: 0; list-style: none; }
.naudotoju-sarasas li a { display: block; padding: .5rem .6rem; border-radius: var(--spindulys); }
.naudotoju-sarasas li a:hover { background: var(--pavirsius-2); text-decoration: none; }
.naudotoju-sarasas li a[aria-current] { background: var(--pavirsius-2); font-weight: 500; }
.naudotoju-sarasas .smulkus { display: block; }
.naudotoju-sarasas li.isjungtas a { opacity: .55; }
.langeliai { columns: 2; column-gap: 1.5rem; font-size: .9rem; }
.langeliai label { display: flex; gap: .5rem; align-items: center; font-weight: 400; margin: 0 0 .3rem; break-inside: avoid; }
.kodas { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .86rem; background: var(--pavirsius-2); padding: .15rem .4rem; border-radius: 4px; word-break: break-all; }

/* ---------- prisijungimas ---------- */
.prisijungimas { max-width: 400px; margin: 10vh auto 0; text-align: center; }
.prisijungimas h1 { margin-bottom: .5rem; }
.prisijungimas .mygtukas { width: 100%; justify-content: center; padding: .7rem; margin-top: 1.25rem; }
.prisijungimas form { text-align: left; margin-top: 1rem; }

/* ---------- siauras ekranas ---------- */
.tik-siauras { display: none; }
@media (max-width: 1000px) {
  .detale, .admin-isdestymas, .stulpeliai-2 { grid-template-columns: 1fr; }
  .detale aside { position: static; }
}
@media (max-width: 720px) {
  html { font-size: 14px; }
  .antraste { flex-wrap: wrap; height: auto; padding: .5rem .75rem; gap: .5rem .75rem; }
  .zenklas span { display: none; }
  .antraste-desine { margin-left: auto; gap: .4rem; }
  .meniu { order: 3; flex-basis: 100%; overflow-x: auto; gap: 0; margin: 0 -.75rem; padding: 0 .75rem; border-top: 1px solid var(--linija); }
  .meniu a { padding: .5rem .55rem; border-radius: 0; white-space: nowrap; }
  .meniu a[aria-current] { background: none; box-shadow: inset 0 -2px 0 var(--rasalas); }
  .naudotojas summary { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
  .turinys { padding: 1rem .75rem 2.5rem; }
  .forma-korta { padding: 1rem; }
  th, td { padding: .5rem .5rem; }
  .tik-platus { display: none; }
  .tik-siauras { display: initial; }
  th.tik-platus, td.tik-platus, th.tik-platus-nr, td.tik-platus-nr { display: none; }
  .filtrai input[type=search] { min-width: 0; flex: 1 1 100%; }
  .langeliai { columns: 1; }
  .juosta-didele { flex-wrap: wrap; justify-content: center; }
  .juosta-didele .tarpas { flex-basis: 100%; }
  .juosta-didele .tarpas::before, .juosta-didele .tarpas::after { display: none; }
  .puslapio-antraste h1 { font-size: 1.25rem; }
  .eiga::before { left: .35rem; }
  .eiga li { grid-template-columns: 1fr; gap: .15rem; padding-left: 1.25rem; }
  .eiga li::before { left: calc(.35rem - 4px); top: .6rem; }
  .eiga-laikas { text-align: left; }
  .juosta-didele .zingsnis { flex: 1 1 40%; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }