/* ============================================================================
   TRIKDIS — priedangų automatizuoto valdymo sprendimas
   Bendra dalis: paletė, tipografija, antraštė, poraštė, mygtukai, prisijungimas.
   © 2026 TRIKDIS
   ----------------------------------------------------------------------------
   SPALVOS IR DYDŽIAI keičiami tik čia, :root bloke. Turinio stiliai
   (koncepcija.css, modelis.css) naudoja tuos pačius kintamuosius, todėl
   pakeitus paletę čia — persidažo ir schemos.
   ========================================================================== */
:root{
  color-scheme:light;

  /* ---- firminė paletė ---- */
  --raudona:#CC0000;
  --raudona-tamsi:#A60000;
  --antracitas:#15181B;
  --antracitas-2:#1F2429;

  /* ---- dokumento paletė (tais pačiais vardais naudoja ir schemos) ---- */
  --ground:#FFFFFF;
  --surface:#FFFFFF;
  --surface-2:#F4F5F6;
  --ink:#15181B;
  --ink-soft:#5C646C;
  --ink-faint:#8A9299;
  --line:#DCDFE2;
  --line-soft:#EAECEE;
  --linija-tamsi:#2C3238;

  /* Schemų ir modelio funkcinės spalvos. Jos NEGALI susilieti į vieną raudoną:
     modelyje spalva neša reikšmę (raudona = apsauga įjungta ar aliarmas,
     žalia = išjungta, mėlyna = komanda, šviesi mėlyna = raportavimas,
     gintaras = mechaninis kelias). Firminė raudona naudojama kaip aliarmo
     raudona, kitos suderintos su ja. */
  --blue:#1D4E77;      --blue-soft:#E4EDF5;     /* komanda į objektą */
  --azure:#3E7FB4;     --azure-soft:#E6F0F8;    /* raportavimas iš objekto */
  --bad:#CC0000;       --bad-soft:#FBE2E0;      /* įjungta / užrakinta / aliarmas */
  --ok:#1F7A52;        --ok-soft:#E0F0E7;       /* išjungta / atrakinta */
  --warn:#9A6B10;      --warn-soft:#F8F0DC;     /* įspėjimas */
  --orange:#9A6B10;    --orange-soft:#F8F0DC;   /* mechaninis kelias */

  --shadow:0 1px 2px rgba(21,24,27,.05), 0 8px 24px -16px rgba(21,24,27,.18);
  --pop:0 2px 6px rgba(21,24,27,.12), 0 16px 40px -12px rgba(21,24,27,.34);

  /* ---- tipografija ---- */
  --display:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --body:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  /* schemų ir lentelių užrašams — sistemos monospace, be atsiuntimo */
  --mono:ui-monospace,'Cascadia Mono','Segoe UI Mono',Consolas,'Liberation Mono',monospace;

  --f-h1:clamp(22px,2.5vw,31px);
  --f-body:16px;
  --f-small:13px;
  --f-label:10.5px;

  --plotis:1520px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--body);font-size:var(--f-body);line-height:1.6;
  -webkit-font-smoothing:antialiased;
  /* APSAUGA NUO KOPIJAVIMO — atgrasymas, ne apsauga. Ekrano nuotraukos ir
     techniško vartotojo tai nesustabdo; kaina — teksto nepažymės ir tas, kuriam
     to reikia teisėtai. */
  -webkit-user-select:none;-ms-user-select:none;user-select:none;
}
img,svg{max-width:100%}
a{color:inherit}
.page{max-width:var(--plotis);margin:0 auto;padding:0 18px}
.label{font-size:var(--f-label);font-weight:600;letter-spacing:.16em;text-transform:uppercase}

