/* app.law24.lt — Teisininko APP. Paletė suderinta su law24.lt */
:root{
  /* 2026-09-20: paletė patikslinta pagal FDD24 planuoklio rekomendaciją */
  --navy:#184c40; --blue:#315c91; --accent:#158a5e; --accent-d:#11734e;
  --ink:#1b3029; --muted:#5a6b63; --line:#dce3d9; --bg:#f5f7f3; --card:#fff;
  --red:#a43e36; --amber:#985b27;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}

/* Viršus */
.top{background:#fff;border-bottom:1px solid var(--line)}
.top .in{max-width:1120px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:800;font-size:21px;letter-spacing:-.5px;color:var(--navy)}
.logo span{color:var(--accent)}
.logo small{display:block;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-top:-4px}
.back{font-size:14px;color:var(--muted);font-weight:600}
.back:hover{color:var(--navy)}

/* Prisijungimo blokas */
main{flex:1;display:flex;align-items:center;justify-content:center;padding:44px 20px}
.auth{width:100%;max-width:920px;display:grid;grid-template-columns:1.05fr .95fr;gap:0;
  background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 1px 2px rgba(20,22,26,.04),0 10px 30px rgba(13,36,64,.07)}
.auth-side{background:linear-gradient(160deg,#0d2440 0%,#123255 100%);color:#fff;padding:38px 34px}
.auth-side h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.3px;color:#fff}
.auth-side p{color:#c3d2e2;font-size:14.5px;margin-top:12px}
.feat{margin-top:22px;display:grid;gap:12px}
.feat div{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#e3ebf3}
.feat b{display:inline-block;min-width:20px;color:#5fd3a0}
.auth-form{padding:38px 34px}
.auth-form h2{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.2px}
.auth-form .lead{color:var(--muted);font-size:14px;margin-top:6px;margin-bottom:22px}
label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0 0 6px}
textarea,input[type=email],input[type=password],input[type=text],input[type=tel],input[type=date]{width:100%;padding:12px 14px;border:1.5px solid var(--line);
  border-radius:9px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff;transition:.15s}
input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(21,138,94,.12)}
.field{margin-bottom:16px;min-width:0}
.row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 20px;font-size:13.5px}
.row label{display:flex;align-items:center;gap:7px;font-weight:600;margin:0;color:var(--muted)}
.row a{color:var(--accent);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--accent);
  color:#fff;border:0;border-radius:9px;padding:13px 20px;font-weight:700;font-size:15px;
  font-family:inherit;cursor:pointer;transition:.15s}
.btn:hover{background:var(--accent-d)}
.msg{border-radius:9px;padding:12px 14px;font-size:14px;margin-bottom:18px;border:1px solid}
.msg-warn{background:#fff8ec;border-color:#f0e0be;color:#7a5b17}
.msg-err{background:#fdecea;border-color:#f5c6c0;color:#8d2519}
.hint{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.hint a{color:var(--accent);font-weight:600}
footer{border-top:1px solid var(--line);background:#fff}
footer .in{max-width:1120px;margin:0 auto;padding:16px 20px;font-size:13px;color:var(--muted);
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-side{padding:28px 24px}.auth-form{padding:28px 24px}}

/* --- Vidiniai puslapiai (darbastalis, administravimas) --- */
.wrap{max-width:1180px;margin:0 auto;padding:26px 20px}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:600;color:var(--navy);letter-spacing:-.3px}
.sub{color:var(--muted);font-size:14.5px;margin:6px 0 18px}
.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:16px;
  box-shadow:0 1px 2px rgba(20,22,26,.04),0 6px 18px rgba(20,22,26,.05)}
.card h2{font-size:17px;color:var(--navy);margin-bottom:8px}
.card p{color:var(--muted);font-size:14.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end}
/* laukai niekada neišsipučia platesni už savo langelį (ilgi pasirinkimų tekstai „lipdavo“ ant kaimyno) */
.grid2>*{min-width:0}
.grid2 select,.grid2 input,.grid2 textarea{width:100%;max-width:100%;box-sizing:border-box}
/* varnelės ir radijo mygtukai neturi tįsti per visą formos plotį (kitaip tekstas nustumiamas į kraštą) */
.grid2 input[type=checkbox],.grid2 input[type=radio],
.field input[type=checkbox],.field input[type=radio]{width:auto;max-width:none;flex:0 0 auto;margin:0}
.field label.varnele{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.5}
.field label.varnele span{flex:1 1 auto;min-width:0}
.grid2 select{text-overflow:ellipsis}
.soon{opacity:.55}
.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  padding:4px 9px;border-radius:20px;background:#e8f3ee;color:var(--accent-d)}
.badge.no{background:#fdecea;color:#8d2519}
.tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.tab{padding:9px 16px;border-radius:9px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:14px;color:var(--muted)}
.tab.act{background:var(--navy);border-color:var(--navy);color:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);
  border-bottom:1px solid var(--line);padding:8px 10px;white-space:nowrap}
.tbl td{border-bottom:1px solid var(--line);padding:10px;vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.nowrap{white-space:nowrap}
.inline{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;margin:2px 0}
.inline input[type=date],.inline select,.grid2 select{padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;
  font-family:inherit;font-size:13.5px;background:#fff;color:var(--ink)}
.chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);margin:0}
.btn.small{width:auto;padding:8px 13px;font-size:13px}
.btn.line{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.btn.line:hover{border-color:var(--accent);color:var(--accent);background:#fff}
.msg-ok{background:#e8f3ee;border-color:#bfe0d0;color:#125e40}
.top .in a{color:var(--accent);font-weight:600}
.top .in .logo{color:var(--navy)}

textarea{font-family:inherit;font-size:14.5px;resize:vertical}
a.card{display:block;text-decoration:none;transition:.15s}
a.card:hover{border-color:var(--accent);box-shadow:0 2px 4px rgba(20,22,26,.06),0 10px 24px rgba(21,138,94,.10)}
.tbl a{color:var(--accent)}
/* užpildytas mygtukas lentelėje — baltas tekstas (kitaip .tbl a nuspalvina jį žaliai) */
.tbl a.btn:not(.line){color:#fff}
.tbl a.btn.line{color:var(--ink)}
/* plati lentelė slenka savo viduje, o ne stumia viso puslapio */
.tbl-slinktis{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.tbl-slinktis>.tbl{min-width:900px}
/* Safari „prilipusią“ antraštę nustumdavo ant pirmos eilutės — slinkties lentelėse ji statiška */
.tbl-slinktis .tbl th{position:static!important;top:auto!important;z-index:auto!important;
 background:#f6f8fa;border-bottom:1.5px solid var(--line)}
/* dokumento eilutės veiksmų mygtukai — sava eilutė, kad netilptų ant pavadinimo */
.dok-veiksmai{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.dok-veiksmai>.btn{margin:0!important;flex:0 0 auto}
.tbl td .dok-pav{display:block;margin-bottom:2px}
.tbl td small.dok-failas{display:block;color:var(--muted);word-break:break-word}
/* platesniuose puslapiuose juosta ir poraštė lygiuojasi su turiniu */
.top .in.platus{max-width:1560px}
@media(max-width:1600px){.wrap.platus{max-width:100%}.top .in.platus{max-width:100%}}

/* --- LITEKO stiliaus sąrašas ir bylos kortelė --- */
.paieska{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.paieska label{font-size:13px;font-weight:700;color:var(--ink);display:flex;flex-direction:column;gap:5px}
.paieska select,.paieska input[type=text]{padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;
  font-family:inherit;font-size:14px;background:#fff;color:var(--ink)}
.tbl-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;
  font-size:12px;letter-spacing:.6px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.tbl.liteko th{background:#f2f5f9}
.tbl.liteko td{vertical-align:top;font-size:13.5px}
.psl{display:flex;gap:6px;margin-top:12px}
.psl a{padding:6px 12px;border:1px solid var(--line);border-radius:7px;font-weight:700;font-size:13px;color:var(--muted)}
.psl a.act{background:var(--navy);border-color:var(--navy);color:#fff}
.info2{display:grid;grid-template-columns:1.35fr 1fr;gap:26px}
@media(max-width:820px){.info2{grid-template-columns:1fr}}
.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-top:10px;font-size:14.5px}
.dl dt{color:var(--muted)}
.dl dd{color:var(--ink)}
input[type=file]{font-family:inherit;font-size:13.5px;padding:9px;border:1.5px dashed var(--line);border-radius:9px;width:100%;background:#fff}

/* --- „Reikia pagalbos" valdiklis (visuose prisijungusio vartotojo puslapiuose) --- */
#hlp-fab{position:fixed!important;right:18px;bottom:18px;z-index:9998;display:inline-flex;align-items:center;gap:6px;
  background:#fff;color:var(--accent-d);border:1.5px solid #bfe0d0;border-radius:24px;padding:10px 16px;
  font-family:inherit;font-size:13.5px;font-weight:700;box-shadow:0 3px 12px rgba(13,36,64,.14);cursor:pointer;
  opacity:.94;transition:opacity .15s,box-shadow .15s,transform .15s}
#hlp-fab:hover{opacity:1;box-shadow:0 6px 18px rgba(13,36,64,.2);transform:translateY(-1px)}
#hlp-ov{position:fixed;inset:0;z-index:9999;background:rgba(13,36,64,.45);display:none;align-items:center;justify-content:center;padding:16px}
#hlp-ov.on{display:flex}
#hlp-card{position:relative;background:#fff;border-radius:14px;max-width:470px;width:100%;padding:22px;
  box-shadow:0 12px 40px rgba(0,0,0,.3)}
#hlp-card h3{margin:0 0 8px;font-size:19px;color:var(--navy)}
#hlp-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:17px;color:var(--muted);cursor:pointer}
#hlp-warn{background:#fff8ec;border:1px solid #f0e0be;color:#7a5b17;border-radius:8px;padding:9px 11px;font-size:13px;margin-bottom:10px}
#hlp-desc{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:9px;padding:10px 12px;
  font:inherit;font-size:14px;margin:4px 0;resize:vertical}
#hlp-desc:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(21,138,94,.12)}
#hlp-status{font-size:13px;min-height:18px;margin:4px 0}

/* --- planuoklio šoniniai blokai: pastabos ir neišspręsti dokumentai --- */
.plan-side{position:sticky;top:74px;max-height:calc(100vh - 84px);overflow-y:auto;padding-right:2px}
.plan-side::-webkit-scrollbar{width:6px}
.plan-side::-webkit-scrollbar-thumb{background:#d6ded8;border-radius:4px}
.uzr{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;
     padding:8px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.45}
.uzr:first-of-type{border-top:0}
.uzr.nau{border-left:3px solid #e07b00;padding-left:8px}
.uzr.vyk{border-left:3px solid #2563eb;padding-left:8px}
.uzr>div{flex:1;min-width:0}   /* 2026-10-09 Nedo #743: tekstas kairėje, ne centruotas (space-between nebestumia į vidurį) */
.uzr-redb{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:14px;padding:2px 4px;align-self:flex-start}.uzr-redb:hover{color:var(--navy)}
.uzr.atl .uzr-t{text-decoration:line-through;color:var(--muted)}
.uzr .zym{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;
          color:#8a5b00;background:#fdf3e3;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:middle}
.uzr.vyk .zym{color:#1c4ea8;background:#e8effb}
.uzr-form{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px}
.uzr-form input[type=text],.uzr-form select,.uzr-form input[type=date]{width:100%;font-size:13.5px;padding:7px 9px}
.uzr-form button{justify-self:start}
@media(max-width:900px){.plan-side{position:static;max-height:none;overflow:visible}}

/* po veiksmo grįžus prie eilutės – kad ji neliktų po lipniais meniu ir būtų matoma */
.tbl tr[id]{scroll-margin-top:190px}
.tbl tr:target{background:#fffbe6 !important;box-shadow:inset 3px 0 0 var(--accent)}
.tbl tr:target td{transition:background .4s}

@media print{#hlp-fab,#hlp-ov{display:none!important}}

/* --- „i" paaiškinimo burbulas (kontekstinė pagalba) --- */
.help{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}
.help-i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;
  background:var(--accent);color:#fff;font-size:11px;font-weight:700;font-style:normal;line-height:1;
  cursor:help;font-family:Georgia,"Times New Roman",serif;user-select:none}
.help-tip{display:none;position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);z-index:100;
  width:300px;max-width:78vw;background:#1f2937;color:#fff;font-size:12.5px;font-weight:400;font-style:normal;
  line-height:1.55;text-align:left;letter-spacing:0;text-transform:none;padding:12px 14px;border-radius:9px;
  box-shadow:0 8px 28px rgba(0,0,0,.25)}
.help-tip::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);
  border:7px solid transparent;border-bottom-color:#1f2937}
.help-tip b{color:#7fe3b6;font-weight:700}
.help-tip .ex{color:#c8cdd4}
.help:hover .help-tip,.help:focus-within .help-tip{display:block}
/* burbulas prie dešiniojo krašto — kad neišeitų už ekrano */
.tbl .help-tip,.inline .help-tip{left:auto;right:0;transform:none}
.tbl .help-tip::before,.inline .help-tip::before{left:auto;right:14px;transform:none}
@media print{.help{display:none}}


/* ══ PLANUOKLIS ══ */
.planhead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0 16px;padding:10px 12px;background:var(--bg2,#faf9f7);
  border:1px solid var(--line);border-radius:10px}
.leg{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;user-select:none}
.leg .dot{width:12px;height:12px;border-radius:3px;background:var(--f);border:2px solid var(--c);display:inline-block}
.leg input{margin:0}
.cal{width:100%;border-collapse:collapse;table-layout:fixed}
.cal th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:6px 4px;text-align:left}
.cal td{border:1px solid var(--line);vertical-align:top;height:104px;padding:4px;width:14.28%}
.cal td.kitas{background:#fcfcfb;color:var(--muted)}
.cal td.nedarbo{background:#faf7f5}
.cal td.siandien{outline:2px solid var(--green,#158a5e);outline-offset:-2px}
.cal .d{font-size:12px;color:var(--muted);margin-bottom:3px}
.cal .ev{display:block;font-size:11.5px;line-height:1.3;margin-bottom:3px;padding:3px 5px;border-radius:5px;
  background:var(--f);border-left:3px solid var(--c);color:#222;text-decoration:none;overflow:hidden}
.cal .ev:hover{filter:brightness(.96)}
.cal .ev b{color:var(--c)}
.zyma{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:20px;background:var(--f);
  border:1px solid var(--c);color:var(--c);white-space:nowrap}
@media(max-width:820px){
  .cal td{height:auto;min-height:52px}
  .cal .ev{font-size:11px}
}


/* ══ PLANUOKLIS: išdėstymas, veiksmų juosta, modalas ══ */
.plan-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;--kn-sonas:378px}
.plan-side .card{padding:16px 18px}
.plan-side h3{font-size:16px;margin:0 0 10px}
.segm{display:inline-flex;border:1.5px solid var(--line);border-radius:9px;overflow:hidden}
.segm a{padding:8px 13px;font-size:13px;text-decoration:none;color:var(--muted);background:#fff}
.segm a+a{border-left:1.5px solid var(--line)}
.segm a.act{background:var(--green,#158a5e);color:#fff;font-weight:600}
.cal .d{display:flex;align-items:center;justify-content:space-between;gap:4px}
.cal .add{opacity:0;text-decoration:none;color:var(--green,#158a5e);font-size:15px;line-height:1;
  padding:1px 5px;border-radius:5px;transition:opacity .12s}
.cal td:hover .add{opacity:1}
.cal .add:hover{background:#e6f4ee}
.cal td:focus-within .add{opacity:1}
.mini{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;padding:7px 9px;margin-bottom:6px;
  border-radius:8px;background:var(--f);border-left:3px solid var(--c);text-decoration:none;color:#222;font-size:12.5px}
.mini:hover{filter:brightness(.97)}
.mini .md{font-weight:700;color:var(--c)}
.mini .mt{line-height:1.3;overflow:hidden}
.mini .ml{font-size:11.5px;color:var(--muted);white-space:nowrap}

.modal{position:fixed;inset:0;background:rgba(20,25,22,.42);display:none;align-items:flex-start;
  justify-content:center;z-index:300;padding:40px 16px;overflow:auto}
.modal:target{display:flex}
.modal-box{background:#fff;border-radius:14px;width:min(660px,100%);padding:24px 26px 26px;
  box-shadow:0 22px 60px rgba(0,0,0,.28);position:relative;animation:lwUp .16s ease-out}
@keyframes lwUp{from{transform:translateY(10px);opacity:.6}to{transform:none;opacity:1}}
.modal-box h2{margin-top:0}
.modal-x{position:absolute;top:12px;right:14px;font-size:18px;color:var(--muted);text-decoration:none;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}
.modal-x:hover{background:#f2f2f0}

@media(max-width:1100px){
  .plan-grid{grid-template-columns:1fr;--kn-sonas:20px}
}
@media(max-width:820px){
  .planhead{flex-direction:column;align-items:stretch;gap:10px}
  .cal .add{opacity:1}
  .modal{padding:16px 10px}
}


/* ══ „Planuoklis“ meniu mygtukas su kalendoriaus lapeliu ══ */
.nav-plan{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 7px;border-radius:22px;
  background:#e9f5f0;border:1.5px solid #bfe0d2;color:#0f5f42 !important;font-weight:600;
  text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s;vertical-align:middle}
.nav-plan:hover{background:#dcefe6;border-color:var(--green,#158a5e);box-shadow:0 3px 10px rgba(21,138,94,.18)}
.kal-lapas{display:inline-flex;flex-direction:column;align-items:center;width:24px;height:26px;flex:none;
  border-radius:5px;overflow:hidden;background:#fff;border:1.5px solid #158a5e;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.kal-virsus{display:block;width:100%;height:6px;background:var(--green,#158a5e)}
.kal-diena{display:flex;align-items:center;justify-content:center;flex:1;width:100%;font-size:12.5px;
  font-weight:800;color:#23324a;line-height:1;font-family:system-ui,-apple-system,sans-serif}
.top .in{gap:10px}
@media(max-width:820px){.nav-plan{padding:4px 10px 4px 6px}.kal-lapas{width:22px;height:24px}.kal-diena{font-size:11.5px}}


/* ══ Dokumentų rūšių filtrai ══ */
.filtrai{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 10px;align-items:center}
/* Filtrų mygtukai — ryškūs, kad iš karto matytųsi, jog jais galima naudotis. */
.fbtn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:17px;font-size:13.5px;
  font-weight:600;text-decoration:none;color:#1f3350;background:#fff;border:1.5px solid #b9c6d6;
  box-shadow:0 1px 2px rgba(20,40,70,.06);transition:all .12s;white-space:nowrap}
.fbtn b{font-weight:800;color:#fff;background:#8095ae;font-size:11px;line-height:1;
  padding:3px 6px;border-radius:9px;min-width:14px;text-align:center}
.fbtn:hover{background:#eef4fb;border-color:var(--green,#158a5e);color:#0d5c3d;
  box-shadow:0 2px 6px rgba(21,138,94,.18);transform:translateY(-1px)}
.fbtn:hover b{background:var(--green,#158a5e)}
.fbtn.act{background:var(--green,#158a5e);border-color:var(--green,#158a5e);color:#fff;
  box-shadow:0 2px 8px rgba(21,138,94,.30)}
.fbtn.act b{background:rgba(255,255,255,.28);color:#fff}
.filtrai-et{font-size:12.5px;color:var(--muted);font-weight:600;margin-right:2px}

/* ══ Pranešimas, kad dokumentų galima ieškoti filtru ══ */
#filtro-info{display:none;margin:10px 0 12px;padding:13px 15px;border:1.5px solid #2b3a4f;
  border-left:6px solid #f0b429;border-radius:10px;background:#22303f;
  box-shadow:0 3px 12px rgba(16,26,38,.22);gap:16px;align-items:flex-start}
#filtro-info.on{display:flex}
#filtro-info .tk{flex:1 1 auto;min-width:220px}
#filtro-info .zenk{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;padding:2px 8px;border-radius:10px;margin-bottom:6px;
  background:#f0b429;color:#22303f}
#filtro-info h4{margin:0 0 5px;font-size:14.5px;color:#ffd27a}
#filtro-info p{margin:0 0 9px;font-size:13px;color:#d4dde8;line-height:1.45}
#filtro-info p b{color:#fff}
#filtro-info .btn{margin:0;background:#f0b429;color:#22303f;border-color:#f0b429;font-weight:700}
#filtro-info .btn:hover{background:#ffc94d;border-color:#ffc94d;color:#22303f}
/* trumpa demonstracija — animacija, rodanti, kaip pele užvedama ant filtro */
.fdemo{flex:0 0 330px;position:relative;height:138px;background:#fff;border:1px solid #3b4c63;
  border-radius:8px;overflow:hidden;padding-top:20px}
.fdemo::before{content:"Kaip tai veikia";position:absolute;top:0;left:0;right:0;
  font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#5c6b80;
  background:#eef2f7;border-bottom:1px solid #dde4ec;padding:3px 8px}
.fdemo .row{position:absolute;top:30px;left:12px;display:flex;gap:6px}
.fdemo .c{font-size:11px;font-weight:600;color:#1f3350;background:#fff;border:1.3px solid #b9c6d6;
  border-radius:12px;padding:4px 10px;white-space:nowrap}
.fdemo .c.s{animation:fd-akt 6s infinite}
.fdemo .lst{position:absolute;left:12px;right:12px;top:68px}
.fdemo .li{height:10px;border-radius:3px;background:#e7ebf1;margin-bottom:7px}
.fdemo .li.x{animation:fd-dingsta 6s infinite}
.fdemo .li.y{animation:fd-lieka 6s infinite}
.fdemo .cur{position:absolute;width:17px;height:23px;left:16px;top:86px;
  animation:fd-pele 6s infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
@keyframes fd-pele{
  0%,8%{transform:translate(0,0)} 26%,72%{transform:translate(62px,-52px)}
  86%,100%{transform:translate(0,0)}}
@keyframes fd-akt{
  0%,20%{background:#fff;color:#1f3350;border-color:#b9c6d6}
  28%,74%{background:#158a5e;color:#fff;border-color:#158a5e}
  82%,100%{background:#fff;color:#1f3350;border-color:#b9c6d6}}
@keyframes fd-dingsta{0%,24%{opacity:1;height:10px;margin-bottom:7px}
  32%,72%{opacity:0;height:0;margin-bottom:0} 80%,100%{opacity:1;height:10px;margin-bottom:7px}}
@keyframes fd-lieka{0%,24%{background:#e7ebf1} 32%,72%{background:#bfe3d1} 80%,100%{background:#e7ebf1}}
@media(max-width:820px){.fdemo{display:none}}


/* ══ Plaukiojantys elementai ilguose sąrašuose ══ */
.top{position:sticky;top:0;z-index:120}
/* bylos kortelės skirtukai ir dokumentų filtrai lieka matomi slenkant */
.tabs{position:sticky;top:64px;z-index:90;background:var(--bg,#f5f6f8);padding-top:8px;padding-bottom:2px}
.filtrai{position:sticky;top:126px;z-index:80;background:var(--bg,#f5f6f8);padding:8px 0;margin:0 0 8px}
.tbl-head{position:sticky;top:126px;z-index:70;background:#fff}
#i-virsu{position:fixed;right:22px;bottom:88px;width:44px;height:44px;border-radius:50%;
  display:none;align-items:center;justify-content:center;text-decoration:none;
  background:#fff;color:var(--green,#158a5e);border:1.5px solid var(--line);
  box-shadow:0 6px 20px rgba(0,0,0,.14);font-size:20px;line-height:1;z-index:150;transition:transform .12s}
#i-virsu.on{display:flex}
#i-virsu:hover{transform:translateY(-2px);border-color:var(--green,#158a5e)}
@media(max-width:820px){
  .tabs{top:56px}
  .filtrai,.tbl-head{top:auto;position:static}
  #i-virsu{right:14px;bottom:76px;width:40px;height:40px}
}
@media print{#i-virsu{display:none}}


/* ══ 🔒 GELEŽINĖ: ilguose sąrašuose visi meniu ir antraštės lieka matomi ══
   Sluoksniai (viršutinė juosta → skirtukai → filtrai → lentelės antraštė) gauna
   nuoseklius „top“ dydžius per JS (lw_foot), todėl jie niekada nepersidengia. */
.tbl th{position:sticky;top:0;background:#fff;z-index:60;
  box-shadow:inset 0 -1px 0 var(--line)}
.tbl-head{z-index:65}
.filtrai{z-index:80}
.tabs{z-index:90}
.top{z-index:120}
@media(max-width:820px){
  /* siaurame ekrane leidžiam lentelę slinkti horizontaliai — tada „sticky“ netaikomas */
  .tbl{display:block;overflow-x:auto}
  .tbl th{position:static}
}
@media print{.top,.tabs,.filtrai,.tbl-head,.tbl th{position:static}}

/* įvykdyti / praleisti įvykiai kalendoriuje */
.cal .ev.done{opacity:.55;filter:grayscale(1);text-decoration:line-through}
.cal .ev.done b{color:#8a8f98}
.cal .ev.late{box-shadow:inset 0 0 0 1.5px #c02626}


/* ══════════════════════════════════════════════════════════════════
   📱 MOBILIOJI VERSIJA (telefonas ≤ 640 px) — LAW24 programėlei ir naršyklei
   Tikslas: didelės liečiamos sritys, jokio horizontalaus slinkimo,
   meniu — slenkamos „piliulės", lentelės — kortelės.
   ══════════════════════════════════════════════════════════════════ */
@media(max-width:640px){
  html,body{overflow-x:hidden}
  body{-webkit-text-size-adjust:100%}
  .wrap{padding:12px 12px 90px}

  /* — viršutinė juosta — */
  .top .in{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px;height:auto;min-height:0;overflow:visible}
  .top{overflow:visible;padding-bottom:2px}
  .logo{font-size:19px}
  .logo small{display:none}
  .sep,.tik-desk{display:none!important}
  .back{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;
        scrollbar-width:none;padding-bottom:2px}
  .back::-webkit-scrollbar{display:none}
  .back a{flex:none;padding:8px 14px;border-radius:20px;background:#f1f4f8;border:1px solid var(--line);
          font-size:13.5px;font-weight:600;white-space:nowrap;text-decoration:none;color:#25405f}
  .back a.nav-plan{padding:6px 14px 6px 8px}

  /* — turinys — */
  h1{font-size:22px;line-height:1.25}
  h2{font-size:18px}
  .card{padding:14px;border-radius:12px}
  .crumb{font-size:12px}

  /* — formos: 16px, kad iOS nepriartintų ekrano — */
  input,select,textarea{font-size:16px!important;min-height:44px}
  textarea{min-height:96px}
  .grid2{grid-template-columns:1fr!important}
  .field{margin-bottom:10px}

  /* — mygtukai: patogūs pirštui — */
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px}
  .btn.small{min-height:38px;padding:8px 13px}

  /* — lentelės virsta kortelėmis — */
  table.tbl{display:block;width:100%}
  table.tbl thead,table.tbl tr:first-child th{display:none}
  table.tbl tr{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;
               padding:10px 12px;margin-bottom:8px}
  table.tbl td{display:block;border:none;padding:3px 0;font-size:14px}
  table.tbl td:first-child{font-weight:700;font-size:15px}
  .nowrap{white-space:normal}

  /* — skirtukai ir filtrai: slenkami — */
  .tabs,.filtrai{display:flex;overflow-x:auto;gap:6px;white-space:nowrap;scrollbar-width:none}
  .tabs::-webkit-scrollbar,.filtrai::-webkit-scrollbar{display:none}
  .tabs a,.fbtn{flex:none;min-height:38px;display:inline-flex;align-items:center}

  /* — kalendorius: kompaktiškas — */
  .cal th{font-size:11px}
  .cal td{min-height:44px;padding:3px}
  .cal .d{font-size:11px}
  .cal .ev{font-size:10.5px;padding:2px 4px}

  /* — pagalbos mygtukas nekliudo apatinei juostai — */
  #hlp-fab{bottom:26px;right:14px}
  #i-virsu{bottom:84px}

  /* — modalai per visą ekraną — */
  .modal{padding:0;align-items:flex-end}
  .modal-box{width:100%;max-height:92vh;overflow:auto;border-radius:16px 16px 0 0;padding:20px 16px 28px}
}


/* ══ Išskleidžiamas sąrašas su paieška viduje (bylų pasirinkimas) ══ */
.lwsel{position:relative}
.lwsel-btn{width:100%;text-align:left;padding:10px 34px 10px 12px;border:1.5px solid var(--line);border-radius:9px;
  background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23667' stroke-width='1.6'/></svg>") no-repeat right 12px center;
  font:inherit;font-size:15px;color:#1f2b3d;cursor:pointer;min-height:44px}
.lwsel-btn:hover{border-color:var(--green,#158a5e)}
.lwsel-pan{display:none;position:absolute;z-index:200;left:0;right:0;top:calc(100% + 4px);background:#fff;
  border:1.5px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.16);padding:8px;max-height:340px;
  display:none;flex-direction:column}
.lwsel.on .lwsel-pan{display:flex}
.lwsel-ieskoti{width:100%;padding:9px 11px;border:1.5px solid var(--line);border-radius:8px;font-size:15px;margin-bottom:6px}
.lwsel-sar{overflow:auto;max-height:260px}
.lwsel-el{display:block;width:100%;text-align:left;padding:9px 10px;border:0;background:none;font:inherit;font-size:14.5px;
  border-radius:7px;cursor:pointer;color:#1f2b3d}
.lwsel-el:hover{background:#eef5f1}
.lwsel-el.act{background:#e6f4ee;font-weight:700;color:#0f5f42}
.lwsel-nera{padding:10px;color:var(--muted);font-size:14px}

/* ══ Ilgas tekstas lentelėse — laužomas TIK ties žodžių ribomis ══
   (anksčiau buvo „break-word", dėl to plačiose lentelėse tekstas susiveldavo) */
table.tbl{table-layout:auto;width:100%}
table.tbl td,table.tbl th{overflow-wrap:break-word;word-break:normal;hyphens:none;vertical-align:top}
table.tbl td.nowrap,table.tbl th.nowrap{white-space:nowrap;overflow-wrap:normal}
/* plati bylų lentelė (10 stulpelių) nespaudžiama — slenkama TIK ji pati,
   o ne visa kortelė (dėl kortelės slinkimo nukirsdavo eilutes) */
.slenk{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.tbl.liteko{min-width:1180px}


/* ══ Lietuviškas datų pasirinkiklis (naršyklės natyvus rodo angliškai) ══ */
.dpick{position:relative;display:block}
.dpick-txt{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;background:#fff;
  font:inherit;font-size:15px;color:#1f2b3d;cursor:pointer;min-height:44px}
.dpick-txt:hover{border-color:var(--green,#158a5e)}
.dpick-pan{display:none;position:absolute;z-index:250;top:calc(100% + 5px);left:0;width:286px;background:#fff;
  border:1.5px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(20,30,60,.18);padding:12px}
.dpick.on .dpick-pan{display:block}
.dpick-galva{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dpick-antr{font-size:14.5px;color:#1f2b3d}
.dpick-nav{border:0;background:#eef2f6;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:17px;line-height:1;color:#33455f}
.dpick-nav:hover{background:#e2e9f0}
.dpick-sav{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:11px;color:#8a919c;font-weight:700;
  text-align:center;margin-bottom:4px}
.dpick-tinkl{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.dpick-d{padding:7px 0;border-radius:8px;cursor:pointer;font-size:13.5px;user-select:none;-webkit-user-select:none;color:#22314a}
.dpick-d:hover{background:#eef5f1}
.dpick-d.sav{color:#98a2b3}
.dpick-d.sd{box-shadow:inset 0 0 0 1.5px var(--green,#158a5e);font-weight:700}
.dpick-d.pas{background:var(--green,#158a5e);color:#fff;font-weight:700}
.dpick-apac{display:flex;gap:6px;margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.dpick-mygt{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:7px 8px;font:inherit;
  font-size:13px;cursor:pointer;color:#33455f}
.dpick-mygt:hover{border-color:var(--green,#158a5e);color:#0f5f42}
@media(max-width:640px){ .dpick-pan{width:min(300px,86vw)} }


/* ══ Zebra: kas antra eilutė (byla, dokumentas) — vos matoma juostelė,
      kad ilguose sąrašuose būtų aišku, kur baigiasi viena byla ir prasideda kita ══ */
table.tbl tr:nth-child(even){background:rgba(30,58,95,.035)}
table.tbl tr:nth-child(even):hover,table.tbl tr:hover{background:rgba(21,138,94,.07)}
table.tbl tr:first-child{background:none}          /* antraštės eilutė lieka švari */

@media(max-width:640px){
  /* telefone eilutės rodomos kaip kortelės — spalvinam pačias korteles */
  table.tbl tr{background:#fff}
  table.tbl tr:nth-child(even){background:#f5f8fa}
  table.tbl tr:nth-child(even):hover{background:#f5f8fa}
}


/* mobiliajame kortelių rodinyje plati lentelė neturi minimalaus pločio */
@media(max-width:640px){
  table.tbl.liteko{min-width:0}
  table.tbl td,table.tbl th{overflow-wrap:break-word}
}

/* ══ Saugumo ženklas (SSL / duomenų apsauga) ══ */
.sauga{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 0}
.sauga .zen{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:20px;
  background:#f2faf6;border:1px solid #bfe0d2;color:#0f5f42;font-size:12.5px;font-weight:600;line-height:1.2}
.sauga .zen svg{flex:none}
.sauga small{color:var(--muted);font-size:11.5px}

/* prisijungimo lango antraštė tamsiame fone visada balta (buvo tamsi ant tamsaus) */
.auth-side h1,.auth-side h2{color:#fff}


/* Slenkamoje lentelėje „lipni" antraštė nebeveikia teisingai (ji sticky konteinerio,
   o ne puslapio atžvilgiu) ir užlipdavo ant bylos numerio — todėl ją paliekam vietoje. */
.slenk table.tbl th{position:static !important;top:auto !important}
.slenk{position:relative;z-index:1}

/* ══ 2FA (dviejų faktorių apsauga) ══ */
.qr{display:inline-block;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:120px;min-height:60px}
.qr svg{display:block;width:196px;height:196px}
.raktas{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;letter-spacing:1px;background:#f6f7f9;
  border:1px dashed var(--line);border-radius:8px;padding:8px 12px;display:inline-block;word-break:break-all;user-select:all}
.kodai{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 18px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;margin:10px 0}
.kodai span{padding:5px 10px;background:#fff;border:1px solid #e8d9a8;border-radius:6px;user-select:all}
input.kodas6{font-size:22px;letter-spacing:6px;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace}
a.zen:hover{background:#e3f4ec}
@media print{.kodai span{border-color:#999}}

/* ══ 🔄 EPP sinchronizacijos žyma ══ */
.epp-juosta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.epp{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;
  font-size:12.5px;font-weight:600;line-height:1.25;border:1px solid}
.epp.nauja{background:#f2faf6;border-color:#bfe0d2;color:#0f5f42}
.epp.vid  {background:#fffaf0;border-color:#e6d4a3;color:#8a6410}
.epp.sen  {background:#fdf3f2;border-color:#e8c4bf;color:#9c3226}
.epp .kada{font-weight:400;opacity:.85}
table.tbl .epp{display:inline-block;padding:3px 8px;font-size:11.5px;text-align:center}
table.tbl .epp small{font-weight:400;opacity:.85;font-size:10.5px}

/* --- Veiksmų stulpelis lentelėse (2026-09-04) ---
   Kai eilutėje daug mygtukų (Žurnalas / Naujas slaptažodis / Išjungti / Atstatyti 2FA),
   „nowrap" išstumdavo lentelę už kortelės ribų. Dabar mygtukai laužomi į kelias eilutes,
   o pati lentelė, jei vis tiek netelpa, slenkama horizontaliai kortelės viduje. */
.tbl td.veiksmai{white-space:nowrap;text-align:right;width:1%}
.tbl td.veiksmai>*{display:inline-flex;margin:2px 0 2px 4px;vertical-align:middle}
.tbl td.veiksmai .btn.small{padding:6px 10px;font-size:11.5px;line-height:1.2;border-radius:7px;white-space:nowrap}
/* slenkamame konteineryje „lipni" antraštė netinka — ji nuklysta į lentelės vidurį */
.tbl-slink .tbl th{position:static}
/* plati kortelė duomenų lentelėms — administravime numatytasis 1180 px per siauras */
.wrap.platus{max-width:1560px}
.tbl.tankiai td{padding:8px 8px}
.tbl.tankiai th{padding:7px 8px}
.tbl.tankiai .inline select{padding:6px 8px;font-size:12.5px}
@media(max-width:1250px){.tbl td.veiksmai{white-space:normal;text-align:left;width:auto}}
.tbl-slink{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

/* ══════════════════════════════════════════════════════════════════════════
   📱 TELEFONO VAIZDAS (2026-09-15, vadovo pastaba: „bando perkelt is kompo
   vaizda i telefona“).

   PROBLEMA. Planuoklio mėnesio tinklelis turi 7 stulpelius. Telefone kiekvienam
   lieka ~50 px, todėl bylų numeriai nukertami („e2-2732-981/20“), o tekstai
   virsta skiemenimis („termina“, „atsiliep“, „pateikt“). Neįskaitoma.

   SPRENDIMAS. Siaurame ekrane tinklelis NEBESPAUDŽIAMAS, o pertvarkomas į
   DIENŲ SĄRAŠĄ: viena diena – viena eilutė su pilna data, po ja kortelės su
   pilnu bylos numeriu ir pilnu tekstu. Tuščios ir gretimų mėnesių dienos
   slepiamos – telefone jos tik trukdo. Kompiuterio vaizdas NEKEIČIAMAS.
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 700px) {
  .cal, .cal tbody, .cal tr, .cal td { display: block; width: auto; }
  .cal tr:first-child { display: none; }            /* PR AN TR … antraštė sąraše nereikalinga */
  .cal td.kitas { display: none; }                  /* gretimų mėnesių dienos */
  .cal td:not(:has(.ev)) { display: none; }         /* dienos be įvykių */

  .cal td {
    border: 0; border-bottom: 1px solid var(--line);
    height: auto; min-height: 0; padding: 12px 0 14px; background: transparent;
  }
  .cal td.siandien {
    outline: 0; border-left: 3px solid var(--green, #158a5e);
    padding-left: 10px; background: #f3faf7;
  }

  /* Dienos antraštė: vietoj skaičiaus – pilna data iš data-diena */
  .cal .d { font-size: 13.5px; font-weight: 700; color: #3a4a63; margin-bottom: 8px; }
  .cal .d > span { display: none; }
  .cal .d::before { content: attr(data-diena); }
  .cal .add { opacity: 1; font-size: 20px; }        /* „＋“ telefone visada matomas */

  /* Įvykio kortelė: pilnas tekstas, patogus liesti */
  .cal .ev {
    font-size: 15px; line-height: 1.35; padding: 11px 13px; margin-bottom: 8px;
    border-radius: 10px; border-left-width: 4px; overflow: visible;
    white-space: normal; overflow-wrap: anywhere;
  }
  .cal .ev b { font-size: 14.5px; display: inline-block; margin-bottom: 2px; }

  /* Kad programėlės apatinė juosta (Teisininkas · Skeneris · Praktika · Kontaktai)
     neuždengtų paskutinių eilučių. */
  body { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 96px); }
  /* 2026-09-20: programėlės apatinė juosta uždengdavo „Reikia pagalbos" mygtuką —
     telefone jį keliame virš tos juostos, o rodyklę „į viršų" — dar aukščiau. */
  #hlp-fab { bottom: calc(env(safe-area-inset-bottom, 0px) + 104px) !important; right: 14px !important; }
  #i-virsu { bottom: calc(env(safe-area-inset-bottom, 0px) + 164px); }
}

/* ── 📱 „i“ paaiškinimas siaurame ekrane ───────────────────────────────────
   PROBLEMA (2026-09-15, vadovo nuotrauka): burbulas 300 px pločio centruojamas
   ties piktograma (left:50%; translateX(-50%)). Kai piktograma yra netoli kairiojo
   krašto (pvz. antraštė „Planuoklis ⓘ“), pusė burbulo atsiduria UŽ EKRANO —
   tekstas nukertamas („ų Jūsų bylų…“, „name kalendoriuje“). Be to jis uždengia
   mygtukus po savimi.
   SPRENDIMAS: telefone burbulas nebekabinamas prie piktogramos, o rodomas kaip
   juosta ekrano apačioje per visą plotį — niekada neišeina už krašto ir nedengia
   to, ką ką tik palietei. Kompiuteryje viskas lieka kaip buvo. */
@media (max-width: 700px) {
  .help-tip, .tbl .help-tip, .inline .help-tip {
    position: fixed; left: 10px; right: 10px; top: auto;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 104px);
    width: auto; max-width: none; transform: none;
    font-size: 14px; line-height: 1.6; padding: 14px 16px; border-radius: 12px;
    box-shadow: 0 10px 36px rgba(0,0,0,.45);
  }
  .help-tip::before { display: none; }          /* rodyklytė nebeturi į ką rodyti */
  .help-i { width: 22px; height: 22px; font-size: 14px; }   /* patogiau paliesti */

  /* ── Filtrai: vietoj šešių didelių eilučių – kompaktiškos žymos ── */
  .legend { gap: 6px 8px; padding: 8px 10px; }
  .legend .leg {
    font-size: 12.5px; gap: 5px;
    padding: 5px 9px; border-radius: 14px;
    background: #fff; border: 1px solid var(--line);
  }
  .legend .leg .dot { width: 10px; height: 10px; }
}


/* ══ Pagalbos forma: priedo (nuotraukos ar failo) laukas ══ */
#hlp-failas{display:block;width:100%;box-sizing:border-box;font-size:13px;margin:2px 0 4px}
#hlp-failas-p{color:var(--muted);font-size:12.5px;margin:0 0 6px}


/* ══ Planuoklis: „Pereiti į dieną" ir pažymėta diena ══ */
.plan-eiti{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.plan-eiti input{font:inherit;font-size:13px;padding:6px 9px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:#222}
.cal td.pazymeta{outline:3px solid #b7791f;outline-offset:-3px;background:#fff8ec}
@media(max-width:700px){ .plan-eiti{width:100%;justify-content:space-between;margin-top:6px} }


/* ══ PLANUOKLIS: darbotvarkė ir neužbaigti praėję terminai (P0/P1, 2026-09-20) ══ */
.dv-gr{font-size:14px;margin:16px 0 8px;color:var(--navy);display:flex;align-items:center;gap:8px}
.dv-gr span{font-size:12px;font-weight:700;color:var(--muted);background:#eef2ee;border-radius:20px;padding:1px 9px}
.dv-ir{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;padding:10px 12px;margin-bottom:8px;
  background:var(--f);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:8px}
.dv-kada b{display:block;font-size:14px;color:var(--ink)}
.dv-kada span{font-size:12.5px;color:var(--muted)}
.dv-pav{font-weight:700;font-size:14.5px;color:var(--ink);display:inline-block;margin-bottom:3px}
.dv-pav:hover{color:var(--navy);text-decoration:underline}
.dv-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12.5px;color:var(--muted);margin-top:2px}
.dv-atsak{font-weight:600}
.dv-salt{color:var(--accent-d);font-weight:700}
.dv-salt:hover{text-decoration:underline}
.dv-salt-n{font-style:italic}
.dv-praeje{border:1.5px solid #e9c9c5;background:#fdf4f3;border-radius:10px;padding:12px 14px;margin-bottom:14px}
.dv-praeje>summary{font-size:14.5px;font-weight:800;color:var(--red);cursor:pointer;margin:0}
.dv-praeje[open]>summary{margin-bottom:10px}
.dv-praeje>summary span{font-weight:500;font-size:12.5px;color:var(--muted)}
.cal .ev-l{float:right;font-weight:700;color:var(--c)}
.cal .ev-a{color:var(--muted);font-size:10.5px}
@media(max-width:700px){
  .dv-ir{grid-template-columns:1fr;gap:4px}
  .dv-kada{display:flex;gap:8px;align-items:baseline}
  .dv-kada b{display:inline}
}


/* ══ Planuoklis: šoninė įrašo peržiūra ir filtrų sutraukimas (P1) ══ */
#dv-perziura{position:relative;border-left:4px solid var(--navy)}
#dv-uzd{position:absolute;top:10px;right:12px;border:0;background:none;font-size:16px;color:var(--muted);cursor:pointer}
.dv-pv{font-weight:800;font-size:15px;color:var(--ink);border-left:3px solid var(--c);padding-left:8px;margin:2px 0 6px}
.dv-zym{font-size:12px;font-weight:700;color:var(--c);margin-bottom:10px}
.dv-p{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;padding:5px 0;border-top:1px solid var(--line);font-size:13px}
.dv-p span{color:var(--muted)}
.dv-p b{font-weight:600;overflow-wrap:anywhere}
.dv-veiksmai{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dv-ir{cursor:pointer}
.dv-ir:hover{border-color:var(--c)}
.dv-ir:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.plan-filtrai{margin:6px 0 10px}
.plan-filtrai>summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--navy);padding:6px 0;list-style:none;display:flex;align-items:center;gap:6px}
.plan-filtrai>summary::before{content:"▸";transition:transform .15s}
.plan-filtrai[open]>summary::before{transform:rotate(90deg)}
@media(min-width:901px){ .plan-filtrai>summary{display:none} .plan-filtrai:not([open])>.legend{display:flex} }


/* ══ KNYGUTĖ: atverstas popierinis planuoklis (2026-09-20) ══════════════════
   Idėja — kaip senovinė darbo knygutė: du puslapiai, linijos, greitas įrašas. */
.kn-juosta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.kn-antraste{font-size:17px;color:var(--navy);min-width:150px;text-align:center}
.kn-rez a{padding:6px 10px;font-size:12.5px}
.knyga.r-menuo .kn-tekstas,.knyga.r-menuo .kn-t input{font-size:13px}
.knyga.r-menuo 
.kn-data{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.kn-data input{font:inherit;font-size:13px;padding:5px 9px;border:1.5px solid var(--line);border-radius:8px;width:auto}
.kn-pat{font-size:12px;color:var(--muted)}
.knyga{display:grid;gap:0;background:#fffdf7;border:1px solid #e3ded0;border-radius:10px;box-shadow:0 2px 6px rgba(27,48,41,.08),inset 0 0 40px rgba(180,160,110,.07);overflow:hidden}
.knyga{position:relative;z-index:2;grid-template-columns:1fr 1fr}
.knyga.vienas{grid-template-columns:1fr}
/* puslapis — ištisinis lapas, jame kelios dienos */
.kn-puslapis{padding:14px 20px 12px;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,#e8e3d5 31px 32px);background-position:0 40px}
.knyga:not(.vienas)>.kn-puslapis:first-child{border-right:1px solid #d9d0ba;box-shadow:inset -26px 0 26px -26px rgba(90,72,40,.55)}
.knyga:not(.vienas)>.kn-puslapis:last-child{box-shadow:inset 26px 0 26px -26px rgba(90,72,40,.55)}
.knyga:not(.vienas)::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:14px;transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(90deg,rgba(120,100,60,0),rgba(120,100,60,.18) 45%,rgba(120,100,60,.22) 50%,rgba(120,100,60,.18) 55%,rgba(120,100,60,0))}
.kn-diena{padding:2px 0 10px;margin-bottom:6px}
.kn-diena+.kn-diena{border-top:1px dashed #ded7c6;padding-top:10px}
.kn-diena.siandien .kn-antr b{color:var(--accent-d)}
.kn-diena.nedarbo .kn-antr b{color:#8a8172}

.knyga.r-savaite>.kn-psl:nth-child(odd),.knyga.r-dvi>.kn-psl:nth-child(odd){box-shadow:inset -10px 0 14px -12px rgba(120,100,60,.3)}
.knyga.r-diena>

.kn-antr{margin-bottom:10px;border-bottom:2px solid var(--navy);padding-bottom:4px}
.kn-antr b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;color:var(--navy);line-height:1.2}
.kn-antr span{font-size:12px;color:var(--muted)}
.kn-eil{display:flex;align-items:flex-start;gap:8px;min-height:34px;padding:4px 0;line-height:1.35}
.kn-laikas{flex:0 0 46px;font-weight:700;font-size:13px;color:var(--navy);padding-top:2px}
.kn-byl{border-left:3px solid var(--c);padding-left:8px;margin-left:-8px}
.kn-tekstas{font-size:14px}
.kn-tekstas a{font-weight:600;color:var(--ink)}
.kn-tekstas a:hover{text-decoration:underline}
.kn-tekstas small{display:block;font-size:11.5px;color:var(--muted)}
.kn-uzr.atl .kn-t input{text-decoration:line-through;color:var(--muted)}
.kn-f{flex:0 0 auto}
.kn-vrn,.kn-x{border:0;background:none;cursor:pointer;font-size:15px;color:var(--muted);padding:2px 3px}
.kn-vrn:hover,.kn-x:hover{color:var(--navy)}
.kn-t{flex:1 1 auto;min-width:0}
.kn-t input{width:100%;border:0;border-bottom:1px dashed transparent;background:transparent;font:inherit;font-size:14px;
  padding:2px 0;color:var(--ink)}
.kn-t input:focus{outline:none;border-bottom-color:var(--accent)}
.kn-t small{display:block;font-size:11.5px;color:var(--muted)}
.kn-tuscia{color:#a79f8c;font-style:italic;font-size:13.5px;margin:6px 0}
.kn-ideti{margin-top:10px;border-top:1px dashed #ddd5c2;padding-top:8px}
.kn-ideti input{width:100%;border:0;background:transparent;font:inherit;font-size:14px;padding:6px 0;color:var(--ink)}
.kn-ideti input::placeholder{color:#b3aa95;font-style:italic}
.kn-ideti input:focus{outline:none;border-bottom:1.5px solid var(--accent)}
@media(max-width:860px){
  .knyga-vieta{padding:6px}
  .knyga-vieta::before,.knyga-vieta::after{display:none}
  /* telefone — visada vienas stulpelis, kad tekstas nebūtų suspaustas */
  .knyga,.knyga.r-diena,.knyga.r-savaite,.knyga.r-dvi,.knyga.r-menuo{grid-template-columns:1fr}
  .knyga>
  .knyga>.kn-psl:first-child{border-top:0}
  .knyga>
  .kn-psl:last-child{box-shadow:none}
  .kn-pat{width:100%}
}


/* ══ KNYGUTĖ: vartymo rodyklės, lapo vertimo iliuzija ══════════════════════ */
.knyga-vieta{position:relative;perspective:1800px;padding:10px;border-radius:14px;
  background:linear-gradient(160deg,#1f6b58,#123b32);
  box-shadow:0 10px 28px rgba(18,59,50,.28),inset 0 1px 0 rgba(255,255,255,.15)}
/* lapų kraštų krūvelė abiejuose knygos šonuose */
.knyga-vieta::before,.knyga-vieta::after{content:"";position:absolute;top:16px;bottom:16px;width:7px;border-radius:3px;
  background:repeating-linear-gradient(to right,#fffdf7 0 2px,#e7e0cf 2px 3px);opacity:.95;z-index:1}
.knyga-vieta::before{left:3px}
.knyga-vieta::after{right:3px}
.kn-rod{position:fixed;top:50%;transform:translateY(-50%);z-index:70;
  width:54px;height:78px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#1f6b58,#184c40);border:1px solid #123b32;border-radius:12px;
  box-shadow:0 6px 18px rgba(24,76,64,.34);color:#fff;text-decoration:none;
  font-size:34px;line-height:1;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}
.kn-rod span{margin-top:-4px}
.kn-rod:hover{filter:brightness(1.12);box-shadow:0 8px 22px rgba(24,76,64,.42)}
.kn-rod:active{transform:translateY(-50%) scale(.96)}
/* rodyklės laikosi prie pačios knygutės krašto, o ne prie lango vidurio, todėl
   neužlipa ant dešinės skilties „Neužbaigti praėję terminai“ */
.kn-rod.kaire{left:calc(max(0px, (100vw - 1560px)/2) + 14px)}
.kn-rod.desine{right:calc(max(0px, (100vw - 1560px)/2) + var(--kn-sonas, 20px) - 6px)}
.kn-garsas{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 9px;cursor:pointer;font-size:14px;line-height:1}
.kn-garsas:hover{border-color:var(--navy)}

/* verčiamo lapo šešėlis, perbėgantis per atvartą */
.kn-lapas{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:4;border-radius:10px;
  background:linear-gradient(105deg,rgba(255,253,247,0) 0%,rgba(255,253,247,.92) 42%,rgba(232,225,207,.98) 55%,rgba(150,132,96,.22) 60%,rgba(255,253,247,0) 78%)}
.kn-lapas.l-pirmyn{animation:kn-lapas-pirmyn .2s ease-in forwards}
.kn-lapas.l-atgal{animation:kn-lapas-atgal .2s ease-in forwards}
@keyframes kn-lapas-pirmyn{0%{opacity:0;transform:translateX(38%)}25%{opacity:1}100%{opacity:.9;transform:translateX(-58%)}}
@keyframes kn-lapas-atgal{0%{opacity:0;transform:translateX(-38%)}25%{opacity:1}100%{opacity:.9;transform:translateX(58%)}}

.knyga{transform-origin:50% 50%;will-change:transform,opacity;backface-visibility:hidden}
.knyga.verciam-pirmyn{animation:kn-vers-pirmyn .17s ease-in forwards}
.knyga.verciam-atgal{animation:kn-vers-atgal .17s ease-in forwards}
.knyga.ateina{animation:kn-ateina .22s ease-out}
@keyframes kn-vers-pirmyn{0%{transform:rotateY(0) translateX(0);opacity:1}
  100%{transform:rotateY(-9deg) translateX(-2%);opacity:.3}}
@keyframes kn-vers-atgal{0%{transform:rotateY(0) translateX(0);opacity:1}
  100%{transform:rotateY(9deg) translateX(2%);opacity:.3}}
@keyframes kn-ateina{0%{transform:rotateY(10deg) scale(.99);opacity:.2}100%{transform:none;opacity:1}}

@media(max-width:860px){
  /* telefone — ekrano šonų viduryje, kad nesusidurtų su „į viršų" ir pagalbos mygtuku */
  .kn-rod{width:46px;height:70px;font-size:30px;top:50%;bottom:auto;transform:translateY(-50%);opacity:.96}
  .kn-rod.kaire{left:6px}
  .kn-rod.desine{right:6px}
}
@media (prefers-reduced-motion: reduce){
  .knyga.verciam-pirmyn,.knyga.verciam-atgal,.knyga.ateina,.kn-lapas{animation:none!important}
}