/* --------------------------------- logotipas ----------------------------- */
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;flex:0 0 auto}
.logo svg{display:block;height:21px;width:auto}
.logo .zodis{font-size:18px;font-weight:700;letter-spacing:.02em;color:#fff}

/* ------------------------------ viršutinė juosta ------------------------- */
.topbar{background:var(--antracitas);color:#EDEFF1}
.topbar .page{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px}
.imones-nav{display:flex;align-items:center;gap:24px}
.imones-nav a{font-size:13.5px;font-weight:500;color:#9BA3AB;text-decoration:none}
.imones-nav a:hover{color:#fff}
.imones-nav a.isorine::after{content:'↗';font-size:11px;margin-left:4px;opacity:.7}
.f-nuoroda{font-size:13px;color:#9BA3AB;text-decoration:none}
.f-nuoroda:hover{color:#fff}

/* ------------------------------- antra juosta ---------------------------- */
.juosta{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);
  backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}
.juosta .page{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px}
.pusnav{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);width:max-content;flex:0 0 auto}
.pusnav a{background:var(--surface);color:var(--ink-soft);text-decoration:none;
  font-size:12px;font-weight:600;padding:6px 14px;white-space:nowrap}
.pusnav a:hover{background:var(--surface-2);color:var(--ink)}
.pusnav a.on{background:var(--antracitas);color:#fff}
.zyme{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;font-size:12px;
  font-weight:500;color:var(--ink-soft);white-space:nowrap}
.zyme::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--raudona);flex:0 0 auto}
.zyme b{font-weight:600;color:var(--raudona)}
.atsijungti{font-size:12px;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line)}
.atsijungti:hover{color:var(--raudona)}
@media (max-width:1100px){.zyme .vardas{display:none}}

/* --------------------------------- burgeris ------------------------------ */
.burgeris{display:none;background:none;border:1px solid var(--linija-tamsi);
  padding:7px 9px;cursor:pointer;line-height:0}
.burgeris span{display:block;width:18px;height:2px;background:#EDEFF1;margin:3px 0}
.mob-panele{display:none;background:var(--antracitas-2);border-top:1px solid var(--linija-tamsi)}
.mob-panele.atidaryta{display:block}
.mob-panele .page{padding:14px 18px 20px}
.mob-panele .grupe{margin-bottom:14px}
.mob-panele .grupe:last-child{margin-bottom:0}
.mob-panele .mlabel{display:block;font-size:var(--f-label);font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:#9BA3AB;margin-bottom:6px}
.mob-panele a{display:block;padding:11px 0;font-size:15px;font-weight:500;text-decoration:none;
  color:#EDEFF1;border-bottom:1px solid var(--linija-tamsi)}
.mob-panele a.on{color:var(--raudona)}

/* --------------------------------- mygtukai ------------------------------ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:0 20px;font-family:inherit;font-size:14.5px;font-weight:600;text-decoration:none;
  border:1px solid transparent;cursor:pointer}
.btn-raudonas{background:var(--raudona);color:#fff}
.btn-raudonas:hover{background:var(--raudona-tamsi)}
.btn-baltas{background:#fff;color:var(--raudona)}
.btn-baltas:hover{background:#F1F1F1}
.btn-linija{border-color:rgba(255,255,255,.5);color:#fff}
.btn-linija:hover{border-color:#fff;background:rgba(255,255,255,.1)}
button.ghost{font-family:inherit;font-size:11.5px;font-weight:600;background:var(--surface);
  border:1px solid var(--line);color:var(--ink-soft);padding:6px 12px;cursor:pointer;white-space:nowrap}
button.ghost:hover{background:var(--surface-2);color:var(--ink)}
button.ghost:focus-visible{outline:2px solid var(--raudona);outline-offset:1px}

/* -------------------------------- poraštė -------------------------------- */
footer.puslapio{background:var(--antracitas);color:#EDEFF1;padding:clamp(36px,4.5vw,56px) 0 24px;margin-top:0}
.f-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  padding-bottom:28px;border-bottom:1px solid var(--linija-tamsi)}
.f-grid h4{font-size:var(--f-label);font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:#9BA3AB;margin:0 0 12px}
.f-grid a{display:block;font-size:13.5px;color:#EDEFF1;text-decoration:none;padding:5px 0}
.f-grid a:hover{color:var(--raudona)}
.f-slogan{display:block;margin-top:12px;font-size:13px;color:#9BA3AB}
.f-apacia{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:12px;padding-top:20px;font-size:12px;color:#9BA3AB}
.f-apacia a{color:#9BA3AB}
.vandens-zyme{font-size:10.5px;color:#EDEFF1;opacity:.2;text-align:right;margin-top:16px;line-height:1.4}

/* ------------------------------ prisijungimas ---------------------------- */
.login-fonas{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  background:var(--antracitas);color:#EDEFF1}
.login-fonas .topbar{background:transparent;border-bottom:1px solid var(--linija-tamsi)}
.login-vidus{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 18px}
.login-kortele{width:100%;max-width:430px;background:#fff;color:var(--ink);
  padding:clamp(24px,4vw,36px);box-shadow:0 20px 60px -30px rgba(0,0,0,.85)}
.login-kortele .label{color:var(--raudona);display:block;margin-bottom:10px}
.login-kortele h1{font-size:clamp(20px,2.4vw,25px);font-weight:600;letter-spacing:-.015em;margin:0 0 10px;line-height:1.2}
.login-kortele .paaisk{font-size:var(--f-small);color:var(--ink-soft);margin:0 0 22px;line-height:1.55}
.laukas{margin-bottom:14px}
.laukas label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}
.laukas input{width:100%;min-height:44px;padding:0 12px;font-family:inherit;font-size:15px;
  color:var(--ink);background:#fff;border:1px solid var(--line)}
.laukas input:focus{outline:2px solid var(--raudona);outline-offset:-1px;border-color:var(--raudona)}
.login-kortele .btn{width:100%;margin-top:6px}
.klaida{background:var(--bad-soft);border-left:3px solid var(--raudona);color:var(--raudona-tamsi);
  font-size:var(--f-small);padding:10px 13px;margin-bottom:16px}
.login-apacia{font-size:11.5px;color:var(--ink-soft);margin:18px 0 0;line-height:1.5}
.login-apacia a{color:var(--raudona)}
.login-poraste{padding:18px;text-align:center;font-size:12px;color:#9BA3AB}

/* ============================ MOBILUS / PLANŠETĖ ========================= */
@media (max-width:900px){
  .imones-nav{display:none}
  .burgeris{display:block}
}
@media (max-width:640px){
  :root{--f-body:15.5px}
  .page{padding:0 15px}
  .juosta .page{min-height:44px}
  .pusnav a{padding:6px 11px;font-size:11.5px}
  .f-apacia{flex-direction:column;align-items:flex-start}
  .vandens-zyme{text-align:left}
  .btn{width:100%}
}

/* ======================== SPAUSDINTI NELEIDŽIAMA =========================
   Naršyklių „Išsaugoti kaip PDF" naudoja tą patį spausdinimo kelią, todėl ši
   taisyklė uždaro ir jį. Kaip ir visos kitos priemonės — atgraso, bet
   nesustabdo ekrano nuotraukos ar stilių išjungimo naršyklės įrankiuose. */
@media print{
  html,body{background:#fff;color:#000}
  body>*{display:none!important}
  body::before{content:'Šis dokumentas nespausdinamas.';display:block;
    padding:50px 50px 10px;font:700 19px/1.3 var(--display)}
  body::after{content:'Konfidencialu. © 2026 TRIKDIS. Kopijuoti, spausdinti ar perduoti tretiesiems asmenims be raštiško sutikimo negalima.';
    display:block;max-width:60ch;padding:0 50px;font:400 13px/1.6 var(--display);color:#444}
}
/* animacijos modelio puslapyje yra turinio dalis (užrakto ciklas, sirena),
   todėl čia gesinami tik perėjimai */
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* juostos dešinė pusė: puslapio mygtukai + konfidencialumo ženklas */
.juosta-des{display:flex;align-items:center;gap:10px;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.juosta-des .acts{display:flex;gap:7px}
@media (max-width:640px){
  .juosta .page{flex-wrap:wrap;padding-top:6px;padding-bottom:6px;gap:8px}
  .juosta-des{width:100%;justify-content:space-between}
}